:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#080b10;--surface:#10141b;--surface-soft:#151b24;--surface-dark:#0b0f16;--border:#252c36;--text:#f3f6fb;--muted:#8d97a6;--subtle:#5f6a7a;--blue:#5293ff;--teal:#47d8be;--accent:#3286ff;--shadow:0 14px 55px rgba(0,0,0,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.dropzone:focus-visible{outline:2px solid var(--blue);outline-offset:3px}svg{height:20px;width:20px;flex:none;stroke-width:1.9}.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(85px);opacity:.15}.ambient-a{width:430px;height:330px;background:#1659a6;top:-145px;left:22%}.ambient-b{width:500px;height:400px;background:#087c7e;top:270px;right:-250px}.shell{max-width:1370px;padding:0 30px;margin:0 auto}.topbar{height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{height:42px;width:42px;background:linear-gradient(145deg,#143b69,#143e39);border:1px solid #37627c;border-radius:13px;display:grid;place-items:center;color:var(--teal);box-shadow:0 0 20px rgba(53,180,165,.08)}.brand-mark svg{height:25px;width:25px}.brand>span:last-child{display:flex;flex-direction:column;gap:3px}.brand strong{letter-spacing:-.65px;font-size:17px}.brand small{font-size:11px;color:var(--muted);letter-spacing:.2px}.name-accent{color:var(--teal)}.header-actions{display:flex;align-items:center;gap:12px}.privacy-pill{border:1px solid #23584e;background:rgba(27,128,100,.1);padding:9px 13px;border-radius:100px;font-weight:600;color:#85debe;font-size:11px}.dot,.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53ddb9;margin-right:6px;box-shadow:0 0 10px rgba(83,221,185,.5)}.icon-button{border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);height:39px;width:39px;display:grid;place-items:center}.hero{max-width:830px;padding:36px 0 30px}.eyebrow{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:2px;display:flex;align-items:center}.version{letter-spacing:0;margin-left:10px;border:1px solid #2b4e54;border-radius:4px;padding:2px 5px;font-size:9px;color:#84bcb2}.hero h1{font-size:clamp(30px,4.1vw,54px);line-height:1.13;letter-spacing:-2.5px;margin:13px 0 12px;font-weight:800}.gradient-text{background:linear-gradient(110deg,#60a8ff,#5ee6d2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:14px;line-height:1.8;max-width:740px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:start}.left-pane,.right-pane{min-width:0;display:grid;gap:18px}.panel{border-radius:21px;border:1px solid var(--border);padding:23px;background:linear-gradient(145deg,var(--surface),var(--surface-dark));box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--teal)}.panel h2{margin:5px 0 0;font-size:19px;letter-spacing:-.5px}.tag{font-size:10px;white-space:nowrap;padding:7px 9px;border-radius:7px;font-weight:700}.muted-tag{background:#1b2330;border:1px solid #2e3a4a;color:#a5b0c1}.green-tag{background:#122e2d;color:#57ddc2;border:1px solid #27695f}.dropzone{border:1px dashed #405066;border-radius:16px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;background:rgba(44,83,139,.045);min-height:234px;padding:20px;transition:border-color .22s,background .22s,transform .22s}.dropzone:hover,.dropzone.drag-over{background:rgba(41,104,180,.12);border-color:var(--blue)}.upload-icon{height:47px;width:47px;display:grid;place-items:center;border-radius:13px;background:#19334b;color:#71b5ff}.upload-icon svg{width:25px;height:25px}.dropzone strong{font-size:15px}.dropzone>span{font-size:12px;color:var(--muted)}.dropzone small{font-size:10px;color:var(--subtle)}.drop-actions{display:flex;gap:8px;margin:3px 0}.button{border-radius:12px;border:1px solid transparent;padding:11px 16px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;min-height:40px}.button:not(:disabled):active{transform:scale(.985)}.button svg{width:16px;height:16px}.button-ghost{background:#203a56;color:#b6ddff;border-color:#385873}.button-ghost:hover{background:#284e75}.button-outline{border-color:#3a4656;background:var(--surface-soft);color:var(--text)}.button-outline:not(:disabled):hover{border-color:var(--blue)}.button-primary{background:linear-gradient(120deg,#308bff,#1da7a7);color:white;box-shadow:0 6px 24px rgba(15,118,205,.19)}.button-primary:not(:disabled):hover{box-shadow:0 8px 30px rgba(15,118,205,.32)}.button-cancel{background:transparent;border:1px solid #bd5a5a;color:#e7a0a0}.button-full{width:100%;margin-top:18px;min-height:48px;font-size:13px}.queue-head{display:flex;justify-content:space-between;align-items:center;margin:19px 0 10px}.queue-head h3{font-size:13px;margin:0 0 4px}.count,.zip-count{font-size:10px;background:#253548;padding:4px 7px;border-radius:6px;color:#a9d7ff;vertical-align:2px;margin-left:3px}.queue-caption{font-size:11px;color:var(--muted)}.text-button{background:none;border:0;color:#e29f9f;font-weight:600;font-size:11px;padding:7px}.image-list{max-height:271px;overflow:auto;display:grid;gap:7px;scrollbar-width:thin}.empty-list{font-size:12px;padding:22px 9px;text-align:center;color:var(--subtle);border:1px solid var(--border);border-radius:12px}.image-item{border:1px solid var(--border);background:var(--surface-dark);border-radius:12px;padding:7px 8px;display:flex;gap:10px;align-items:center;text-align:left;width:100%;color:var(--text);transition:border-color .15s,background .15s}.image-item.active{border-color:var(--accent);background:rgba(47,125,203,.1)}.image-item img{width:42px;height:42px;object-fit:cover;border-radius:7px;background:#17202c}.image-item .item-text{min-width:0;flex:1;display:grid;gap:4px}.item-text strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.item-text small{font-size:10px;color:var(--muted)}.item-status{font-size:10px;color:#a1b4ca;white-space:nowrap}.item-status.done{color:#5fe0be}.item-status.fail{color:#fa9a8f}.remove-item{background:none;color:var(--muted);border:0;font-size:18px;line-height:1;width:24px;height:26px;border-radius:6px}.remove-item:hover{color:#f2a7a7;background:rgba(255,255,255,.06)}.field-label,.control-head{font-size:12px;font-weight:650}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px;margin-bottom:20px}.preset{display:flex;flex-direction:column;gap:6px;background:var(--surface-dark);color:var(--text);padding:12px;border-radius:11px;text-align:left;border:1px solid var(--border);min-height:72px}.preset strong{font-size:12px}.preset small{font-size:10px;color:var(--muted)}.preset.selected{border-color:#5796dd;background:rgba(49,108,161,.15);box-shadow:inset 0 0 0 1px rgba(62,127,188,.07)}.control-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;margin-top:16px}.control-head output{color:var(--teal);font-size:12px;font-variant-numeric:tabular-nums}.range{width:100%;height:5px;accent-color:var(--accent);cursor:pointer;margin:0 0 4px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.two-fields .field-label{display:block;margin-bottom:9px}.two-fields select{width:100%;min-width:0;padding:12px 24px 12px 10px;color:var(--text);background:var(--surface-dark);border:1px solid var(--border);border-radius:9px;font-size:11px}option{background:var(--surface);color:var(--text)}.progress-wrap{margin-top:15px}.progress-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:9px}.progress-track{height:7px;background:#25303e;overflow:hidden;border-radius:20px}.progress-bar{width:0;height:100%;background:linear-gradient(90deg,#478bff,#4ae4bc);border-radius:20px;transition:width .15s}.help-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.viewer{background:#080a0d;border:1px solid #292f39;border-radius:15px;min-height:350px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-empty{height:350px;display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.preview-empty-icon{width:58px;height:58px;border-radius:17px;background:#182130;color:#7c9cb8;display:grid;place-items:center}.preview-empty-icon svg{width:29px;height:29px}.preview-empty strong{font-size:14px;color:#b8c2ce}.preview-empty span{font-size:11px}.preview-images{position:relative;width:100%;height:auto;aspect-ratio:4/3;min-height:230px;max-height:520px;background:#050608;overflow:hidden}.preview-images>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.preview-images #enhancedPreview{clip-path:inset(0 50% 0 0)}.image-label{position:absolute;top:12px;font-size:10px;letter-spacing:1px;font-weight:800;border-radius:6px;padding:7px 8px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:white}.before-label{right:12px}.after-label{left:12px}.divider-handle{position:absolute;left:50%;top:0;height:100%;border-left:2px solid rgba(255,255,255,.96);transform:translateX(-50%);pointer-events:none}.divider-handle span{display:grid;place-items:center;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);height:33px;width:33px;background:white;color:#202733;border:3px solid #e9edf4;border-radius:50%;box-shadow:0 3px 20px rgba(0,0,0,.5);font-weight:800}.comparison-controls{padding:16px 2px 8px}.compare-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:8px}.compare-head span{font-variant-numeric:tabular-nums;color:var(--teal)}.insights{padding:17px;border-radius:13px;border:1px solid var(--border);margin-top:15px;background:rgba(30,42,57,.28)}.insights-title{font-size:12px;font-weight:750;display:flex;gap:8px;align-items:center;margin-bottom:12px}.insights-title svg{height:16px;width:16px;color:var(--teal)}.insight-empty{color:var(--muted);font-size:11px;margin:0;line-height:1.6}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.insight-chip{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:9px;background:var(--surface-dark);border:1px solid var(--border)}.insight-chip small{font-size:10px;color:var(--muted)}.insight-chip strong{font-size:12px}.insight-notice{color:var(--muted);font-size:10px;margin-top:11px;line-height:1.6}.output-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.output-actions .button{padding:11px 7px;font-size:11px;min-height:45px}.zip-count{color:white;background:rgba(0,0,0,.17)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.feature-strip>div{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px;display:grid;gap:6px;align-content:start}.feature-icon{font-size:13px;color:var(--teal)}.feature-strip strong{font-size:11px}.feature-strip small{font-size:10px;line-height:1.5;color:var(--muted)}footer{text-align:center;padding:29px 0 38px;color:var(--subtle);font-size:10px;line-height:1.6}footer span{display:block}.hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:12px 18px;border:1px solid #3b5468;border-radius:12px;color:#fff;background:#1c2a39;box-shadow:0 12px 40px rgba(0,0,0,.3);max-width:min(90vw,450px);font-size:12px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}body[data-theme="light"]{color-scheme:light;--bg:#f2f6fb;--surface:#fff;--surface-soft:#f6f9fd;--surface-dark:#f2f6fa;--border:#dee6ef;--text:#152232;--muted:#697a8c;--subtle:#8e9aac;--blue:#246edc;--teal:#008b77;--accent:#2779dd;--shadow:0 12px 40px rgba(30,60,90,.05)}body[data-theme="light"] .panel{background:linear-gradient(145deg,#fff,#f9fbff)}body[data-theme="light"] .gradient-text{background:linear-gradient(120deg,#246add,#0b927f);-webkit-background-clip:text;background-clip:text}body[data-theme="light"] .privacy-pill{color:#18816f;background:#edf9f5}body[data-theme="light"] .muted-tag{background:#f1f5fa;color:#6d8094;border-color:#dee6ef}body[data-theme="light"] .green-tag{background:#eaf9f3;color:#118c71;border-color:#b6e4d7}body[data-theme="light"] .dropzone{background:#f8fbff}body[data-theme="light"] .preset.selected{background:#e9f3ff}body[data-theme="light"] .upload-icon{color:#2569a7;background:#e9f4fc}body[data-theme="light"] .preview-empty strong{color:#617386}body[data-theme="light"] .icon-button{color:#20344f}body[data-theme="light"] .button-outline{color:#1b334d;background:#f6f9ff}body[data-theme="light"] .button-ghost{color:#1d5c92;background:#e9f4ff;border-color:#bad8ef}body[data-theme="light"] .count{background:#e9f1fa;color:#28649a}body[data-theme="light"] .image-item.active{background:#ebf5ff}body[data-theme="light"] .insights{background:#f8fbfe}body[data-theme="light"] .viewer{background:#151922}body[data-theme="light"] .empty-list{color:#8e9aac}
@media(max-width:920px){.workspace{grid-template-columns:1fr}.right-pane{grid-row:2}.feature-strip{grid-template-columns:repeat(3,1fr)}.hero{padding:28px 0 24px}.viewer{min-height:310px}}@media(max-width:600px){.shell{padding:0 13px}.topbar{height:70px}.brand strong{font-size:14px}.brand small{font-size:9px}.brand-mark{height:38px;width:38px}.privacy-pill{font-size:0;padding:11px 8px}.privacy-pill .dot{margin:0}.hero{padding:24px 3px 21px}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:33px;line-height:1.12;letter-spacing:-1.45px}.hero p{font-size:12px;line-height:1.7}.panel{padding:16px;border-radius:16px}.panel h2{font-size:17px}.dropzone{min-height:226px}.dropzone small{line-height:1.6}.viewer{min-height:260px}.preview-empty{height:290px}.preview-images{max-height:390px}.feature-strip{grid-template-columns:1fr;gap:7px}.feature-strip>div{grid-template-columns:17px 1fr;align-items:center;gap:3px 8px;padding:9px 12px}.feature-strip small{grid-column:2}.two-fields{grid-template-columns:1fr 1fr}.two-fields select{font-size:10px;padding:11px 19px 11px 8px}.output-actions .button{font-size:10px;padding:10px 4px}.output-actions .button svg{width:14px;height:14px}.preset-grid{gap:7px}.preset{padding:10px}.preset strong{font-size:11px}.preset small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}