@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg-secondary:#f3f3f5;--bg-tertiary:#e8e8ea;--ink:#1a1c1d;--ink-2:#414753;--ink-3:#717785;--ink-4:#c1c6d6;--blue:#0071e3;--blue-dark:#0059b5;--danger:#ff3b30;--success:#34c759;--glass-bg:#fffc;--glass-border:#0000000f;--glass-blur:blur(20px) saturate(1.6);--glass-shadow:0 4px 24px #0000000f, 0 1px 3px #0000000a;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-pill:9999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:80px;--ease:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--fast:.15s var(--ease);--med:.3s var(--ease);--slow:.5s var(--ease)}[data-theme=dark]{--bg:#111113;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--ink:#f5f5f7;--ink-2:#b8bcc8;--ink-3:#636570;--ink-4:#3a3a3c;--glass-bg:#1c1c1ed1;--glass-border:#ffffff12;--glass-blur:blur(20px) saturate(1.4);--glass-shadow:0 4px 24px #00000059, 0 1px 3px #0003}[data-theme=dark] body{background:var(--bg);color:var(--ink)}[data-theme=dark] .glass-elevated{background:#1e1e20eb;border-color:#ffffff0f}[data-theme=dark] .upload-box{background:var(--bg-secondary);border-color:var(--ink-4)}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-secondary);color:var(--ink);border-color:#ffffff1a}[data-theme=dark] .btn-secondary{background:var(--bg-tertiary);color:var(--ink);border-color:#ffffff14}[data-theme=dark] .btn-secondary:hover{background:#3a3a3c}[data-theme=dark] .btn-icon{color:var(--ink-2);background:#ffffff0f;border-color:#ffffff14}[data-theme=dark] .btn-icon:hover{background:var(--ink);color:var(--bg)}[data-theme=dark] .toast{color:var(--ink);background:#1e1e20f5;border-color:#ffffff12}[data-theme=dark] .footer{border-top-color:#ffffff0f}html,body{width:100%;min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:-.02em;line-height:1.1}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--glass-shadow)}.glass-elevated{-webkit-backdrop-filter:blur(30px)saturate(1.8);border-radius:var(--r-lg);background:#ffffffeb;border:1px solid #00000012;box-shadow:0 8px 40px #00000014,0 2px 8px #0000000a}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-pill);cursor:pointer;transition:var(--fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;padding:12px 22px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(145deg, var(--blue) 0%, var(--blue-dark) 100%);color:#fff;box-shadow:0 4px 16px #0071e34d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #0071e361}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--ink);border:1px solid #00000014}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-ghost{color:var(--ink-2);background:0 0;border:none}.btn-ghost:hover{color:var(--ink);background:var(--bg-secondary)}.btn-danger{color:var(--danger);background:#ff3b301a;border:1px solid #ff3b3026}.btn-danger:hover{background:#ff3b302e}.btn-icon{border-radius:var(--r-pill);width:34px;height:34px;color:var(--ink-2);-webkit-backdrop-filter:blur(10px);transition:var(--fast);background:#ffffffd9;border:1px solid #00000014;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--ink);color:var(--bg);transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}input[type=text],input[type=number],select,textarea{background:var(--bg-secondary);border-radius:var(--r-sm);width:100%;color:var(--ink);transition:var(--fast);appearance:none;border:1.5px solid #0000001f;outline:none;padding:11px 14px;font-family:inherit;font-size:.95rem}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{background:var(--bg);border-color:var(--blue);box-shadow:0 0 0 3px #0071e31f}input[type=range]{background:var(--bg-tertiary);border-radius:var(--r-pill);appearance:none;cursor:pointer;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--blue);cursor:pointer;width:18px;height:18px;transition:var(--fast);background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000001f}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.toggle-wrapper{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;display:flex}.toggle-label{color:var(--ink-2);font-size:.9rem;font-weight:500}.toggle{flex-shrink:0;width:42px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--bg-tertiary);border-radius:var(--r-pill);cursor:pointer;transition:var(--med);position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--blue)}.toggle-track:after{content:"";width:18px;height:18px;transition:var(--med);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.toggle input:checked+.toggle-track:after{transform:translate(18px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{flex-shrink:0;animation:.75s cubic-bezier(.5,.1,.5,.9) infinite spin;display:inline-block}.toast-container{bottom:var(--s-6);right:var(--s-6);gap:var(--s-2);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--s-3);border-radius:var(--r-md);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #00000014;min-width:280px;max-width:420px;padding:14px 20px;font-size:.9rem;font-weight:500;display:flex;box-shadow:0 8px 32px #0000001f}.toast.success{border-left:3px solid var(--success);color:var(--ink)}.toast.error{border-left:3px solid var(--danger);color:var(--ink)}.toast.info{border-left:3px solid var(--blue);color:var(--ink)}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:var(--s-2);font-size:.78rem;font-weight:600;display:block}.section-head{margin-bottom:var(--s-5);justify-content:space-between;align-items:center;display:flex}.section-head h2{font-size:1.5rem;font-weight:700}.divider{background:var(--ink-4);opacity:.6;flex-shrink:0;width:1px;height:20px}.container{max-width:900px;padding:0 var(--s-5);margin:0 auto}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}.beating-heart{color:#0000;stroke:var(--danger);fill:none;animation:1.4s ease-in-out infinite heartbeat;display:inline-flex}.upload-box{border:1.5px dashed var(--ink-4);border-radius:var(--r-md);padding:var(--s-7) var(--s-5);text-align:center;cursor:pointer;transition:var(--med);background:var(--bg);align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.upload-box:hover,.upload-box.dragover{border-color:var(--blue);background:#0071e308}.upload-box.dragover{background:#0071e30f}.preview-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.preview-item{border-radius:var(--r-sm);aspect-ratio:3/4;background:var(--bg-secondary);cursor:pointer;transition:var(--fast);border:2px solid #0000;position:relative;overflow:hidden}.preview-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.preview-item.selected{border-color:var(--blue)}.preview-item img{object-fit:cover;width:100%;height:100%}.preview-item-actions{top:var(--s-2);right:var(--s-2);gap:var(--s-1);opacity:0;transition:var(--fast);display:flex;position:absolute}.preview-item:hover .preview-item-actions{opacity:1}.preview-item-num{bottom:var(--s-2);left:var(--s-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--r-xs);background:#00000073;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute}.preview-item-check{top:var(--s-2);left:var(--s-2);background:var(--blue);color:#fff;opacity:0;width:20px;height:20px;transition:var(--fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:scale(.6)}.preview-item.selected .preview-item-check{opacity:1;transform:scale(1)}.preview-dbl-hint{color:#ffffffd9;opacity:0;pointer-events:none;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(#0000 40%,#0006 100%);justify-content:center;align-items:flex-end;padding-bottom:10px;font-size:.65rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}@media (hover:none){.preview-item:active .preview-dbl-hint{opacity:1}}.settings-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.progress-bar{background:var(--bg-tertiary);border-radius:var(--r-pill);width:100%;height:4px;margin:var(--s-3) 0;overflow:hidden}.progress-fill{background:var(--blue);border-radius:var(--r-pill);height:100%;transition:width .25s var(--ease);box-shadow:0 0 8px #0071e366}.compact-uploader{padding:var(--s-3) var(--s-4);border:1.5px dashed var(--ink-4);border-radius:var(--r-sm);cursor:pointer;transition:var(--fast);background:var(--bg);justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.compact-uploader:hover{border-color:var(--blue);background:#0071e308}.footer{padding:var(--s-7) var(--s-5) var(--s-6);color:var(--ink-3);border-top:1px solid #0000000f;font-size:.85rem}.footer-inner{align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.footer-brand{align-items:center;gap:6px;font-size:.9rem;display:flex}.footer-name{color:var(--ink-2);transition:var(--fast);font-weight:700;text-decoration:none}.footer-name:hover{color:var(--blue)}.footer-socials{align-items:center;gap:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}.footer-social-link{border-radius:var(--r-pill);background:var(--bg-secondary);color:var(--ink-2);transition:var(--fast);white-space:nowrap;border:1px solid #00000014;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.footer-social-link:hover{color:var(--hover-color,var(--blue));border-color:var(--hover-color,var(--blue));background:var(--bg);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}[data-theme=dark] .footer-social-link{background:var(--bg-secondary);border-color:#ffffff14}@media (max-width:640px){.preview-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.settings-grid{grid-template-columns:1fr}.toast-container{left:var(--s-3);right:var(--s-3);bottom:80px}.toast{width:100%;min-width:0;padding:12px 14px;font-size:.85rem}.container{padding:0 var(--s-4)}}@media (max-width:480px){.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.btn{padding:10px 16px;font-size:.88rem}.glass{border-radius:var(--r-sm)}}@media (hover:none){.btn-icon{width:40px;height:40px}.preview-item-actions{opacity:1}}@supports (padding:env(safe-area-inset-bottom)){.footer{padding-bottom:calc(var(--s-6) + env(safe-area-inset-bottom))}.toast-container{bottom:calc(90px + env(safe-area-inset-bottom))}}