@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Outfit_baa73f;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Outfit_Fallback_baa73f;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_baa73f{font-family:__Outfit_baa73f,__Outfit_Fallback_baa73f;font-style:normal}.__variable_baa73f{--font-body:"__Outfit_baa73f","__Outfit_Fallback_baa73f"}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Bricolage_Grotesque_01ae00;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Bricolage_Grotesque_Fallback_01ae00;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_01ae00{font-family:__Bricolage_Grotesque_01ae00,__Bricolage_Grotesque_Fallback_01ae00;font-style:normal}.__variable_01ae00{--font-display:"__Bricolage_Grotesque_01ae00","__Bricolage_Grotesque_Fallback_01ae00"}:root{--bg:#0a0a0d;--bg-2:#14141a;--bg-3:#1c1c24;--bg-4:#262630;--text:#f4f4f8;--text-2:#a0a0ac;--text-3:#5e5e6a;--primary:#5865f2;--primary-2:#4752c4;--primary-3:#3b46a8;--primary-glow:color-mix(in srgb,var(--primary) 45%,transparent);--success:#2dd168;--success-2:#25a854;--success-glow:color-mix(in srgb,var(--success) 45%,transparent);--warning:#f5a624;--warning-glow:color-mix(in srgb,var(--warning) 45%,transparent);--danger:#e5484d;--danger-2:#cd3d42;--danger-glow:color-mix(in srgb,var(--danger) 45%,transparent);--bomb:#e54d4d;--bomb-glow:color-mix(in srgb,var(--bomb) 50%,transparent);--border:hsla(0,0%,100%,.06);--border-2:hsla(0,0%,100%,.12);--border-3:hsla(0,0%,100%,.22);--r:10px;--r-md:14px;--r-lg:18px;--shadow-pop:0 6px 0 rgba(0,0,0,.45),0 14px 28px rgba(0,0,0,.4);--shadow-pop-sm:0 3px 0 rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.35);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.05);--ease:cubic-bezier(0.4,0,0.2,1);--spring:cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body),system-ui,sans-serif;background:radial-gradient(ellipse 70% 50% at 20% -5%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 55%),radial-gradient(ellipse 60% 45% at 90% 105%,color-mix(in srgb,var(--bomb) 12%,transparent),transparent 55%),radial-gradient(ellipse 40% 30% at 80% 30%,color-mix(in srgb,var(--success) 5%,transparent),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{color:var(--text)}h1,h2,h3,h4,p{margin:0}.app{max-width:760px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:32px;min-height:100vh}header{justify-content:space-between;gap:16px}.brand,header{display:flex;align-items:center}.brand{gap:14px;color:inherit}.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(229,77,77,.45));transition:transform .4s var(--spring)}.brand:hover img{transform:rotate(-8deg) scale(1.08)}.brand-text{display:flex;flex-direction:column;gap:4px}.brand-title{font-family:var(--font-display),system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--text)}.brand-sub{font-size:12px;font-weight:500;color:var(--text-3);letter-spacing:.02em}.brand-sub b{color:var(--primary);font-weight:700}.header-link{font-size:13px;font-weight:600;color:var(--text-3);letter-spacing:.02em;transition:color .2s var(--ease)}.header-link:hover{color:var(--text)}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:100px 28px;background:hsla(0,0%,100%,.015);border:3px dashed var(--border-2);border-radius:22px;cursor:pointer;text-align:center;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease)}.drop:hover{border-color:var(--border-3);background:hsla(0,0%,100%,.03);transform:scale(1.01)}.drop.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 20%,transparent),0 0 60px var(--primary-glow);transform:scale(1.015)}.drop-icon{width:64px;height:64px;color:var(--text-3);transition:color .2s var(--ease),transform .4s var(--spring);animation:float 3.2s ease-in-out infinite}.drop.active .drop-icon,.drop:hover .drop-icon{color:var(--primary);transform:scale(1.12)}@keyframes float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.04)}}.drop h2{font-family:var(--font-display),system-ui,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em}.drop p{font-size:13px;color:var(--text-3);letter-spacing:.01em}.drop p b{color:var(--text-2);font-weight:600}.thumb-strip{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.thumb{position:relative;width:80px;height:80px;padding:0;background:var(--bg-2);border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color .2s var(--ease),transform .2s var(--spring),box-shadow .2s var(--ease)}.thumb:hover{border-color:var(--border-3);transform:scale(1.04)}.thumb img{width:100%;height:100%;object-fit:cover;background:repeating-conic-gradient(hsla(0,0%,100%,.02) 0 25%,transparent 0 50%) 50% /10px 10px,var(--bg-3);display:block}.thumb.focused{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent),0 0 24px var(--primary-glow);transform:scale(1.04)}.thumb.processing{border-color:var(--primary);animation:thumb-pulse 1.2s ease-in-out infinite}@keyframes thumb-pulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 6px transparent}}.thumb.done{border-color:color-mix(in srgb,var(--success) 60%,var(--border))}.thumb.err{border-color:color-mix(in srgb,var(--danger) 70%,var(--border))}.thumb-dot{position:absolute;top:6px;left:6px;width:10px;height:10px;border-radius:50%;background:var(--text-3);border:2px solid var(--bg-2);z-index:2}.thumb.processing .thumb-dot{background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.thumb.done .thumb-dot{background:var(--success);box-shadow:0 0 8px var(--success-glow)}.thumb.err .thumb-dot{background:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:var(--bg);border:1px solid var(--border-2);border-radius:50%;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s var(--ease),background .15s var(--ease),color .15s var(--ease);z-index:2;font-weight:700}.thumb:hover .thumb-remove{opacity:1}.thumb-remove:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.thumb.add{background:transparent;border:2px dashed var(--border-2);color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;font-size:32px;font-weight:300;line-height:1}.thumb.add:hover{border-color:var(--border-3);background:hsla(0,0%,100%,.02);color:var(--text-2)}.thumb-count{align-self:flex-end;margin-left:auto;font-size:11px;font-weight:700;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;padding:0 4px;line-height:80px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings{gap:22px}.set-block,.settings{display:flex;flex-direction:column}.set-block{gap:12px}.set-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;color:var(--text-2);text-transform:uppercase;letter-spacing:.14em;line-height:1}.set-label b{font-family:var(--font-display),system-ui,sans-serif;color:var(--text);font-weight:800;letter-spacing:-.01em;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tabs{display:flex;gap:4px;background:rgba(0,0,0,.35);padding:5px;border-radius:12px;border:1px solid var(--border)}.tab{flex:1 1;padding:11px 14px;background:transparent;border:none;color:var(--text-2);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border-radius:8px;letter-spacing:.02em;transition:color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.tab:hover{color:var(--text);background:hsla(0,0%,100%,.04)}.tab.active{color:var(--text);background:var(--primary);box-shadow:0 4px 14px var(--primary-glow)}.dim{display:flex;align-items:center;gap:12px}.dim input{flex:1 1;text-align:center}.dim-x{color:var(--text-3);font-weight:700;font-size:16px}.aspect{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}input[type=number],input[type=text]{width:100%;padding:12px 14px;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;color:var(--text);background:var(--bg-2);border:1px solid var(--border-2);outline:none;box-sizing:border-box;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=number]:hover,input[type=text]:hover{border-color:var(--border-3)}input[type=number]:focus,input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}input[type=checkbox]{width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-2);border:2px solid var(--border-3);border-radius:6px;cursor:pointer;position:relative;flex-shrink:0;transition:border-color .15s var(--ease),background .15s var(--ease),transform .15s var(--spring)}input[type=checkbox]:hover{border-color:hsla(0,0%,100%,.3);transform:scale(1.05)}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:before{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}input[type=range]{flex:1 1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-3);border-radius:5px;outline:none;border:1px solid var(--border);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:-webkit-grab;cursor:grab;border:3px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.5),0 0 0 0 var(--primary-glow);-webkit-transition:box-shadow .2s var(--ease),transform .15s var(--spring);transition:box-shadow .2s var(--ease),transform .15s var(--spring)}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 3px 14px rgba(0,0,0,.55),0 0 22px var(--primary-glow);transform:scale(1.12)}input[type=range]::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:grab;border:3px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.5)}.range-row{display:flex;align-items:center;gap:16px}.range-val{min-width:56px;text-align:right;font-family:var(--font-display),system-ui,sans-serif;font-size:18px;font-weight:800;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.process{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 32px;font-family:var(--font-display),system-ui,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.005em;line-height:1;color:#fff;background:var(--primary);border:none;border-radius:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;width:100%;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 6px 0 var(--primary-3),0 14px 28px var(--primary-glow);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .2s var(--ease)}.process:hover{background:var(--primary-2);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),0 6px 0 var(--primary-3),0 16px 36px var(--primary-glow)}.process:active{transform:scale(.985);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),0 2px 0 var(--primary-3),0 6px 12px var(--primary-glow)}.process:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 4px 0 var(--primary-3)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1;color:var(--text-2);background:transparent;border:1px solid var(--border-2);border-radius:9px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.btn-ghost:hover{color:var(--text);background:hsla(0,0%,100%,.04);border-color:var(--border-3)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-direction:column;gap:12px}.error{padding:13px 16px;background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 38%,transparent);border-radius:10px;color:color-mix(in srgb,var(--danger) 70%,var(--text));font-size:13px;font-weight:500}.preview{display:flex;flex-direction:column;gap:18px;padding:22px;background:var(--bg-2);border:2px solid var(--border-2);border-radius:20px;box-shadow:var(--shadow-pop);animation:preview-pop .5s var(--spring)}@keyframes preview-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preview-frame{position:relative;display:flex;align-items:center;justify-content:center;padding:24px;background:repeating-conic-gradient(hsla(0,0%,100%,.025) 0 25%,transparent 0 50%) 50% /18px 18px,var(--bg);border:1px solid var(--border);border-radius:14px;min-height:260px;max-height:520px;overflow:hidden}.preview-frame img{max-width:100%;max-height:460px;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.55);animation:img-in .4s var(--spring)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:rgba(0,0,0,.55);border:1px solid var(--border-2);border-radius:50%;color:var(--text);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--spring)}.nav-arrow svg{width:22px;height:22px}.nav-arrow:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.08)}.nav-arrow:active{transform:translateY(-50%) scale(.94)}.nav-prev{left:12px}.nav-next{right:12px}.nav-count{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:4px 10px;background:rgba(0,0,0,.55);border:1px solid var(--border-2);border-radius:999px;font-size:11px;font-weight:700;color:var(--text-2);letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3}@keyframes img-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.preview-name{text-align:center;font-size:13px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-gap:10px;gap:10px}.stat,.stats{align-items:center}.stat{display:flex;flex-direction:column;gap:5px;padding:14px 12px;background:var(--bg);border:1px solid var(--border);border-radius:12px;text-align:center;min-width:0}.stat-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3)}.stat-value{font-family:var(--font-display),system-ui,sans-serif;font-size:20px;font-weight:800;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1}.stat-sub{font-size:11px;color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-arrow{font-family:var(--font-display),system-ui,sans-serif;font-size:24px;color:var(--text-3);font-weight:800;line-height:1}.saved-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px;background:color-mix(in srgb,var(--success) 18%,transparent);border:2px solid var(--success);border-radius:12px;box-shadow:0 0 28px var(--success-glow);animation:saved-pulse 2.4s ease-in-out infinite;min-width:0}.saved-pill.larger{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:var(--danger);box-shadow:0 0 28px var(--danger-glow)}@keyframes saved-pulse{0%,to{box-shadow:0 0 22px var(--success-glow)}50%{box-shadow:0 0 36px var(--success-glow)}}.saved-pct{font-family:var(--font-display),system-ui,sans-serif;font-size:28px;font-weight:800;color:var(--success);line-height:1;letter-spacing:-.04em;animation:pop .6s var(--spring)}.saved-pill.larger .saved-pct{color:var(--danger)}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}.saved-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3)}.download{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;font-family:var(--font-display),system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.005em;line-height:1;color:#fff;background:var(--success);border:none;border-radius:12px;cursor:pointer;text-decoration:none;width:100%;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 4px 0 var(--success-2),0 10px 22px var(--success-glow);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background .2s var(--ease)}.download:hover{background:color-mix(in srgb,var(--success) 92%,#fff);color:#fff;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 5px 0 var(--success-2),0 12px 28px var(--success-glow)}.download:active{transform:scale(.985);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),0 2px 0 var(--success-2),0 5px 10px var(--success-glow)}.download svg{width:18px;height:18px}.spin{width:16px;height:16px;border:2px solid color-mix(in srgb,#fff 35%,transparent);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}footer{text-align:center;color:var(--text-3);font-size:12px;line-height:1.7;margin-top:auto}footer a{color:var(--text-2);font-weight:600}footer a:hover{color:var(--primary)}footer>div+div{margin-top:4px}footer .legal{margin-top:10px}footer .legal a{color:var(--text-3);font-weight:500}footer .legal a:hover{color:var(--text-2)}@media (max-width:600px){.app{padding:28px 16px 60px;gap:24px}.drop{padding:64px 20px}.drop h2{font-size:18px}.brand img{width:44px;height:44px}.brand-title{font-size:26px}.thumb{width:64px;height:64px}.stats{grid-template-columns:1fr;gap:8px}.stats .stat-arrow{display:none}.process{font-size:15px;height:56px}input[type=number],input[type=text]{font-size:16px}}