:root,[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--panel: #171c24;--panel-2: #1f2630;--line: #2a323e;--text: #e6ebf2;--muted: #93a0b3;--accent: #5b8cff;--accent-2: #36c2a8;--c1: #e5484d;--c2: #e5484d;--c3: #e5484d;--c4: #e5484d;--c5: #e5484d;--c6: #e5484d;--c7: #e5484d;--c8: #e5484d;--hud-bg: rgba(14,18,26,.82);--hud-bg-solid: rgba(14,18,26,.86);--hud-border: rgba(255,255,255,.08);--hud-item-bg: rgba(255,255,255,.07);--hud-item-hover-bg: rgba(255,255,255,.08);--hud-item-border: rgba(255,255,255,.1);--hud-item-color: #c8cdd8}[data-theme=light]{color-scheme:light;--bg: #f4f5f7;--panel: #ffffff;--panel-2: #eef1f5;--line: #dde2e8;--text: #1b2027;--muted: #6b7686;--accent: #3f6fe0;--accent-2: #1f9b82;--hud-bg: rgba(255,255,255,.85);--hud-bg-solid: rgba(255,255,255,.92);--hud-border: rgba(0,0,0,.08);--hud-item-bg: rgba(0,0,0,.05);--hud-item-hover-bg: rgba(0,0,0,.08);--hud-item-border: rgba(0,0,0,.12);--hud-item-color: #33393f}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);display:flex;height:100vh;overflow:hidden;padding-top:48px}#panel{width:320px;flex:0 0 auto;min-width:280px;max-width:40vw;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.panel-body{flex:1;display:flex;min-height:0}.step-rail{flex:0 0 auto;width:60px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden}.panel-scroll{flex:1;min-width:0;overflow-y:auto;padding:18px 18px 28px}#resizer{flex:0 0 6px;cursor:col-resize;background:var(--line);transition:background .15s}#resizer:hover,#resizer.drag{background:var(--accent)}body.resizing{user-select:none;cursor:col-resize}.panel-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-top:1px solid var(--line)}.panel-footer-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}.panel-home-link{width:fit-content;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background-color:var(--panel-2);border:1px solid var(--line);border-radius:30px;padding:8px 14px;text-decoration:none;color:var(--muted);transition:color .2s,border-color .2s,background-color .2s}.panel-home-link .arrow{width:11px;transition:transform .2s}.panel-home-link .home{width:14px;transition:transform .3s}.panel-home-link:hover{color:var(--c1);border-color:var(--c1);background-color:color-mix(in srgb,var(--c1) 12%,var(--panel-2))}.panel-home-link:hover .arrow{transform:translate(-2px)}.panel-home-link:hover .home{transform:scale(1.15)}.group{margin-bottom:18px}.step-group[data-step="1"]{--cat: var(--c1)}.step-group[data-step="2"]{--cat: var(--c2)}.step-group[data-step="3"]{--cat: var(--c3)}.step-group[data-step="4"]{--cat: var(--c4)}.step-group[data-step="5"]{--cat: var(--c5)}.step-group[data-step="6"]{--cat: var(--c6)}.step-group[data-step="7"]{--cat: var(--c7)}.step-group[data-step="8"]{--cat: var(--c8)}.group>label.title{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:10px}.step-group .title:before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 auto;background:var(--cat, var(--accent));border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed color-mix(in srgb,var(--line) 55%,var(--text));border-radius:10px;padding:22px 12px;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;background:color-mix(in srgb,var(--panel-2) 45%,transparent);transition:border-color .15s,background .15s}.drop:hover,.drop.drag{border-color:var(--accent);background:var(--panel-2);color:var(--text)}.drop strong{color:var(--accent)}input[type=file]{display:none}.urlrow{display:flex;gap:8px;margin-top:10px}.urlrow input[type=text]{flex:1;min-width:0;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:12px}.urlrow input[type=text]::placeholder{color:var(--muted)}.urlrow .btn{width:auto;padding:9px 14px}.text-input{display:block;width:100%;box-sizing:border-box;margin-top:6px;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:13px;font-family:inherit;line-height:1.35}.text-input::placeholder{color:var(--muted)}.text-input:focus{outline:none;border-color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.row span.val{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;min-width:52px;text-align:right}input[type=range]{width:100%;accent-color:var(--accent)}#panel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}#panel input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--fill, 50%),var(--line) var(--fill, 50%),var(--line) 100%)}#panel input[type=range]::-moz-range-track{height:6px;border-radius:4px;background:var(--line)}#panel input[type=range]::-moz-range-progress{height:6px;border-radius:4px;background:var(--accent)}#panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;background:var(--cat, var(--accent));border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006;transition:transform .12s}#panel input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--cat, var(--accent));border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006}#panel input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}#panel input[type=range]:active::-webkit-slider-thumb{transform:scale(.92)}#panel input[type=range]:focus-visible{outline:none}#panel input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}select,.btn{width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:13px;cursor:pointer}.mini{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel-2);color:var(--muted);border:1.5px solid var(--line);border-radius:10px;padding:9px 14px 12px;font-size:12px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.chip:hover{color:var(--text);border-color:var(--cat, var(--accent))}.chip.active{background:color-mix(in srgb,var(--cat, var(--accent)) 16%,var(--panel-2));border-color:var(--cat, var(--accent));color:var(--text);font-weight:700;transform:translateY(-3px)}.chip.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cat, var(--accent))}.font-list{position:relative;display:flex;flex-direction:column;gap:2px;max-height:170px;overflow-y:auto;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.font-row{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:13px;text-align:left;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.font-row:hover{background:var(--hud-item-hover-bg);color:var(--text)}.font-row.active{background:color-mix(in srgb,var(--cat, var(--accent)) 16%,var(--panel-2));border-color:var(--cat, var(--accent));color:var(--text)}.font-row .font-name{flex:1;min-width:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-row .font-check{width:13px;height:13px;flex:0 0 auto;color:var(--cat, var(--accent));opacity:0}.font-row.active .font-check{opacity:1}.chips.finish-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chips.variant-chips{display:flex;gap:10px}.chip.finish-chip{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;box-shadow:none;padding:2px;transform:none}.chip.finish-chip:hover,.chip.finish-chip.active{transform:none}.chip.finish-chip.active:after{content:none}.chip.finish-chip.variant-chip{flex:1;min-width:0}.finish-swatch{position:relative;display:block;width:100%;aspect-ratio:1.5/1;overflow:hidden;border-radius:12px;border:1.5px solid var(--line);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.chip.finish-chip:hover .finish-swatch{transform:scale(1.04);border-color:var(--cat, var(--accent))}.chip.finish-chip.active .finish-swatch{border-color:var(--cat, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--cat, var(--accent)) 30%,transparent)}.finish-name{font-size:11.5px;font-weight:600;color:var(--muted);line-height:1.2;text-align:center}.chip.finish-chip.active .finish-name{color:var(--text);font-weight:700}.finish-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(10,9,13,.9),transparent);color:#f0eef4;font-size:9.5px;font-weight:500;line-height:1.25;padding:10px 6px 6px;opacity:0;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.chip.finish-chip:hover .finish-caption{opacity:1;transform:translateY(0)}.finish-badge{position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:50%;background:var(--cat, var(--accent));box-shadow:0 0 0 2px var(--panel-2);opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.chip.finish-chip.active .finish-badge{opacity:1;transform:scale(1)}.finish-badge:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:8px;border-right:2px solid #14161b;border-bottom:2px solid #14161b;transform:translate(-70%,-60%) rotate(45deg)}.section-head{display:flex;align-items:center;gap:8px;margin:12px 0 10px}.section-icon{width:16px;height:16px;flex:0 0 auto;background:linear-gradient(135deg,var(--cat, var(--accent)),color-mix(in srgb,var(--cat, var(--accent)) 45%,white));clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.section-head:first-child{margin-top:2px}.presets{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.preset{aspect-ratio:1;border-radius:10px;border:2px solid rgba(0,0,0,.35);cursor:pointer;position:relative;box-shadow:2px 2px #00000040;transition:transform .12s,box-shadow .12s}.preset:hover{transform:translate(-1px,-1px) rotate(-2deg)}.preset.active{border-color:var(--cat, var(--accent));box-shadow:0 0 0 2px var(--cat, var(--accent)),2px 2px #00000059;transform:rotate(-2deg)}.info{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700;font-style:italic;text-transform:none;letter-spacing:0;cursor:help;margin-left:6px;position:relative;vertical-align:middle}.info:hover,.info:focus{color:#fff;border-color:var(--accent);background:var(--accent);outline:none}#tooltip{position:fixed;max-width:260px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-size:11px;font-weight:400;line-height:1.5;text-align:left;padding:9px 11px;border-radius:8px;box-shadow:0 10px 28px #0000008c;opacity:0;visibility:hidden;transition:opacity .12s;z-index:1000;pointer-events:none}#tooltip.show{opacity:1;visibility:visible}.colorrow{display:flex;gap:8px;align-items:center}input[type=color]{width:38px;height:30px;padding:0;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer}select,.btn{border-width:2px;border-radius:12px;font-weight:600;box-shadow:3px 3px #00000059;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease;position:relative;top:0;left:0}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #00000059}.btn.primary{background:var(--cat, var(--accent));border-color:#2b2f3a;color:#fff;font-weight:700;box-shadow:3px 3px #0006}.btn.ghost{background:var(--panel-2);box-shadow:2px 2px #00000040}.btn.danger{background:#ca3f52;border-color:#2b2f3a;color:#fff;font-weight:700}.btn:hover{filter:brightness(1.1);transform:translate(-1px,-1px);box-shadow:4px 4px #0006}.btn:active:hover{transform:translate(2px,2px);box-shadow:1px 1px #00000059}.btnrow{display:flex;gap:10px}.hint{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.4}.warn-hint{display:flex;gap:6px;align-items:flex-start;color:#e0a94b;margin-top:8px}.warn-hint:before{content:"!";flex:0 0 auto;width:14px;height:14px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;color:#1a1400;background:#e0a94b;border-radius:50%}@keyframes anim-nudge-right{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(3px)}}@keyframes anim-nudge-left{0%,to{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(-3px)}}@keyframes anim-nudge-up{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-3px)}}@keyframes anim-nudge-down{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(3px)}}@keyframes anim-nudge-cw{0%,to{transform:rotate(0)}50%{transform:rotate(40deg)}}@keyframes anim-nudge-ccw{0%,to{transform:rotate(0)}50%{transform:rotate(-40deg)}}.anim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.anim-option{position:relative;min-height:54px;background:var(--panel-2);color:var(--muted);border:2px solid var(--line);border-radius:10px;padding:9px 10px;text-align:center;cursor:pointer;transition:transform .22s ease,box-shadow .12s,color .12s,border-color .12s,background .22s ease;box-shadow:2px 2px #00000040}.anim-option:hover{color:var(--text);border-color:var(--cat, var(--accent));transform:scale(1.02);box-shadow:3px 3px #0000004d}.anim-option.active{background:color-mix(in srgb,var(--cat, var(--accent)) 15%,var(--panel-2));border-color:var(--cat, var(--accent));color:var(--text);box-shadow:2px 2px #00000059}.anim-name{display:block;font-size:12px;font-weight:700;color:inherit}.anim-option--wide{grid-column:1 / -1;display:flex;align-items:center;gap:12px;min-height:0;padding:10px 12px;text-align:left}.anim-option--wide .anim-thumb-wrap{flex:0 0 auto;width:44px;height:44px;margin:0}.anim-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.anim-sub{font-size:11px;font-weight:500;color:var(--muted);line-height:1.3}.anim-thumb-wrap{position:relative;display:block;width:52px;height:52px;margin:2px auto 0}.anim-thumb{display:block;width:100%;height:100%;position:relative;z-index:1;pointer-events:none}.anim-thumb-wrap:before{content:"";position:absolute;z-index:0;background:color-mix(in srgb,currentColor 24%,transparent)}.anim-thumb-wrap[data-axis=spin]:before{top:2px;bottom:2px;left:50%;width:1.5px;margin-left:-.75px}.anim-thumb-wrap[data-axis=flip]:before{left:2px;right:2px;top:50%;height:1.5px;margin-top:-.75px}.anim-thumb-wrap[data-axis=tumble]:before{top:2px;bottom:2px;left:50%;width:1.5px;margin-left:-.75px;transform:rotate(38deg)}.anim-thumb-wrap[data-axis=none]:before{left:8px;right:8px;bottom:5px;height:1.5px}.anim-thumb-wrap[data-axis=roll]:before,.anim-thumb-wrap[data-axis=pulse]:before{background:none;border:1.5px solid color-mix(in srgb,currentColor 24%,transparent)}.anim-thumb-wrap[data-axis=roll]:before{inset:4px;border-radius:50%}.anim-thumb-wrap[data-axis=pulse]:before{inset:1px;border-radius:11px}.anim-thumb-wrap[data-axis=custom]:before{content:none}.anim-target-toggle{display:flex;gap:4px;padding:4px;background:var(--panel-2);border:2px solid var(--line);border-radius:12px;margin:0 0 2px}.anim-target-btn{flex:1;padding:7px 8px;font-size:12px;font-weight:600;background:transparent;color:var(--muted);border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.anim-target-btn:hover{color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent)}.anim-target-btn.active{background:color-mix(in srgb,var(--cat, var(--accent)) 16%,var(--panel));color:var(--text);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--cat, var(--accent))}.anim-direction{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.anim-dir-btn{min-height:34px;display:flex;align-items:center;justify-content:flex-start;padding:0 10px;gap:8px;border:2px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--muted);font-size:12px;cursor:pointer;box-shadow:2px 2px #00000040;transition:.12s}.anim-dir-btn:hover:not(:disabled){color:var(--text);border-color:var(--cat, var(--accent))}.anim-dir-btn.active{background:color-mix(in srgb,var(--cat, var(--accent)) 15%,var(--panel-2));border-color:var(--cat, var(--accent));color:var(--text);font-weight:700;box-shadow:2px 2px #00000059}.anim-dir-btn:disabled{opacity:.38;cursor:default}.dir-arrow{width:9px;height:9px;flex:0 0 auto;margin:0 2px}.dir-label{min-width:0}.dir-arrow-right{border-right:1.6px solid currentColor;border-top:1.6px solid currentColor;transform:rotate(45deg);animation:anim-nudge-right 1.6s ease-in-out infinite}.dir-arrow-left{border-left:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);animation:anim-nudge-left 1.6s ease-in-out infinite}.dir-arrow-up{border-top:1.6px solid currentColor;border-left:1.6px solid currentColor;transform:rotate(45deg);animation:anim-nudge-up 1.6s ease-in-out infinite}.dir-arrow-down{border-bottom:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg);animation:anim-nudge-down 1.6s ease-in-out infinite}.dir-arrow-cw,.dir-arrow-ccw{border:1.6px solid currentColor;border-top-color:transparent;border-radius:50%}.dir-arrow-cw{animation:anim-nudge-cw 1.6s ease-in-out infinite}.dir-arrow-ccw{animation:anim-nudge-ccw 1.6s ease-in-out infinite}.anim-status{min-height:18px;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.35}.anim-status.recording{color:#ffb4c0}.anim-status.ready{color:var(--accent-2)}.wire-status{min-height:18px;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.35}.wire-status.active{color:var(--accent-2)}.export-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.export-card{background:var(--panel-2);border:2px solid var(--line);border-radius:12px;padding:10px;box-shadow:2px 2px #00000040}.export-card strong{display:block;font-size:12px;margin-bottom:7px;color:var(--text)}.export-card .btn{margin-top:6px}.export-card-head{width:100%;padding:0;background:transparent;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.export-card-head strong{margin-bottom:0}.export-card-dur{margin-left:auto;font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:999px;background:var(--panel-2)}.export-card-head:after{content:"+";color:var(--muted);font-size:15px;line-height:1}.export-card-head[aria-expanded=true]:after{content:"−"}.export-card-head:hover strong{color:var(--cat, var(--accent))}.export-card-head:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.export-card-body{margin-top:8px}#videoQualityChips.chips,#exportBgChips.chips{gap:6px;flex-wrap:nowrap}#videoQualityChips .chip,#exportBgChips .chip{padding:6px 8px;font-size:11px;flex:1;text-align:center;white-space:nowrap}.res-stepper-wrap{margin-top:10px}.res-stepper-wrap .mini{display:block;margin-bottom:6px}.res-stepper{display:flex;align-items:center;gap:4px;background:var(--panel-2);border:1.5px solid var(--line);border-radius:10px;padding:2px;touch-action:pan-y;user-select:none}.res-arrow{flex:0 0 auto;width:30px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:8px;transition:background .15s ease,color .15s ease}.res-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.res-arrow:hover:not(:disabled){background:color-mix(in srgb,var(--cat, var(--accent)) 20%,transparent);color:var(--text)}.res-arrow:disabled{opacity:.3;cursor:default}.res-value{flex:1;text-align:center;font-size:13px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.export-bg{margin-top:12px}.export-bg .mini{margin-bottom:6px}.export-opts{display:flex;gap:6px}.export-opt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:1.5px solid var(--line);border-radius:9px;padding:9px 6px;cursor:pointer;text-align:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.export-opt-name{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.export-opt-size{font-size:10px;font-weight:500;color:var(--muted);opacity:.7}.export-opt:hover{border-color:var(--cat, var(--accent))}.export-opt:hover .export-opt-name{color:var(--text)}.export-opt.active{background:color-mix(in srgb,var(--cat, var(--accent)) 12%,transparent);border-color:color-mix(in srgb,var(--cat, var(--accent)) 55%,transparent)}.export-opt.active .export-opt-name{color:var(--cat, var(--accent));font-weight:700}.export-opt.active .export-opt-size{color:var(--cat, var(--accent));opacity:.85}.export-summary{display:flex;justify-content:flex-end;margin-top:14px}.export-summary-size{font-size:11.5px;font-weight:600;color:var(--muted)}.export-summary-size b{color:var(--text);font-size:13px}.export-status{min-height:18px;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.35}.export-status.active{color:var(--accent-2)}#stage{flex:1;position:relative;min-width:0;background:var(--bg)}#canvas-wrap{position:absolute;inset:0;touch-action:none}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:6px;pointer-events:none}#empty svg{opacity:.25}#toast{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}.divider{height:1px;background:var(--line);margin:16px 0;border:0}#app-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg);opacity:1;transition:opacity .45s ease}.app-loader-inner{position:relative;display:flex;flex-direction:column;align-items:center}.app-loader-sub{position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;white-space:nowrap}.app-loader-logo{width:88px;height:88px;object-fit:contain;animation:app-loader-pulse 1.8s ease-in-out infinite}.app-loader-spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:app-loader-spin .8s linear infinite}.app-loader-text{font-size:13px;color:var(--muted);letter-spacing:.2px}@keyframes app-loader-spin{to{transform:rotate(360deg)}}@keyframes app-loader-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}body.app-ready #app-loader{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.app-loader-logo,.app-loader-spinner{animation:none}#app-loader{transition:none}}body:not(.docks-ready) #viewport-hud,body:not(.docks-ready) #dock-left,body:not(.docks-ready) #scene-stack{visibility:hidden}#viewport-hud{position:absolute;bottom:14px;left:14px;display:flex;align-items:flex-end;gap:8px;z-index:10;pointer-events:none}#viewport-hud>*{pointer-events:all}.hud-panel{background:var(--hud-bg);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:12px;padding:6px}.rotate-dial{display:block;width:66px;height:66px;color:var(--accent);touch-action:none;outline:none;cursor:pointer}.rotate-dial:hover{color:color-mix(in srgb,var(--accent) 80%,#fff)}.rotate-dial-wrap{position:relative;line-height:0}.rotate-dial-reset{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hud-item-bg);border:1px solid var(--hud-border);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .05s}.rotate-dial-reset:hover{background:color-mix(in srgb,var(--accent) 22%,var(--hud-item-bg));border-color:color-mix(in srgb,var(--accent) 45%,var(--hud-border));color:color-mix(in srgb,var(--accent) 80%,#fff)}.rotate-dial-reset:active{transform:translate(-50%,-50%) scale(.9)}:root{--dock-col-w: 216px}#scene-stack{position:absolute;top:14px;right:14px;z-index:6;width:var(--dock-col-w);max-height:calc(100% - 28px);display:flex;flex-direction:column;gap:10px;align-items:stretch;pointer-events:none}#layers-panel{width:100%;max-height:52vh;display:flex;flex-direction:column;background:var(--hud-bg-solid);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:12px;padding:8px;font-size:12px;color:var(--text);pointer-events:auto}#layers-panel[hidden]{display:none}#grid-panel{width:100%;flex:0 0 auto;background:var(--hud-bg-solid);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:12px;padding:8px;font-size:12px;color:var(--text);pointer-events:auto}#grid-panel[hidden]{display:none}.promoted-card{width:100%;flex:0 0 auto;background:var(--hud-bg-solid);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:12px;padding:8px;font-size:12px;color:var(--text);pointer-events:auto}.promoted-card[hidden]{display:none}.promoted-head{cursor:grab;gap:6px}.promoted-head:active{cursor:grabbing}.promoted-head>span:not(.promoted-grip){flex:1;min-width:0}.promoted-grip{flex:0 0 auto;display:flex;align-items:center;color:var(--muted);opacity:.5}.promoted-card:hover .promoted-grip{opacity:.85}.promoted-close{flex:0 0 auto;width:17px;height:17px;padding:0;margin:-2px -1px -2px 0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:5px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.promoted-card:hover .promoted-close,.promoted-card:focus-within .promoted-close{opacity:1}.promoted-close:hover{color:#f2a3a5;background:#e5484d2e}.promoted-close:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.promotable-host{position:relative;border-radius:9px;outline:1px dashed var(--line);outline-offset:3px;cursor:grab;touch-action:none;transition:outline-color .15s}.promotable-host:hover{outline-color:var(--accent)}.promotable-host:active{cursor:grabbing}.promotable-host.is-out{outline-color:#e5484d73;cursor:default}.promotable-host.is-out:hover{outline-color:#e5484dbf}.promotable-host :where(input,button,select,textarea,canvas,a[href],[contenteditable],.no-drag){touch-action:auto}.promotable-host :where(input[type=text],input[type=url],textarea,[contenteditable]){cursor:text}.wcard-row{display:flex;align-items:center;gap:8px}.wcard-val{flex:0 0 auto;min-width:32px;text-align:right;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--muted)}.wcard-select{flex:1;min-width:0;height:27px;padding:0 6px;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--hud-item-border);border-radius:7px;font-size:11.5px;font-family:inherit}.wcard-select option{background:var(--panel-2);color:var(--text)}.wcard-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wcard-go{flex:0 0 auto;height:27px;padding:0 11px;cursor:pointer;background:#e5484d24;color:#f2a3a5;border:1px solid rgba(229,72,77,.4);border-radius:7px;font-size:11px;font-weight:600;font-family:inherit;transition:background .15s,color .15s}.wcard-go:hover{background:#e5484d42;color:#fff}.wcard-wide{width:100%}.wcard-note{margin:0;text-align:center;font-size:11px;color:var(--muted)}.wcard-range{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.wcard-range:focus{outline:none}.wcard-range::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:var(--hud-item-hover-bg);border:1px solid var(--hud-item-border)}.wcard-range::-moz-range-track{height:5px;border-radius:3px;background:var(--hud-item-hover-bg);border:1px solid var(--hud-item-border)}.wcard-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;background:var(--accent);border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006;transition:transform .12s}.wcard-range::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006}.wcard-range:hover::-webkit-slider-thumb{transform:scale(1.1)}.wcard-range:active::-webkit-slider-thumb{transform:scale(.92)}.wcard-range:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}#history-panel{width:100%;max-height:40vh;display:flex;flex-direction:column;background:var(--hud-bg-solid);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:12px;padding:8px;font-size:12px;color:var(--text);pointer-events:auto}#history-panel[hidden]{display:none}#history-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;max-height:208px}.history-empty{padding:9px 4px 7px;text-align:center;font-size:11.5px;line-height:1.5;color:var(--muted)}.history-row{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text);transition:background .12s,border-color .12s,opacity .12s}.history-row:hover{background:var(--hud-item-hover-bg)}.history-row.current{border-color:#e5484db3;background:#e5484d1f}.history-row.origin{position:sticky;top:0;z-index:1;background:var(--hud-bg-solid)}#history-list.is-scrolled .history-row.origin{box-shadow:0 7px 9px -7px #000000d9,0 1px 0 0 var(--hud-border)}.history-row.origin .history-lane{color:var(--text)}.history-row.origin.current .history-lane{color:#f2a3a5}@media(prefers-reduced-motion:no-preference){.history-row.origin{transition:box-shadow .15s}}.history-row.origin,.history-row.origin:hover,.history-row.origin.current{background-image:linear-gradient(var(--hud-bg-solid),var(--hud-bg-solid))}.history-row.origin:hover{background-image:linear-gradient(var(--hud-item-hover-bg),var(--hud-item-hover-bg)),linear-gradient(var(--hud-bg-solid),var(--hud-bg-solid))}.history-row.origin.current{background-image:linear-gradient(#e5484d1f,#e5484d1f),linear-gradient(var(--hud-bg-solid),var(--hud-bg-solid))}.history-row.future{opacity:.4}.history-row.future:hover{opacity:.72}.history-lane{flex:0 0 auto;width:15px;height:15px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.history-row.current .history-lane{color:#f2a3a5}.history-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px;user-select:none}.grid-toggle input{position:absolute;opacity:0;width:0;height:0}.grid-toggle-label{flex:1;font-size:13px;color:var(--text)}.grid-dot{width:18px;height:18px;flex:0 0 auto;display:inline-block;background:transparent;border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006;transition:background .15s}.grid-toggle input:checked+.grid-dot{background:var(--accent)}.grid-toggle input:focus-visible+.grid-dot{outline:2px solid var(--accent);outline-offset:2px}.layers-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 2px}.layers-head>span{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:10px;color:var(--muted)}.layers-add{background:#e5484d24;color:#f2a3a5;border:1px solid rgba(229,72,77,.4);border-radius:7px;padding:3px 9px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.layers-add:hover{background:#e5484d42;color:#fff}.layers-add:disabled,.layers-add:disabled:hover{background:#ffffff0d;color:var(--muted);border-color:#ffffff1f;cursor:not-allowed;opacity:.55}#layers-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto}.layers-empty{padding:9px 4px 7px;text-align:center;font-size:11.5px;line-height:1.5;color:var(--muted)}.layers-empty b{color:var(--text);font-weight:600}.layer-row{display:flex;align-items:center;gap:5px;padding:5px 6px;border-radius:8px;background:var(--hud-item-bg);border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s}.layer-row:hover{background:var(--hud-item-hover-bg)}.layer-row.active{border-color:#e5484db3;background:#e5484d1f}.layer-row .layer-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row.hidden-layer .layer-name{opacity:.45;text-decoration:line-through}.layer-row.locked-layer .layer-name{opacity:.7}.layer-icon.locked-on{color:#e5484d}.layer-icon:disabled{opacity:.3;cursor:default}.layer-icon:disabled:hover{color:var(--muted);background:transparent}.layer-icon{width:18px;height:22px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);cursor:pointer;border-radius:5px;padding:0;transition:background .12s,color .12s}.layer-icon:hover{color:#fff;background:#ffffff14}.layer-icon.danger:hover{color:#f2a3a5;background:#e5484d2e}.layer-icon.locked-on,.layer-icon.locked-on:hover{color:var(--accent)}.layer-actions{display:flex;align-items:center;gap:0;flex:0 0 auto}.layer-reorder{display:flex;flex-direction:column;width:15px;flex:0 0 auto;margin-right:1px}.layer-reorder-btn{height:11px;width:15px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:0;border-radius:3px;transition:color .12s,background .12s}.layer-reorder-btn svg{width:11px;height:11px;display:block}.layer-reorder-btn:hover{color:#fff;background:#ffffff14}.layer-reorder-btn:disabled{opacity:.28;cursor:default}.layer-reorder-btn:disabled:hover{color:var(--muted);background:transparent}.layer-row.locked-layer .layer-name{opacity:.7;font-style:italic}.layer-row .layer-actions>.secondary{display:none}.layer-row:hover .layer-actions>.secondary,.layer-row:focus-within .layer-actions>.secondary{display:flex}.layer-name-input{flex:1;min-width:0;width:100%;font:inherit;color:var(--text);background:#0006;border:1px solid rgba(229,72,77,.65);border-radius:5px;padding:2px 6px;outline:none}.hud-grid{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:3px}.hud-btn{width:32px;height:32px;background:var(--hud-item-bg);border:1px solid var(--hud-item-border);border-radius:7px;color:var(--hud-item-color);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;user-select:none;line-height:1;padding:0}.hud-btn:hover{background:#5b8cff40;border-color:#5b8cff73;color:#fff}.hud-btn:active{background:#5b8cff73;transform:scale(.93)}.hud-btn.center-btn svg{opacity:.9}#hudZoomLock .lock-closed,#hudZoomLock.locked .lock-open{display:none}#hudZoomLock.locked .lock-closed{display:block}.hud-btn.locked{background:#5b8cff4d;border-color:#5b8cff8c;color:#fff}.hud-zoom-slider{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:32px;height:82px;margin:2px auto 4px;background:transparent;cursor:pointer}.hud-zoom-slider:focus{outline:none}.hud-zoom-slider::-webkit-slider-runnable-track{width:5px;height:82px;border-radius:3px;background:var(--hud-item-hover-bg);border:1px solid var(--hud-item-border)}.hud-zoom-slider::-moz-range-track{width:5px;height:82px;border-radius:3px;background:var(--hud-item-hover-bg);border:1px solid var(--hud-item-border)}.hud-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-left:-7px;background:var(--accent);border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006;transition:transform .12s}.hud-zoom-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:2px solid #20242c;border-radius:40% 60% 55% 45%/55% 45% 60% 40%;box-shadow:1.5px 1.5px #0006}.hud-zoom-slider:hover::-webkit-slider-thumb{transform:scale(1.1)}.hud-zoom-slider:active::-webkit-slider-thumb{transform:scale(.92)}.hud-zoom-slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.hud-zoom-slider:disabled{opacity:.35;cursor:default}.hud-divider{width:1px;height:32px;background:var(--hud-border);margin:auto 2px;align-self:center}.pan-hint{position:absolute;bottom:14px;right:14px;z-index:9;pointer-events:none;display:flex;align-items:center;gap:6px;font-size:11px;color:#2a2f3a;background:#f4f6faf2;backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.14);border-radius:8px;padding:5px 10px;opacity:.95;box-shadow:0 2px 10px #00000047}.pan-hint kbd{font:inherit;font-size:10px;background:#fff;border:1px solid rgba(0,0,0,.18);border-radius:4px;padding:1px 5px;color:#2a2f3a;box-shadow:0 1px #00000014}[data-theme=light] .pan-hint{color:#e6ebf2;background:#12161ee6;border-color:#ffffff24;box-shadow:0 2px 10px #0006}[data-theme=light] .pan-hint kbd{background:#ffffff1f;border-color:#fff3;color:#e6ebf2;box-shadow:none}.hud-stack{display:flex;flex-direction:column;gap:5px}.lasso-btn{width:100%;margin-top:4px}.lasso-armed,.lasso-armed:hover{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}#lassoBox{position:absolute;border:1px solid var(--accent-2);background:#36c2a824;display:none;z-index:20;pointer-events:none}.hud-btn.disabled{opacity:.3;cursor:default;pointer-events:none}.chk{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;cursor:pointer;color:var(--text)}.chk input{accent-color:var(--accent);width:15px;height:15px}.btn:disabled{opacity:.55;cursor:progress}#bgStatus{margin-top:8px}.bar{height:5px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:6px}.bar>i{display:block;height:100%;width:0%;background:var(--accent);transition:width .25s}.ed-overlay{position:fixed;inset:0;background:#06090dc7;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:50}.ed-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;width:min(86vw,760px);max-height:92vh;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000080}.ed-head{display:flex;flex-direction:column;gap:3px}.ed-head strong{font-size:15px}.ed-hint{color:var(--muted);font-size:12px}.ed-canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#2a2f37 0% 25%,#20242b 0% 50%) 50% / 22px 22px;border-radius:10px;overflow:hidden;padding:8px}#editCanvas{max-width:100%;max-height:64vh;cursor:crosshair;touch-action:none;image-rendering:auto;border-radius:4px}.ed-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg-btn{background:var(--panel-2);color:var(--muted);border:0;padding:8px 14px;font-size:13px;cursor:pointer}.seg-btn.active{background:var(--accent);color:#fff;font-weight:600}.ed-brushlbl{font-size:12px;color:var(--muted);white-space:nowrap}.ed-tools input[type=range]{width:130px}.btn.ed-small{width:auto;padding:8px 14px}.step-col[data-step="1"]{--cat: var(--c1)}.step-col[data-step="2"]{--cat: var(--c2)}.step-col[data-step="3"]{--cat: var(--c3)}.step-col[data-step="4"]{--cat: var(--c4)}.step-col[data-step="5"]{--cat: var(--c5)}.step-col[data-step="6"]{--cat: var(--c6)}.step-dot{position:relative;width:41px;height:41px;border-radius:10px;background:var(--panel-2);border:1.5px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,color .4s ease,border-color .18s ease;cursor:pointer;padding:0}.step-dot:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--cat, var(--accent));transform:scaleY(0);transform-origin:bottom;transition:transform .6s cubic-bezier(.65,0,.35,1);z-index:0}.step-dot.active:before{transform:scaleY(1)}.step-dot svg,.step-dot img{position:relative;z-index:1;width:24px;height:24px;flex:0 0 auto;object-fit:contain;pointer-events:none}.step-dot:hover{border-color:var(--cat, var(--accent));color:var(--text)}.step-dot.active{border-color:var(--cat, var(--accent));color:#14161b;box-shadow:0 0 0 3px color-mix(in srgb,var(--cat, var(--accent)) 35%,transparent)}.step-dot.completed{background:color-mix(in srgb,var(--cat, var(--accent-2)) 28%,var(--panel-2));border-color:var(--cat, var(--accent-2));color:var(--cat, var(--accent-2))}.proj-divider{display:flex;align-items:center;gap:8px;margin:10px 0;color:var(--muted);font-size:11px}.proj-divider:before,.proj-divider:after{content:"";flex:1;height:1px;background:var(--line)}#loadProjectBtn{background:#5b8cff14;border:1px dashed rgba(91,140,255,.35);color:var(--accent);font-weight:600}#loadProjectBtn:hover{background:#5b8cff2e;border-color:var(--accent)}.proj-badge{display:inline-flex;align-items:center;gap:5px;background:#5b8cff1f;border:1px solid rgba(91,140,255,.3);border-radius:6px;padding:4px 9px;font-size:11px;color:var(--accent);margin-top:6px;width:100%;box-sizing:border-box}.input-tabs{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:3px;margin-bottom:12px}.input-tab{flex:1;background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:7px 4px;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.input-tab.active{background:var(--cat, var(--accent));color:#fff}.input-tab:hover:not(.active){color:var(--text)}#startAddObjectBtn:disabled{opacity:.45;cursor:not-allowed}.accordion{display:flex;flex-direction:column;gap:8px}.acc-section{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel-2)}.acc-header{width:100%;text-align:left;background:transparent;border:0;color:var(--text);font:inherit;font-size:13px;font-weight:600;padding:11px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.acc-header:after{content:"+";color:var(--muted);font-size:16px;line-height:1}.acc-header.open:after{content:"−"}.acc-header.open{color:var(--cat, var(--accent))}.acc-body{padding:0 12px 12px}.proj-load-row{margin-top:16px;text-align:center}.btn-link{background:none;border:0;color:var(--muted);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;padding:4px}.btn-link:hover{color:var(--accent)}.step-disabled{opacity:.35;pointer-events:none}body.is-mobile{display:block;overflow:hidden;--tabbar-h: calc(56px + env(safe-area-inset-bottom)) }body.is-mobile #stage{position:fixed;top:48px;left:0;right:0;bottom:var(--tabbar-h);flex:none}body.is-mobile #resizer{display:none}body.is-mobile #panel{position:fixed;left:0;right:0;bottom:var(--tabbar-h);top:auto;width:100%!important;min-width:0;max-width:none;height:var(--sheet-h, 0px);max-height:calc(100dvh - 48px - var(--tabbar-h));border-right:none;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #00000059;z-index:30;transition:height .28s cubic-bezier(.4,0,.2,1),border-top-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:height}body.is-mobile #panel[data-snap=closed]{border-top-color:transparent;box-shadow:none;pointer-events:none}body.is-mobile #panel.sheet-dragging{transition:none}.sheet-grabber{display:none}body.is-mobile .sheet-grabber{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;height:26px;padding:0;border:none;background:transparent;cursor:grab;touch-action:none}body.is-mobile .sheet-grabber:active{cursor:grabbing}.sheet-grabber-bar{width:40px;height:5px;border-radius:3px;background:var(--line);transition:background .15s}body.is-mobile .sheet-grabber:hover .sheet-grabber-bar,body.is-mobile #panel.sheet-dragging .sheet-grabber-bar{background:var(--muted)}body.is-mobile .panel-body{flex-direction:column;min-height:0}body.is-mobile .step-rail{display:none}body.is-mobile .panel-scroll{padding:14px 16px 22px}#mobileTabBarMount{display:none}body.is-mobile #mobileTabBarMount{display:block;position:fixed;left:0;right:0;bottom:0;z-index:35}.mobile-tab-bar{display:flex;align-items:stretch;min-height:56px;background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mtb-tab[data-step="1"]{--cat: var(--c1)}.mtb-tab[data-step="2"]{--cat: var(--c2)}.mtb-tab[data-step="3"]{--cat: var(--c3)}.mtb-tab[data-step="4"]{--cat: var(--c4)}.mtb-tab[data-step="5"]{--cat: var(--c5)}.mtb-tab[data-step="6"]{--cat: var(--c6)}.mtb-tab{flex:1 1 0;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mtb-icon{display:flex;align-items:center;justify-content:center;width:38px;height:26px;border-radius:9px;background:transparent;transition:background .22s cubic-bezier(.4,0,.2,1)}.mtb-tab.active .mtb-icon{background:var(--cat, var(--accent))}.mtb-icon svg,.mtb-icon img{width:18px;height:18px;flex:0 0 auto;object-fit:contain;pointer-events:none}.mtb-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;line-height:1}.mtb-tab.active .mtb-label{color:var(--text);font-weight:700}body.is-mobile .panel-footer{display:none}body.is-mobile #panel[data-snap=full] .panel-footer{display:flex}body.is-mobile #hud-rotate,body.is-mobile #hud-zoom,body.is-mobile #hud-rotate-dial,body.is-mobile #workspace-tools{display:none!important}body.is-mobile #viewport-hud{top:10px;bottom:auto;left:10px;gap:6px}body.is-mobile #dock-left{top:10px;left:10px;width:auto}body.is-mobile #dock-left .dock-panel,body.is-mobile #scene-stack .dock-panel{position:static!important;left:auto!important;top:auto!important;width:100%!important}body.is-mobile:not(.mobile-dock-open) #scene-stack{display:none}body.is-mobile.mobile-dock-open #stage{z-index:46}body.is-mobile.mobile-dock-open #scene-stack{position:fixed;top:60px;left:50%;right:auto;transform:translate(-50%);width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 130px - var(--tabbar-h));gap:10px;z-index:47}body.is-mobile #layers-panel{max-height:38vh}body.is-mobile #history-panel{max-height:30vh}body.is-mobile #grid-panel{display:none}body.is-mobile #mobileDockFolderMount{position:absolute;top:10px;right:10px;z-index:12}.mdf-chip{display:flex;flex-direction:column;gap:3px;padding:6px 8px;background:var(--hud-bg);backdrop-filter:blur(8px);border:1px solid var(--hud-border);border-radius:12px;cursor:pointer;opacity:.9}.mdf-row{display:flex;align-items:center;gap:5px;color:var(--hud-item-color)}.mdf-glyph{display:flex;line-height:0}.mdf-count{min-width:14px;text-align:center;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.mdf-scrim{position:fixed;inset:0;background:#00000073;z-index:46}body.is-mobile .layer-row .layer-icon.secondary{display:flex}body.is-mobile #info-panel{left:50%!important;top:10px!important;transform:translate(-50%);width:min(340px,calc(100vw - 20px));max-width:none;max-height:44vh;overflow-y:auto}body.is-mobile #info-panel .info-head{cursor:default;touch-action:auto}body.is-mobile #nav-eye .icon-on{display:block}body.is-mobile #nav-eye .icon-off,body.is-mobile .pan-hint{display:none}body.is-mobile .promotable-host{outline:none;cursor:default;touch-action:auto}body.is-mobile #toast{position:fixed;top:58px;bottom:auto;left:50%;z-index:45;max-width:calc(100vw - 24px)}body.is-mobile #mobileSculptBarMount{position:absolute;left:10px;top:100px;z-index:12}.mobile-sculpt-bar{display:flex;flex-direction:column;gap:4px;padding:5px}.msb-btn{min-width:60px;min-height:40px;padding:4px 10px;background:var(--hud-item-bg);border:1px solid var(--hud-item-border);border-radius:9px;color:var(--hud-item-color);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.msb-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.msb-btn:disabled{opacity:.35;cursor:default}.msb-btn.msb-clear{color:var(--c1)}body.is-mobile #top-navbar .nav-project-wrap{display:none}body.is-mobile #top-navbar .nav-logo>span{display:none}body.is-mobile #top-navbar .nav-logo{gap:0;padding-left:0;margin-left:4px;border-left:none}body.is-mobile #top-navbar .nav-left,body.is-mobile #top-navbar .nav-right{gap:6px}@media(hover:none){body.is-mobile .btn,body.is-mobile .step-nav-row .btn{min-height:44px}body.is-mobile #panel input[type=range]{height:26px}}@media(prefers-reduced-motion:reduce){body.is-mobile #panel,.mtb-icon{transition:none}}