*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ngs-cyan: #00D4FF;--ngs-blue: #4F5EE8;--ngs-purple: #9333EA;--ngs-grad: linear-gradient(135deg, #00D4FF 0%, #4F5EE8 50%, #9333EA 100%);--ngs-grad-45: linear-gradient(45deg, #00D4FF 0%, #4F5EE8 50%, #9333EA 100%);--ngs-grad-text:linear-gradient(135deg, #00D4FF, #7C8FFF, #C084FC);--bg: #07070F;--bg-2: #0C0C1A;--bg-3: #111124;--glass: rgba(255,255,255,.035);--glass-2: rgba(255,255,255,.06);--border: rgba(255,255,255,.07);--border-2: rgba(255,255,255,.13);--border-grad: linear-gradient(135deg, rgba(0,212,255,.4), rgba(79,94,232,.4), rgba(147,51,234,.4));--txt: #EEEEFF;--txt-2: rgba(238,238,255,.55);--txt-3: rgba(238,238,255,.3);--green: #22C55E;--green-glow: rgba(34,197,94,.18);--amber: #F59E0B;--red: #EF4444;--r-xs: 6px;--r-sm: 10px;--r: 16px;--r-lg: 22px;--shadow: 0 8px 32px rgba(0,0,0,.5);--shadow-lg: 0 20px 64px rgba(0,0,0,.65)}html{font-size:16px;scroll-behavior:smooth}body{font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 15% 40%,rgba(0,212,255,.045) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 15%,rgba(147,51,234,.055) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 55% 85%,rgba(79,94,232,.04) 0%,transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}::selection{background:#4f5ee859;color:var(--txt)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.ngs-app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.ngs-drag-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border-radius:var(--r-lg);border:2px dashed var(--ngs-cyan);background:#00d4ff0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s}.ngs-drag-overlay.active{opacity:1}.ngs-drag-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ngs-cyan)}.ngs-drag-overlay__inner p{font-size:1.4rem;font-weight:700;letter-spacing:-.3px;text-shadow:0 0 30px rgba(0,212,255,.5)}.ngs-header{position:sticky;top:0;z-index:200;background:#07070fd1;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-bottom:1px solid var(--border)}.ngs-header__inner{max-width:1320px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:20px}.ngs-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.ngs-logo__img{height:46px;width:auto;object-fit:contain}.ngs-logo__fallback{display:none;align-items:center;gap:10px}.ngs-logo__ng{font-size:2rem;font-weight:900;letter-spacing:-2px;background:var(--ngs-grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.ngs-logo__wordmark{display:flex;flex-direction:column;line-height:1.15}.ngs-logo__next{font-size:.7rem;color:var(--txt-3);font-weight:500;text-transform:lowercase;letter-spacing:.02em}.ngs-logo__next strong{background:var(--ngs-grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.ngs-logo__studioz{font-size:1.05rem;font-weight:800;letter-spacing:.14em;color:var(--txt)}.ngs-header__meta{display:flex;align-items:center;gap:12px;margin-left:auto}.ngs-pill{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 11px;border-radius:99px;background:var(--ngs-grad);color:#fff;white-space:nowrap}.ngs-header__tag{font-size:.75rem;color:var(--txt-3);white-space:nowrap}.ngs-main{flex:1}.ngs-hero{padding:52px 28px 36px;max-width:1320px;margin:0 auto}.ngs-dropzone{position:relative;border-radius:var(--r-lg);padding:80px 40px;text-align:center;cursor:pointer;outline:none;isolation:isolate;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.ngs-dropzone:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:calc(var(--r-lg) + 2px);background:linear-gradient(90deg,var(--ngs-cyan),var(--ngs-blue),var(--ngs-purple),var(--ngs-cyan));background-size:300% 100%;animation:borderSpin 5s linear infinite;z-index:-1;opacity:.6;transition:opacity .3s}@keyframes borderSpin{to{background-position:300% 0}}.ngs-dropzone:after{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:var(--r-lg);background:var(--bg-2);z-index:-1}.ngs-dropzone:hover:before,.ngs-dropzone:focus-visible:before{opacity:1;animation-duration:2s}.ngs-dropzone:hover{transform:translateY(-2px)}.ngs-dropzone.drag-over{transform:scale(1.015)}.ngs-dropzone.drag-over:before{opacity:1;animation-duration:.8s}.ngs-dropzone__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);background:radial-gradient(ellipse 60% 55% at 50% 40%,rgba(0,212,255,.07) 0%,transparent 70%);pointer-events:none;z-index:0;transition:opacity .3s}.ngs-dropzone:hover .ngs-dropzone__bg,.ngs-dropzone.drag-over .ngs-dropzone__bg{opacity:1.8}.ngs-dropzone__content{position:relative;z-index:1}.ngs-dropzone__icon{display:inline-block;margin-bottom:22px;filter:drop-shadow(0 0 24px rgba(0,212,255,.35));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s}.ngs-dropzone:hover .ngs-dropzone__icon{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 0 36px rgba(0,212,255,.55))}.ngs-dropzone__headline{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.6px;line-height:1.1;margin-bottom:10px}.ngs-dropzone__sub{font-size:.95rem;color:var(--txt-2);margin-bottom:22px}.ngs-link{color:var(--ngs-cyan);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer}.ngs-dropzone__chips{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;flex-wrap:wrap}.ngs-dropzone__chips li{font-size:.72rem;font-weight:500;color:var(--txt-3);background:var(--glass);border:1px solid var(--border);border-radius:99px;padding:4px 12px}.ngs-workspace{max-width:1320px;margin:0 auto;padding:0 28px 100px}.ngs-workspace.hidden{display:none}.ngs-toolbar{position:sticky;top:75px;z-index:100;background:#07070fe0;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);border:1px solid var(--border);border-radius:var(--r);margin-bottom:24px;overflow:hidden}.ngs-toolbar__row{display:flex;align-items:center;gap:16px;padding:14px 20px;flex-wrap:wrap}.ngs-sep{width:1px;height:26px;background:var(--border);flex-shrink:0}.ngs-add-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1.5px dashed var(--border-2);color:var(--txt-2);border-radius:var(--r-xs);padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap;flex-shrink:0}.ngs-add-btn:hover{border-color:var(--ngs-cyan);color:var(--ngs-cyan);background:#00d4ff0d}.ngs-quality{display:flex;align-items:center;gap:12px;flex:1;min-width:180px}.ngs-quality__lbl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--txt-3);white-space:nowrap;flex-shrink:0}.ngs-quality__range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-2);border-radius:99px;cursor:pointer;outline:none}.ngs-quality__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ngs-grad);box-shadow:0 0 0 3px #4f5ee840,0 2px 8px #0006;cursor:pointer;transition:box-shadow .2s,transform .1s}.ngs-quality__range:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #00d4ff33,0 2px 8px #0006;transform:scale(1.1)}.ngs-quality__input{width:54px;background:var(--glass);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--txt);font-family:inherit;font-size:.88rem;font-weight:700;text-align:center;padding:5px 6px;font-variant-numeric:tabular-nums;transition:border-color .2s}.ngs-quality__input:focus{outline:none;border-color:var(--ngs-blue)}.ngs-quality__input::-webkit-inner-spin-button,.ngs-quality__input::-webkit-outer-spin-button{-webkit-appearance:none}.ngs-toolbar__actions{display:flex;gap:8px;flex-shrink:0;margin-left:auto}.ngs-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:var(--r-sm);border:none;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,box-shadow .2s,transform .1s;letter-spacing:.01em}.ngs-btn:active{transform:scale(.96)}.ngs-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ngs-btn--primary{background:var(--ngs-grad);color:#fff;box-shadow:0 4px 18px #4f5ee859}.ngs-btn--primary:hover:not(:disabled){opacity:.9;box-shadow:0 6px 28px #4f5ee88c}.ngs-btn--zip{background:linear-gradient(135deg,#059669,#22c55e);color:#fff;box-shadow:0 4px 18px var(--green-glow)}.ngs-btn--zip:hover:not(:disabled){opacity:.9;box-shadow:0 6px 28px #22c55e66}.ngs-btn--hidden{display:none!important}.ngs-btn--ghost{background:transparent;color:var(--txt-3);border:1px solid var(--border)}.ngs-btn--ghost:hover{color:var(--txt-2);border-color:var(--border-2)}.ngs-stats{display:flex;border-top:1px solid var(--border)}.ngs-stat{flex:1;padding:10px 20px;display:flex;align-items:baseline;gap:6px}.ngs-stat+.ngs-stat{border-left:1px solid var(--border)}.ngs-stat__n{font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums;transition:color .3s}.ngs-stat__l{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--txt-3)}.ngs-stat--done .ngs-stat__n{color:var(--green)}.ngs-stat--saved .ngs-stat__n{color:var(--ngs-cyan)}.ngs-stat--ratio .ngs-stat__n{color:#c084fc}.ngs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.ngs-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s;animation:cardAppear .4s cubic-bezier(.34,1.56,.64,1) both;will-change:transform}@keyframes cardAppear{0%{opacity:0;transform:translateY(24px) scale(.93)}to{opacity:1;transform:none}}.ngs-card:hover{border-color:var(--border-2);box-shadow:var(--shadow);transform:translateY(-3px)}.ngs-card--done{border-color:#22c55e38}.ngs-card--done:hover{border-color:#22c55e73;box-shadow:0 8px 32px var(--green-glow),0 0 0 1px #22c55e1a}.ngs-card--error{border-color:#ef444440}.ngs-card__preview{aspect-ratio:4/3;background:var(--bg-3);position:relative;overflow:hidden}.ngs-card__thumb{width:100%;height:100%;object-fit:contain;padding:12px;display:block}.ngs-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.2}.ngs-cmp{position:absolute;top:0;right:0;bottom:0;left:0;cursor:ew-resize;user-select:none;-webkit-user-select:none}.ngs-cmp__after,.ngs-cmp__before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:12px;pointer-events:none}.ngs-cmp__line{position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6;transform:translate(-50%);pointer-events:none;box-shadow:0 0 12px #ffffff80}.ngs-cmp__knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #00000080,0 0 0 2px #00d4ff66;pointer-events:none;transition:transform .15s,box-shadow .15s}.ngs-cmp:active .ngs-cmp__knob{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 20px #0009,0 0 0 4px #00d4ff80}.ngs-cmp__labels{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.ngs-cmp__label{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:var(--r-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ngs-cmp__label--before{background:#0000008c;color:#fffc}.ngs-cmp__label--after{background:#22c55ed9;color:#fff}.ngs-card__badge{position:absolute;top:9px;right:9px;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:99px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.ngs-badge--waiting{background:#ffffff14;color:var(--txt-3)}.ngs-badge--converting{background:#4f5ee8bf;color:#fff;animation:badgePulse 1.1s ease-in-out infinite}.ngs-badge--done{background:#22c55ecc;color:#fff}.ngs-badge--error{background:#ef4444cc;color:#fff}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.55}}.ngs-card__body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:10px;flex:1}.ngs-card__name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt)}.ngs-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ngs-meta{display:flex;flex-direction:column;gap:2px}.ngs-meta__l{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--txt-3)}.ngs-meta__v{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--txt-2)}.ngs-meta--webp .ngs-meta__v{color:var(--ngs-cyan)}.ngs-meta--savings .ngs-meta__v{color:var(--green)}.ngs-card__bar{height:3px;background:var(--bg-3);border-radius:99px;overflow:hidden}.ngs-card__bar-fill{height:100%;border-radius:99px;width:0%;background:var(--ngs-grad);transition:width .45s cubic-bezier(.4,0,.2,1)}.ngs-card--done .ngs-card__bar-fill{width:100%;background:var(--green)}.ngs-card__foot{display:flex;gap:7px}.ngs-card__dl{flex:1;justify-content:center;font-size:.73rem;padding:7px 10px;background:var(--glass);border:1px solid var(--border);color:var(--txt-2);border-radius:var(--r-xs);transition:border-color .2s,color .2s,background .2s}.ngs-card__dl:not(:disabled):hover{border-color:var(--green);color:var(--green);background:var(--green-glow)}.ngs-card__dl:disabled{opacity:.3;cursor:not-allowed}.ngs-footer{border-top:1px solid var(--border);padding:24px 28px;margin-top:auto}.ngs-footer__inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:16px}.ngs-footer__logo{height:34px;width:auto;object-fit:contain;opacity:.55;filter:brightness(1.1)}.ngs-footer__text{display:flex;flex-direction:column;gap:2px;font-size:.73rem;color:var(--txt-3);line-height:1.5}.ngs-footer__tool{opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}.ngs-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .55s linear infinite;flex-shrink:0}.ngs-toast-wrap{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:9998;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.ngs-toast{background:var(--bg-3);border:1px solid var(--border-2);color:var(--txt);font-size:.8rem;font-weight:500;padding:10px 20px;border-radius:99px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1) both,toastOut .3s .1s ease-in forwards;pointer-events:none;white-space:nowrap}.ngs-toast--success{border-color:#22c55e66;color:var(--green)}.ngs-toast--error{border-color:#ef444466;color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.hidden{display:none!important}.ngs-theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-2);background:var(--glass);color:var(--txt-2);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s;flex-shrink:0}.ngs-theme-toggle:hover{background:var(--glass-2);border-color:var(--ngs-cyan);color:var(--ngs-cyan);transform:rotate(20deg)}.ngs-theme-toggle__sun{display:none}.ngs-theme-toggle__moon{display:block}[data-theme=light]{--bg: #EDEEF8;--bg-2: #F5F5FF;--bg-3: #E2E3F2;--glass: rgba(255,255,255,.55);--glass-2: rgba(255,255,255,.85);--border: rgba(80,80,160,.1);--border-2: rgba(80,80,160,.18);--txt: #0B0B1E;--txt-2: rgba(11,11,30,.62);--txt-3: rgba(11,11,30,.38);--green-glow: rgba(34,197,94,.12)}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 50% at 15% 40%,rgba(0,212,255,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 15%,rgba(147,51,234,.08) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 55% 85%,rgba(79,94,232,.06) 0%,transparent 60%)}[data-theme=light] body:after{background-image:radial-gradient(circle,rgba(80,80,160,.08) 1px,transparent 1px)}[data-theme=light] .ngs-header{background:#edeef8e0}[data-theme=light] .ngs-toolbar{background:#edeef8f0}[data-theme=light] .ngs-drag-overlay{background:#00d4ff0f}[data-theme=light] .ngs-card{background:#ffffffb3}[data-theme=light] .ngs-card__preview{background:#e8e9f5}[data-theme=light] .ngs-card__placeholder{color:#888}[data-theme=light] .ngs-badge--waiting{background:#00000012;color:var(--txt-3)}[data-theme=light] .ngs-cmp__label--before{background:#ffffffb3;color:#333}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-2)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-2)}[data-theme=light] .ngs-theme-toggle__sun{display:block}[data-theme=light] .ngs-theme-toggle__moon{display:none}@media (max-width: 900px){.ngs-header__tag{display:none}.ngs-hero{padding:32px 16px 24px}.ngs-workspace{padding:0 16px 80px}.ngs-dropzone{padding:52px 20px}.ngs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 640px){.ngs-toolbar__row{gap:10px;padding:12px 14px;flex-wrap:wrap}.ngs-sep{display:none}.ngs-toolbar__actions{margin-left:0;width:100%}.ngs-stats{flex-wrap:wrap}.ngs-stat{flex:1 0 50%}.ngs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.ngs-footer__inner{flex-direction:column;align-items:flex-start}}