:root{--ink: #0c0b0a;--paper: #f4efe6;--bg: #0c0b0a;--fg: #f4efe6;--panel: #1a1816;--panel-2: #221f1c;--line: #f4efe6;--muted: rgba(244,239,230,.55);--lime: #c4ff2d;--mag: #ff2bd6;--cyan: #36f1ff;--tang: #ff7a1a;--butter:#ffd84a;--shadow: 8px 8px 0 0 var(--line);--shadow-sm: 4px 4px 0 0 var(--line);--shadow-lg: 14px 14px 0 0 var(--line);--bw: 3px;--rad: 6px;--f-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace;--f-hand: "Caveat", "Comic Sans MS", cursive}html[data-theme=light]{--bg: #f4efe6;--fg: #0c0b0a;--panel: #ffffff;--panel-2: #ebe4d4;--line: #0c0b0a;--muted: rgba(12,11,10,.6)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{background:var(--bg);color:var(--fg);font-family:var(--f-display);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--fg) 6%,transparent) 1px,transparent 1px);background-size:48px 48px;z-index:0;-webkit-mask-image:radial-gradient(ellipse at 50% -10%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse at 50% -10%,#000 30%,transparent 85%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stamp{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border:2px solid var(--line);display:inline-block;background:var(--panel)}.hand{font-family:var(--f-hand);font-weight:700}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:var(--bw) solid var(--line);background:var(--fg);color:var(--bg);font-family:var(--f-display);font-weight:600;font-size:14px;letter-spacing:-.01em;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s;border-radius:0}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--line)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--line)}.btn.primary{background:var(--lime);color:#0c0b0a}.btn.pink{background:var(--mag);color:#0c0b0a}.btn.cyan{background:var(--cyan);color:#0c0b0a}.btn.butter{background:var(--butter);color:#0c0b0a}.btn.ghost{background:transparent;color:var(--fg);box-shadow:none}.btn.ghost:hover{background:color-mix(in srgb,var(--fg) 10%,transparent)}.btn.sm{padding:7px 12px;font-size:12px}.btn.lg{padding:16px 26px;font-size:16px}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.icon-btn{width:34px;height:34px;border:var(--bw) solid var(--line);background:var(--panel);color:var(--fg);display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease;padding:0}.icon-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--line)}.input{width:100%;background:var(--bg);color:var(--fg);border:var(--bw) solid var(--line);padding:12px 14px;font-family:var(--f-mono);font-size:13px;box-shadow:var(--shadow-sm);border-radius:0;outline:none}.input:focus{background:color-mix(in srgb,var(--lime) 10%,var(--bg))}.input::placeholder{color:var(--muted)}.label{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px;font-weight:500}.topbar{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:var(--bw) solid var(--line)}.topbar-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:12px 28px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.02em}.logo-mark{width:32px;height:32px;border:var(--bw) solid var(--line);background:var(--lime);color:#0c0b0a;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:12px;transform:rotate(-4deg);box-shadow:var(--shadow-sm)}.logo-mark.studio{font-size:10px}.stepper{display:flex;align-items:center;gap:2px;margin-left:12px;flex:1;justify-content:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.stepper .step-pill{padding:6px 12px;border:2px solid var(--line);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;cursor:pointer}.stepper .step-pill .num{font-size:9px;opacity:.6}.stepper .step-pill.active{background:var(--lime);color:#0c0b0a;font-weight:700;transform:rotate(-1deg);box-shadow:var(--shadow-sm)}.stepper .step-pill.done{background:var(--panel);color:var(--fg);text-decoration:line-through;text-decoration-color:var(--mag);text-decoration-thickness:2px}.stepper .chev{color:var(--muted);font-family:var(--f-mono)}.avatar-menu{margin-left:auto;display:flex;align-items:center;gap:10px;position:relative}.avatar-menu .credits{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border:2px solid var(--line);background:var(--panel)}.avatar-menu .credits b{color:var(--lime)}.avatar{width:38px;height:38px;border:var(--bw) solid var(--line);background:var(--butter);color:#0c0b0a;display:grid;place-items:center;font-weight:700;font-family:var(--f-display);font-size:15px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s}.avatar:hover{transform:rotate(-4deg)}.avatar-drop{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:var(--panel);border:var(--bw) solid var(--line);box-shadow:var(--shadow);z-index:50;padding:8px}.avatar-drop .who{padding:10px 12px;border-bottom:2px solid var(--line);margin-bottom:6px}.avatar-drop .who b{display:block;font-size:14px}.avatar-drop .who span{font-family:var(--f-mono);font-size:11px;color:var(--muted)}.avatar-drop a{display:block;padding:9px 12px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.avatar-drop a:hover{background:var(--lime);color:#0c0b0a}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.screen-wrap{max-width:1440px;width:100%;margin:0 auto;padding:28px 28px 60px;flex:1}.screen-wrap.tight{padding-bottom:28px}.screen-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.screen-head h1{margin:6px 0 0;font-size:clamp(34px,5vw,56px);line-height:.92;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.screen-head h1 em{font-style:normal;background:var(--cyan);color:#0c0b0a;padding:0 8px;border:var(--bw) solid var(--line);display:inline-block;transform:rotate(-1deg)}.screen-head p{max-width:440px;color:var(--muted);font-size:14px;margin:0}.panel{border:var(--bw) solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:22px;position:relative}.panel.flat{box-shadow:none}.panel.lg-shadow{box-shadow:var(--shadow-lg)}.auth{flex:1;display:grid;place-items:center;padding:40px 24px;position:relative}.auth-card{width:100%;max-width:440px;background:var(--panel);border:var(--bw) solid var(--line);box-shadow:var(--shadow-lg);padding:36px 34px 32px;position:relative}.auth-card:before{content:"you, but shipping";position:absolute;top:-14px;right:-18px;background:var(--butter);color:#0c0b0a;border:var(--bw) solid var(--line);padding:6px 12px;font-family:var(--f-hand);font-size:22px;font-weight:700;transform:rotate(6deg);box-shadow:var(--shadow-sm)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-brand .logo-mark{width:42px;height:42px;font-size:14px}.auth-brand .name{font-size:24px;font-weight:700;letter-spacing:-.02em}.auth h2{font-size:32px;margin:0 0 6px;letter-spacing:-.025em;font-weight:700;line-height:1}.auth h2 em{font-style:normal;background:var(--lime);color:#0c0b0a;padding:0 6px;border:2px solid var(--line);display:inline-block;transform:rotate(-2deg)}.auth-sub{font-size:14px;color:var(--muted);margin:0 0 24px}.auth .field{margin-bottom:14px}.auth .divider{display:flex;align-items:center;gap:12px;margin:18px 0;font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.auth .divider:before,.auth .divider:after{content:"";flex:1;height:2px;background:var(--line);opacity:.4}.oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border:var(--bw) solid var(--line);background:var(--panel);color:var(--fg);font-family:var(--f-display);font-weight:600;font-size:13px;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}.oauth-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--line)}.oauth-btn svg{width:18px;height:18px}.auth-foot{margin-top:22px;text-align:center;font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.auth-foot a{color:var(--fg);border-bottom:2px solid var(--mag);padding-bottom:1px}.auth-foot a:hover{background:var(--mag);color:#0c0b0a}.auth-checkbox{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.04em;cursor:pointer;margin-top:2px}.auth-checkbox input{display:none}.auth-checkbox .box{width:18px;height:18px;border:2px solid var(--line);background:var(--bg);display:grid;place-items:center;font-size:12px;font-weight:700}.auth-checkbox input:checked+.box{background:var(--lime);color:#0c0b0a}.auth-checkbox input:checked+.box:after{content:"✓"}.auth-stick{position:absolute;font-family:var(--f-hand);font-weight:700;background:var(--cyan);color:#0c0b0a;border:var(--bw) solid var(--line);padding:8px 14px;font-size:22px;box-shadow:var(--shadow-sm);z-index:1}.auth-stick.s1{top:14%;left:10%;transform:rotate(-8deg);background:var(--lime)}.auth-stick.s2{bottom:16%;right:8%;transform:rotate(7deg);background:var(--mag);color:#0c0b0a}.auth-stick.s3{top:20%;right:12%;transform:rotate(4deg);background:var(--butter)}@media (max-width: 860px){.auth-stick{display:none}}.upload-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}@media (max-width: 980px){.upload-grid{grid-template-columns:1fr}}.dropzone{border:var(--bw) dashed var(--line);background:var(--panel-2);padding:48px 28px;text-align:center;position:relative;transition:background .15s,transform .15s;box-shadow:var(--shadow)}.dropzone.drag{background:color-mix(in srgb,var(--lime) 30%,var(--panel-2));transform:rotate(-.6deg)}.dropzone .icon{width:82px;height:82px;margin:0 auto 14px;border:var(--bw) solid var(--line);background:var(--lime);color:#0c0b0a;display:grid;place-items:center;transform:rotate(-4deg);box-shadow:var(--shadow-sm);font-size:38px;font-weight:700}.dropzone h3{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}.dropzone p{margin:0 0 16px;color:var(--muted);font-size:14px}.dropzone .fmt{font-family:var(--f-mono);font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:14px}.url-box{margin-top:22px;border:var(--bw) solid var(--line);background:var(--panel);padding:22px;box-shadow:var(--shadow)}.url-box .url-row{display:flex;gap:10px}.url-box .url-row .input{flex:1}.url-box .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.url-box .chip{font-family:var(--f-mono);font-size:10px;padding:4px 8px;border:2px solid var(--line);background:var(--panel-2);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.queue{border:var(--bw) solid var(--line);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column}.queue-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:var(--bw) solid var(--line);background:var(--panel-2)}.queue-head h4{margin:0;font-size:16px;letter-spacing:-.01em}.queue-head .meta{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.queue-body{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:520px;overflow-y:auto}.queue-empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:30px;border:2px dashed var(--line);border-radius:0;opacity:.8}.queue-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:10px;border:2px solid var(--line);background:var(--bg)}.queue-item .thumb{width:72px;aspect-ratio:16/9;border:2px solid var(--line);background:repeating-linear-gradient(45deg,var(--panel-2) 0 6px,var(--bg) 6px 12px);position:relative}.queue-item .thumb.a{background:var(--mag)}.queue-item .thumb.b{background:var(--cyan)}.queue-item .thumb.c{background:var(--tang)}.queue-item .thumb.d{background:var(--lime)}.queue-item .thumb.e{background:var(--butter)}.queue-item .thumb .src{position:absolute;top:2px;left:2px;font-family:var(--f-mono);font-size:8px;font-weight:700;background:#0c0b0a;color:var(--lime);padding:1px 4px;border:1px solid #0c0b0a}.queue-item .name{font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item .sub{font-family:var(--f-mono);font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.queue-item .rm{width:28px;height:28px;border:2px solid var(--line);background:var(--bg);display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;transition:all .12s}.queue-item .rm:hover{background:var(--mag);color:#0c0b0a}.upload-foot{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.upload-foot .hint{color:var(--muted);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.configure{display:grid;grid-template-columns:420px 1fr;gap:22px;align-items:start}@media (max-width: 1100px){.configure{grid-template-columns:1fr}}.settings-panel{border:var(--bw) solid var(--line);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column}.settings-head{padding:14px 18px;border-bottom:var(--bw) solid var(--line);background:var(--panel-2);display:flex;align-items:center;justify-content:space-between}.settings-head h3{margin:0;font-size:16px}.settings-body{padding:18px;display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 260px);overflow-y:auto}.setting-group{border:2px solid var(--line);background:var(--bg);padding:14px}.setting-group .group-label{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.setting-group .group-label .num{color:var(--lime);font-weight:700}.seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;border:2px solid var(--line);background:var(--panel)}.seg button{padding:10px 8px;background:transparent;border:0;border-right:2px solid var(--line);color:var(--fg);font-family:var(--f-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:background .12s,color .12s}.seg button:last-child{border-right:0}.seg button.on{background:var(--lime);color:#0c0b0a;font-weight:700}.seg button:hover:not(.on){background:color-mix(in srgb,var(--fg) 10%,transparent)}.custom-length{display:flex;gap:8px;align-items:center;margin-top:8px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}.custom-length input{width:72px;background:var(--panel);border:2px solid var(--line);color:var(--fg);padding:6px 8px;font-family:var(--f-mono);font-size:12px;outline:none}.tabs{display:flex;border:2px solid var(--line);margin-bottom:10px}.tabs button{flex:1;padding:9px;background:transparent;border:0;border-right:2px solid var(--line);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tabs button:last-child{border-right:0}.tabs button.on{background:var(--cyan);color:#0c0b0a;font-weight:700}.lut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lut-card{border:2px solid var(--line);background:var(--panel);padding:6px;cursor:pointer;transition:transform .12s,box-shadow .12s;position:relative}.lut-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.lut-card.on{box-shadow:var(--shadow-sm);outline:3px solid var(--lime);outline-offset:-3px}.lut-card .ba{display:grid;gap:2px;aspect-ratio:16/9;border:1px solid var(--line)}.lut-card .ba .b,.lut-card .ba .a{position:relative}.lut-card .ba .b:before,.lut-card .ba .a:before{content:attr(data-l);position:absolute;top:2px;left:2px;font-family:var(--f-mono);font-size:7px;font-weight:700;background:#0c0b0a;color:var(--fg);padding:1px 3px;letter-spacing:.1em}.lut-card .label{display:flex;justify-content:space-between;align-items:center;margin-top:5px;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--fg)}.lut-card .label b{font-weight:700;color:var(--fg);letter-spacing:.04em;font-size:11px;text-transform:none}.lut-card.on .label:after{content:"✓";color:var(--lime);font-weight:700}.mini-drop{border:2px dashed var(--line);background:var(--panel-2);padding:20px 14px;text-align:center;font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.06em}.mini-drop .big{display:block;font-family:var(--f-display);font-size:20px;color:var(--fg);letter-spacing:-.01em;text-transform:none;margin-bottom:4px;font-weight:600}.mini-drop.hasfile{background:var(--lime);color:#0c0b0a;border-style:solid}.mini-drop.hasfile .big{color:#0c0b0a}.ref-row{display:grid;grid-template-columns:80px 1fr;gap:10px;align-items:center}.ref-thumb{width:80px;height:80px;border:2px solid var(--line);background:repeating-linear-gradient(45deg,var(--panel-2) 0 6px,var(--bg) 6px 12px);position:relative}.ref-thumb.has{background:linear-gradient(135deg,var(--tang),var(--mag) 50%,var(--cyan))}.ref-thumb .plus{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:24px;color:var(--muted)}.ratio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ratio-btn{border:2px solid var(--line);background:var(--panel);padding:10px 6px 8px;cursor:pointer;transition:transform .12s,background .12s;display:flex;flex-direction:column;align-items:center;gap:6px}.ratio-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.ratio-btn.on{background:var(--mag);color:#0c0b0a;box-shadow:var(--shadow-sm)}.ratio-btn .shape{border:2px solid currentColor;background:transparent}.ratio-btn .shape.w169{width:36px;height:20px}.ratio-btn .shape.w916{width:18px;height:30px}.ratio-btn .shape.w11{width:24px;height:24px}.ratio-btn .shape.w45{width:22px;height:28px}.ratio-btn .lab{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;font-weight:700}.textarea{width:100%;min-height:96px;resize:vertical;background:var(--bg);color:var(--fg);border:2px solid var(--line);padding:12px 14px;font-family:var(--f-mono);font-size:12px;line-height:1.5;outline:none}.textarea:focus{background:color-mix(in srgb,var(--lime) 10%,var(--bg))}.settings-foot{border-top:var(--bw) solid var(--line);padding:14px 18px;background:var(--panel-2);display:flex;gap:10px;align-items:center}.preview-panel{border:var(--bw) solid var(--line);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:620px}.preview-head{padding:12px 18px;border-bottom:var(--bw) solid var(--line);background:var(--panel-2);display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.preview-head .name{color:var(--fg);font-weight:700}.preview-head .dots{display:flex;gap:6px}.preview-head .dots i{width:10px;height:10px;display:block;border:2px solid var(--line);background:var(--mag)}.preview-head .dots i:nth-child(2){background:var(--butter)}.preview-head .dots i:nth-child(3){background:var(--lime)}.preview-stage{flex:1;padding:28px;background:#0c0b0a;display:grid;place-items:center;position:relative;overflow:hidden}.preview-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.preview-frame{position:relative;border:var(--bw) solid var(--fg);background:#1a1816;overflow:hidden;box-shadow:14px 14px #fff3;transition:all .26s cubic-bezier(.2,.8,.2,1)}.preview-frame .img{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 35%,rgba(255,122,26,.9),transparent 55%),radial-gradient(ellipse at 70% 70%,rgba(54,241,255,.6),transparent 60%),linear-gradient(135deg,#2a1b0e,#4a2414 40%,#1a0a0a);filter:saturate(1) contrast(1);transition:filter .4s}.preview-frame.lut-cinema .img{filter:saturate(.85) contrast(1.15) hue-rotate(-10deg)}.preview-frame.lut-sunset .img{filter:saturate(1.3) contrast(1.1) hue-rotate(15deg)}.preview-frame.lut-noir .img{filter:saturate(.1) contrast(1.4)}.preview-frame.lut-teal .img{filter:saturate(1.2) hue-rotate(-25deg) contrast(1.1)}.preview-frame.lut-pastel .img{filter:saturate(.7) brightness(1.1) contrast(.95)}.preview-frame.lut-vibrant .img{filter:saturate(1.6) contrast(1.05)}.preview-frame .subject{position:absolute;left:50%;bottom:12%;width:26%;aspect-ratio:2/3;transform:translate(-50%);background:linear-gradient(180deg,#0009,#000000e6);border:2px solid rgba(255,255,255,.2)}.preview-frame .subject:before{content:"";position:absolute;top:8%;left:50%;transform:translate(-50%);width:48%;aspect-ratio:1;border-radius:50%;background:#000000d9;border:2px solid rgba(255,255,255,.15)}.preview-frame .tc{position:absolute;top:8px;left:8px;font-family:var(--f-mono);font-size:10px;color:var(--lime);background:#0009;padding:2px 6px;letter-spacing:.08em;border:1px solid var(--lime)}.preview-frame .rec{position:absolute;top:8px;right:8px;font-family:var(--f-mono);font-size:10px;color:#fff;background:#ff2bd6;padding:2px 6px;letter-spacing:.08em;border:1px solid var(--line);font-weight:700;display:flex;align-items:center;gap:5px}.preview-frame .rec:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.3}}.preview-controls{padding:14px 18px;border-top:var(--bw) solid var(--line);background:var(--panel-2);display:flex;align-items:center;gap:14px}.preview-controls .scrub{flex:1;height:10px;border:2px solid var(--line);background:var(--bg);position:relative}.preview-controls .scrub .played{position:absolute;left:0;top:0;bottom:0;width:32%;background:var(--lime)}.preview-controls .scrub .head{position:absolute;left:32%;top:-4px;bottom:-4px;width:3px;background:var(--mag)}.preview-controls .tc{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);min-width:90px}.preview-frame[data-ratio="16:9"]{width:min(640px,100%);aspect-ratio:16/9}.preview-frame[data-ratio="9:16"]{width:min(300px,100%);aspect-ratio:9/16}.preview-frame[data-ratio="1:1"]{width:min(440px,100%);aspect-ratio:1/1}.preview-frame[data-ratio="4:5"]{width:min(380px,100%);aspect-ratio:4/5}.processing{flex:1;display:grid;place-items:center;padding:40px 24px}.processing-card{width:100%;max-width:620px;background:var(--panel);border:var(--bw) solid var(--line);box-shadow:var(--shadow-lg);padding:36px;text-align:center;position:relative}.processing-card:before{content:"cooking 🔥";position:absolute;top:-18px;left:-18px;background:var(--mag);color:#0c0b0a;border:var(--bw) solid var(--line);padding:6px 14px;font-family:var(--f-hand);font-size:24px;font-weight:700;transform:rotate(-8deg);box-shadow:var(--shadow-sm)}.processing-card .thumb-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.processing-thumb{width:64px;aspect-ratio:16/9;border:2px solid var(--line);background:linear-gradient(135deg,var(--tang),var(--mag));position:relative}.processing-thumb:after{content:attr(data-dur);position:absolute;bottom:2px;right:2px;font-family:var(--f-mono);font-size:8px;font-weight:700;background:#0c0b0a;color:var(--lime);padding:1px 3px}.processing h2{font-size:40px;margin:0 0 6px;letter-spacing:-.03em;font-weight:700}.processing h2 em{font-style:normal;background:var(--lime);color:#0c0b0a;padding:0 8px;border:var(--bw) solid var(--line);display:inline-block;transform:rotate(-2deg)}.processing .step-now{font-family:var(--f-mono);font-size:14px;color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 10px;min-height:20px;font-weight:700}.processing .eta{font-family:var(--f-mono);font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.progress-bar{margin:20px 0 10px;height:22px;border:var(--bw) solid var(--line);background:var(--bg);position:relative;overflow:hidden}.progress-bar .fill{height:100%;background:repeating-linear-gradient(45deg,var(--lime) 0 10px,color-mix(in srgb,var(--lime) 70%,#0c0b0a) 10px 20px);transition:width .4s cubic-bezier(.4,0,.2,1);border-right:2px solid var(--line)}.progress-bar .pct{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-size:11px;font-weight:700;color:var(--fg);mix-blend-mode:difference;letter-spacing:.08em}.steps-list{margin:28px 0 20px;display:flex;flex-direction:column;gap:6px;text-align:left}.steps-list .st{display:flex;align-items:center;gap:12px;padding:9px 12px;border:2px solid var(--line);background:var(--bg);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.steps-list .st .tick{width:20px;height:20px;border:2px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:12px;background:var(--panel-2)}.steps-list .st.done{color:var(--fg)}.steps-list .st.done .tick{background:var(--lime);color:#0c0b0a}.steps-list .st.active{background:var(--panel-2);color:var(--fg);font-weight:700}.steps-list .st.active .tick{background:var(--cyan);color:#0c0b0a;animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}@media (max-width: 1100px){.results-grid{grid-template-columns:1fr}}.player{border:var(--bw) solid var(--line);background:#0c0b0a;box-shadow:var(--shadow);overflow:hidden}.player-stage{position:relative;aspect-ratio:16/9;background:#0c0b0a;overflow:hidden}.player-stage .img{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 35%,rgba(255,122,26,.9),transparent 55%),radial-gradient(ellipse at 70% 70%,rgba(54,241,255,.6),transparent 60%),linear-gradient(135deg,#2a1b0e,#4a2414 40%,#1a0a0a);filter:saturate(1.1) contrast(1.1)}.player-stage .subject{position:absolute;left:50%;bottom:10%;width:22%;aspect-ratio:2/3;transform:translate(-50%);background:linear-gradient(180deg,#0009,#000000e6);border:2px solid rgba(255,255,255,.2)}.player-stage .subject:before{content:"";position:absolute;top:8%;left:50%;transform:translate(-50%);width:48%;aspect-ratio:1;border-radius:50%;background:#000000d9;border:2px solid rgba(255,255,255,.15)}.player-stage .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:3px solid #fff;background:#ff2bd6d9;color:#fff;display:grid;place-items:center;font-size:30px;cursor:pointer;box-shadow:6px 6px #00000080;transition:transform .16s}.player-stage .play:hover{transform:translate(-50%,-50%) scale(1.08)}.player-stage .tc-overlay{position:absolute;top:12px;left:12px;font-family:var(--f-mono);font-size:11px;color:var(--lime);background:#000000b3;padding:4px 8px;letter-spacing:.08em;border:1px solid var(--lime)}.player-stage .badge-overlay{position:absolute;top:12px;right:12px;font-family:var(--f-mono);font-size:10px;color:#0c0b0a;background:var(--lime);padding:4px 8px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;border:2px solid var(--line);transform:rotate(2deg)}.player-controls{padding:12px 16px;border-top:var(--bw) solid var(--line);background:var(--panel);color:var(--fg);display:flex;gap:12px;align-items:center}.player-controls .transport{display:flex;gap:6px}.player-controls .transport button{width:34px;height:34px;border:2px solid var(--line);background:var(--bg);color:var(--fg);display:grid;place-items:center;font-family:var(--f-mono);font-weight:700}.player-controls .transport button:hover{background:var(--lime);color:#0c0b0a}.player-controls .scrub{flex:1;height:8px;border:2px solid var(--line);background:var(--bg);position:relative;cursor:pointer}.player-controls .scrub .played{position:absolute;left:0;top:0;bottom:0;width:42%;background:var(--lime)}.player-controls .scrub .head{position:absolute;left:42%;top:-4px;bottom:-4px;width:3px;background:var(--mag)}.player-controls .tc{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);min-width:100px}.variants-strip{margin-top:16px;display:flex;gap:10px;padding:12px;border:var(--bw) solid var(--line);background:var(--panel);overflow-x:auto;box-shadow:var(--shadow-sm)}.variant{flex:0 0 auto;width:160px;border:2px solid var(--line);background:var(--bg);padding:6px;cursor:pointer;transition:transform .12s,box-shadow .12s}.variant:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.variant.on{outline:3px solid var(--lime);outline-offset:-3px;box-shadow:var(--shadow-sm)}.variant .vthumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--tang),var(--mag));border:2px solid var(--line);position:relative}.variant.cool .vthumb{background:linear-gradient(135deg,var(--cyan),var(--mag))}.variant.warm .vthumb{background:linear-gradient(135deg,var(--butter),var(--tang))}.variant.noir .vthumb{background:linear-gradient(135deg,#333,#0c0b0a)}.variant .vmeta{margin-top:6px;display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:var(--muted)}.variant .vmeta b{color:var(--fg);text-transform:none}.results-side{display:flex;flex-direction:column;gap:16px}.summary-card{border:var(--bw) solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.summary-card h4{margin:0;padding:12px 16px;border-bottom:var(--bw) solid var(--line);background:var(--panel-2);font-size:14px;letter-spacing:-.01em}.summary-card .rows{display:flex;flex-direction:column}.summary-card .row{padding:10px 16px;border-bottom:2px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;align-items:center}.summary-card .row:last-child{border-bottom:0}.summary-card .row span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.summary-card .row span:last-child{color:var(--fg);font-weight:700;text-align:right;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card .row span.chip-v{background:var(--cyan);color:#0c0b0a;padding:2px 6px;border:2px solid var(--line);text-transform:uppercase;letter-spacing:.06em}.summary-actions{display:flex;flex-direction:column;gap:10px}.summary-actions .btn{justify-content:center}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0b0ab8;z-index:80;display:grid;place-items:center;padding:24px;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-theme=light] .modal-scrim{background:#0c0b0a80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:640px;background:var(--panel);border:var(--bw) solid var(--line);box-shadow:var(--shadow-lg);position:relative;animation:pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{transform:translateY(12px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-head{padding:16px 22px;border-bottom:var(--bw) solid var(--line);background:var(--panel-2);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0;font-size:22px;letter-spacing:-.02em}.modal-head h3 em{font-style:normal;background:var(--butter);color:#0c0b0a;padding:0 6px;border:2px solid var(--line);display:inline-block;transform:rotate(-1.5deg)}.modal-close{width:32px;height:32px;border:2px solid var(--line);background:var(--bg);display:grid;place-items:center;font-family:var(--f-mono);font-weight:700}.modal-close:hover{background:var(--mag);color:#0c0b0a}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-foot{padding:16px 22px;border-top:var(--bw) solid var(--line);background:var(--panel-2);display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-foot .est{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.modal-foot .est b{color:var(--fg)}.opt-row{display:flex;flex-direction:column;gap:8px}.opt-row .label{margin:0}.opt-row .seg{background:var(--bg)}.opt-row .seg button{background:transparent}.opt-row .seg button.on{background:var(--lime);color:#0c0b0a}.dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dest-card{border:2px solid var(--line);background:var(--bg);padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:flex-start;transition:transform .12s,box-shadow .12s}.dest-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-sm)}.dest-card.on{background:var(--cyan);color:#0c0b0a;box-shadow:var(--shadow-sm)}.dest-card .dname{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:-.01em}.dest-card .ddesc{font-family:var(--f-mono);font-size:10px;color:var(--muted);letter-spacing:.04em;line-height:1.4}.dest-card.on .ddesc{color:#000000a6}.dest-card .dicon{width:24px;height:24px;border:2px solid currentColor;background:transparent;display:grid;place-items:center;font-family:var(--f-mono);font-weight:700;font-size:13px}.export-success{text-align:center;padding:40px 28px}.export-success .big-check{width:96px;height:96px;border:var(--bw) solid var(--line);background:var(--lime);color:#0c0b0a;display:grid;place-items:center;font-size:48px;font-weight:700;margin:0 auto 18px;transform:rotate(-4deg);box-shadow:var(--shadow)}.export-success h3{font-size:30px;margin:0 0 6px;letter-spacing:-.03em;line-height:1}.export-success h3 em{font-style:normal;background:var(--lime);color:#0c0b0a;padding:0 6px;border:2px solid var(--line);display:inline-block;transform:rotate(-2deg)}.export-success p{color:var(--muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;margin:0 0 18px}.export-success .filemeta{display:inline-block;padding:10px 14px;border:2px solid var(--line);background:var(--bg);font-family:var(--f-mono);font-size:12px;margin-bottom:18px;text-align:left}.export-success .filemeta b{color:var(--lime)}.export-success .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#theme-toggle{position:fixed;left:22px;bottom:22px;z-index:101;width:52px;height:52px;border-radius:50%;border:var(--bw) solid var(--line);background:var(--lime);color:#0c0b0a;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;padding:0}#theme-toggle:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--line)}html[data-theme=light] #theme-toggle{background:var(--mag);color:#f4efe6}#tweaks{position:fixed;right:22px;bottom:22px;z-index:100;width:280px;background:var(--panel);color:var(--fg);border:var(--bw) solid var(--line);box-shadow:var(--shadow);padding:16px;font-family:var(--f-mono);font-size:12px;display:none}#tweaks.on{display:block}#tweaks h6{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}#tweaks h6 .chip{background:var(--lime);color:#0c0b0a;padding:2px 6px;border:2px solid var(--line);font-weight:700}#tweaks .row{margin-bottom:12px}#tweaks .row>label{display:block;margin-bottom:6px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}#tweaks .close{background:var(--bg);color:var(--fg);border:2px solid var(--line);padding:2px 8px;font-family:var(--f-mono);font-size:11px}#tweaks .close:hover{background:var(--mag);color:#0c0b0a}