:root{--background:#0f172a;--surface:#1e293b;--surface-hover:#263548;--border:#334155;--primary:#2563eb;--primary-hover:#1d4ed8;--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow:0 10px 30px #00000040;--radius:18px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:50px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:Inter,sans-serif}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit;text-decoration:none}.navbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 5%;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{flex-shrink:0}.brand-info{flex-direction:column;display:flex}.brand-name{color:#111827;margin:0;font-size:22px;font-weight:800;line-height:1.1}.brand-tagline{color:#64748b;font-size:13px}.navbar-links{align-items:center;gap:28px;display:flex}.navbar-links a{color:#475569;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:#4f46e5}.navbar-links .active{color:#4f46e5;font-weight:700}.logo-paper{width:42px;height:42px}.brand-logo{width:46px;height:46px}.logo-paper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.logo-fold{clip-path:polygon(0 0,100% 100%,100% 0);background:#c7d2fe;width:14px;height:14px;position:absolute;top:0;right:0}.logo-image{background:#eef2ff;border-radius:6px;width:30px;height:25px;position:absolute;bottom:8px;left:8px;overflow:hidden}.logo-sun{background:#f59e0b;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:6px}.logo-mountain{clip-path:polygon(0 100%,45% 20%,70% 60%,100% 100%);background:#6366f1;width:20px;height:14px;position:absolute;bottom:0;left:4px}@media (width<=900px){.navbar{padding:0 25px}.navbar-links{gap:18px}.navbar-links a{font-size:14px}}@media (width<=700px){.navbar{flex-direction:column;gap:20px;height:auto;padding:18px 20px}.brand{justify-content:center;width:100%}.navbar-links{flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.navbar-links a{font-size:13px}}@media (width<=400px){.brand-name{font-size:20px}.brand-tagline{font-size:12px}.navbar-links{gap:10px}}.footer{background:var(--surface);border-top:1px solid var(--border);width:100%;margin-top:60px;padding-top:40px}.footer-container{box-sizing:border-box;grid-template-columns:2fr 1fr 1fr;gap:50px;width:100%;max-width:1100px;margin:0 auto;padding:0 30px 40px;display:grid}.footer-brand h3{color:var(--text);margin:0 0 10px;font-size:20px}.footer-brand p{max-width:300px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.footer-section{flex-direction:column;gap:10px;display:flex}.footer-section h4{color:var(--text);margin:0 0 8px;font-size:15px}.footer-section a{width:fit-content;color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .2s}.footer-section a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding:20px 30px}.footer-bottom p{color:var(--text-secondary);margin:0;font-size:13px}@media (width<=700px){.footer-container{grid-template-columns:1fr;gap:30px;padding:30px 20px}.footer-brand p{max-width:100%}.footer-bottom{padding:20px}}.container{width:min(1300px,92%);margin:auto;padding-top:60px;padding-bottom:80px}.hero{text-align:center;flex-direction:column;align-items:center;min-height:auto;padding:5px 20px 50px;display:flex}.hero-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;align-items:center;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.04em;max-width:850px;margin:0 0 25px;font-size:clamp(2.5rem,5vw,2rem);font-weight:800;line-height:1.05}.hero p{color:#64748b;max-width:650px;margin:0;font-size:1.15rem;line-height:1.7}.upload-area{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:280px;transition:all .25s;display:flex}.upload-area:hover{border-color:var(--primary);background:var(--surface-hover)}.icon{font-size:72px}.upload-area h2{font-size:28px}.upload-area p{color:var(--text-secondary)}.upload-area span{color:var(--text-muted)}.editor-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);justify-content:center;align-items:center;gap:8px;margin-top:0;margin-bottom:20px;padding:10px;display:flex}.toolbar-button:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:var(--border)}.toolbar-button:disabled{opacity:.35;cursor:not-allowed}.download-button:hover:not(:disabled){background:var(--primary-hover);color:#fff;transform:translateY(-1px)}.new-image-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.zoom-controls{background:#fff;align-items:center;gap:6px;padding:4px 6px;display:flex}.zoom-button{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:all .2s;display:flex}.zoom-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.zoom-button:disabled{opacity:.3;cursor:not-allowed}.zoom-value{text-align:center;min-width:48px;color:var(--text);font-size:13px;font-weight:600}.history-icon{color:#1e293b;font-size:24px;font-weight:700;line-height:1}@media (width<=700px){.editor-toolbar{flex-wrap:wrap}.toolbar-button span:not(.history-icon){display:none}.history-icon{color:#0f172a;font-size:26px;font-weight:800;line-height:1;display:inline-block}.toolbar-button{width:44px;height:44px;padding:0}.history-icon{color:#0f172a;font-size:26px;font-weight:800}}.editor-canvas-container{box-sizing:border-box;background-color:#1e293b;background-image:linear-gradient(45deg,#334155 25%,#0000 25%),linear-gradient(-45deg,#334155 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#334155 75%),linear-gradient(-45deg,#0000 75%,#334155 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;width:100%;max-width:100%;height:600px;max-height:70vh;padding:30px;display:flex;position:relative;overflow:hidden}.editor-canvas{object-fit:contain;cursor:crosshair;touch-action:none;transform-origin:50%;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .2s;display:block;box-shadow:0 10px 40px #00000059}@media (width<=700px){.editor-canvas-container{height:450px;max-height:65vh;padding:15px}.editor-canvas{max-width:100%;max-height:100%}}.editor-workspace{flex-direction:column;gap:16px;max-width:1200px;margin:-20px auto 0;display:flex}.editor-toolbar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:0;padding:12px;display:flex;box-shadow:0 4px 15px #0000000f}.toolbar-group{border-right:1px solid #e2e8f0;align-items:center;gap:6px;padding-right:12px;display:flex}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-button{color:#334155;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:500;transition:background .2s,color .2s,transform .15s;display:flex}.toolbar-button:hover{color:#0f172a;background:#f1f5f9}.toolbar-button:active{transform:scale(.96)}.toolbar-button.active{color:#4338ca;background:#e0e7ff;font-weight:600}.zoom-controls{gap:4px}.zoom-button{width:40px;padding:8px;font-size:20px;font-weight:600}.zoom-value{text-align:center;color:#475569;min-width:52px;font-size:14px;font-weight:600}.download-button{color:#fff;background:#4f46e5;font-weight:600}.download-button:hover{color:#fff;background:#4338ca}.new-image-button{color:#334155;background:#f1f5f9}.new-image-button:hover{background:#e2e8f0}@media (width<=700px){.editor-workspace img{object-fit:contain;width:100%;max-width:350px;max-height:350px}.editor-toolbar{justify-content:stretch;gap:8px;padding:8px}.toolbar-group{flex:1;justify-content:center;padding-right:8px}.toolbar-button{min-width:40px;padding:8px}.toolbar-button span{display:none}.zoom-value{min-width:45px}}.toolbar-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.toolbar-button:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border)}.download-button{background:var(--primary);color:#fff}.download-button:hover{background:var(--primary-hover);color:#fff}.new-image-button{border-left:1px solid var(--border);border-radius:0;margin-left:4px;padding-left:20px}.editor-workspace{flex-direction:column;align-items:center;gap:12px;margin-top:0;padding-top:0;display:flex}.editor-workspace img{object-fit:contain;width:530px;height:330px;margin:0 auto;display:block}.editor-workspace>div{text-align:center;margin-top:0}.compress-actions{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.correcto{color:green}@media (width<=700px){.editor-workspace img{width:250px;height:250px}}.legal-page{box-sizing:border-box;width:100%;padding:25px 20px 60px}.legal-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:900px;box-shadow:var(--shadow);margin:0 auto;padding:40px}.legal-container h1{color:var(--text);margin-top:0;margin-bottom:30px;font-size:32px;line-height:1.2}.legal-content{color:var(--text-secondary);font-size:16px;line-height:1.7}.legal-content h2{color:var(--text);margin-top:35px;margin-bottom:12px;font-size:22px}.legal-content h3{color:var(--text);margin-top:25px;font-size:18px}.legal-content p{margin-bottom:16px}.legal-content ul{margin-bottom:20px;padding-left:25px}.legal-content li{margin-bottom:8px}.legal-content strong{color:var(--text)}@media (width<=700px){.legal-page{padding:30px 15px}.legal-container{padding:25px 20px}.legal-container h1{font-size:26px}.legal-content{font-size:15px}}