:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fc;--panel:#fff;--panel2:#f8faff;--raise:#eef2fb;--line:#e5ebf4;--line2:#d8e0ec;--ink:#07143d;--ink2:#1b2447;--muted:#6f7b99;--faint:#8994ad;--brand:#657df2;--brand-d:#5468e6;--brand-t:#eef1ff;--brand-r:#657df24d;--brand-a:#657df2;--brand-b:#7657e8;--ok:#34b27b;--red:#e0573c;--stage1:#f8faff;--stage2:#e7eef9;--r:18px;--r2:12px;--r3:9px;--shadow:0 1px 2px #2f416e0d, 0 8px 24px #2f416e1a;--pop:0 2px 8px #2f416e12, 0 18px 42px #2f416e29;--body-glow:#eef4fb;--grid:#07143d09;--stage-vignette:#07143d0d;--chip-bg:color-mix(in srgb, var(--panel) 88%, transparent);--drop-bg:color-mix(in srgb, var(--bg) 84%, transparent);--overlay-bg:color-mix(in srgb, var(--bg) 76%, transparent);--thumb-scrim:#07143d6b;--scrollbar:#cfd9ea;--scrollbar-hover:#b9c5da;--display:"Plus Jakarta Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui:Inter,"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:Inter,system-ui,-apple-system,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--panel:#111a32;--panel2:#17213c;--raise:#1a2440;--line:#9dabd22e;--line2:#9dabd247;--ink:#f6f8ff;--ink2:#e4e9ff;--muted:#9faad0;--faint:#7e89af;--brand:#7488f4;--brand-d:#8b9cf6;--brand-t:#657df233;--brand-r:#657df26b;--brand-a:#657df2;--brand-b:#8b5cf6;--ok:#46d69a;--red:#ff7867;--stage1:#16203a;--stage2:#0a0f1e;--shadow:0 1px 2px #0006, 0 12px 30px #00000080;--pop:0 2px 8px #00000073, 0 18px 48px #0009;--body-glow:#0d1428;--grid:#9dabd20d;--stage-vignette:#00000057;--chip-bg:color-mix(in srgb, var(--panel) 84%, transparent);--drop-bg:color-mix(in srgb, var(--bg) 78%, transparent);--overlay-bg:color-mix(in srgb, var(--bg) 74%, transparent);--thumb-scrim:#0000009e;--scrollbar:#2a3658;--scrollbar-hover:#3a4870}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--ui);color:var(--ink);background:radial-gradient(1200px 700px at 78% -8%, var(--body-glow), transparent 60%), linear-gradient(180deg, var(--body-glow), var(--bg));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:360px;overflow:hidden}button,input,select,textarea{color:inherit;font-family:inherit}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border:3px solid var(--panel);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::-webkit-scrollbar-track{background:0 0}.app{flex-direction:column;height:100vh;display:flex}header{background:var(--panel);border-bottom:1px solid var(--line);z-index:30;flex:none;align-items:center;gap:18px;height:60px;padding:0 20px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:11px;display:flex}.logo{background:linear-gradient(140deg,var(--brand-a),var(--brand-b));color:#fff;width:34px;height:34px;box-shadow:0 4px 12px -3px var(--brand-r);border-radius:8px;flex:none;place-items:center;display:grid}.logo svg{width:19px;height:19px}.brand .name{font-family:var(--display);letter-spacing:0;font-size:18px;font-weight:700;line-height:1}.brand .sub{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:9px}.src-bar{flex:auto;align-items:center;gap:8px;max-width:640px;margin:0 auto;display:flex}.seg{background:var(--raise);border:1px solid var(--line);border-radius:var(--r2);gap:2px;padding:3px;display:flex}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:12.5px;font-weight:550;transition:all .15s}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #14161c1f}.seg button:not(.on):hover{color:var(--ink2)}.skin-layer-seg button{flex:1;min-width:0}.field{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r2);flex:auto;align-items:center;min-width:0;height:40px;padding:0 4px 0 13px;transition:all .15s;display:flex}.field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-t)}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.field input::placeholder{color:var(--faint)}.go{cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:7px;height:32px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s}.go:hover{background:var(--brand-d)}.go:active{transform:translateY(1px)}.head-right{flex:none;align-items:center;gap:10px;display:flex}.model-seg{background:var(--raise);border:1px solid var(--line);border-radius:var(--r2);padding:3px;display:flex}.model-seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 11px;font-size:11.5px;font-weight:550;transition:all .15s}.model-seg button.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #14161c1f}.theme-toggle{border:1px solid var(--line2);border-radius:var(--r2);background:var(--panel);width:40px;height:40px;color:var(--muted);cursor:pointer;flex:none;place-items:center;transition:all .15s;display:grid}.theme-toggle:hover{background:var(--panel2);color:var(--ink2);border-color:var(--line2)}.theme-toggle.on{background:var(--brand-t);color:var(--brand);border-color:color-mix(in srgb, var(--brand) 46%, var(--line2))}.theme-toggle svg{grid-area:1/1;width:18px;height:18px;transition:all .18s}.theme-toggle .moon{opacity:0;transform:scale(.72)rotate(-18deg)}.theme-toggle.on .sun{opacity:0;transform:scale(.72)rotate(18deg)}.theme-toggle.on .moon{opacity:1;transform:scale(1)rotate(0)}.btn-export{border-radius:var(--r2);cursor:pointer;background:var(--brand);color:#fff;border:0;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.btn-export:hover{background:var(--brand-d)}.btn-export svg{width:16px;height:16px}main{flex:auto;grid-template-columns:minmax(0,1fr) 372px;min-height:0;display:grid}.stage{background:linear-gradient(0deg, var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), radial-gradient(90% 90% at 50% 35%, var(--stage1), var(--stage2));background-size:32px 32px,32px 32px,auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;box-shadow:inset 0 0 120px var(--stage-vignette);position:absolute;inset:0}.canvas-frame{place-items:center;display:grid;position:relative}#bgLayer{pointer-events:none;z-index:0;border-radius:0;position:absolute;inset:0}#viewer{z-index:1;touch-action:none;border-radius:8px;display:block;position:relative}#vignetteLayer,#grainLayer{pointer-events:none;z-index:2;border-radius:8px;position:absolute;inset:0}#grainLayer{background-image:var(--grain-url);mix-blend-mode:overlay;opacity:0;background-size:200px}#vignetteLayer{opacity:0}.statuschip{z-index:6;background:var(--chip-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line2);color:var(--ink2);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:12px;display:flex;position:absolute;top:16px;left:16px}.statuschip .dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.statuschip.live .dot{background:var(--ok);box-shadow:0 0 0 3px #23b07d2e}.statuschip b{color:var(--ink);font-weight:600}.statuschip .mono{font-family:var(--mono);color:var(--brand);font-size:11px}.dropmsg{z-index:20;background:var(--drop-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:none;position:absolute;inset:0}.dropmsg.show{display:grid}.dropmsg .box{border:2px dashed var(--brand);text-align:center;background:var(--brand-t);border-radius:8px;padding:46px 62px}.dropmsg h3{font-family:var(--display);letter-spacing:0;margin-bottom:6px;font-size:20px;font-weight:700}.dropmsg p{color:var(--muted);font-size:13px}.toolbar{z-index:6;background:var(--chip-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line2);box-shadow:var(--pop);border-radius:8px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tool{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:all .14s;display:grid;position:relative}.tool:hover{background:var(--raise);color:var(--ink)}.tool.on{background:var(--brand-t);color:var(--brand)}.tool:disabled{opacity:.45;cursor:not-allowed}.tool:disabled:hover{color:var(--muted);background:0 0}.tool svg{width:18px;height:18px}.tool .lbl{font-size:10px;font-family:var(--mono);color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.tool:hover .lbl{opacity:1}.tdiv{background:var(--line2);width:1px;height:22px;margin:0 3px}.thumb-frame{z-index:5;border:2px solid var(--brand);box-shadow:0 0 0 4000px var(--thumb-scrim);pointer-events:none;display:none;position:absolute}.thumb-frame.show{display:block}.thumb-frame .tf-lbl{font-family:var(--mono);color:#fff;letter-spacing:.08em;font-size:10px;position:absolute;top:-22px;left:0}.inspector{background:var(--panel);border-left:1px solid var(--line);z-index:20;flex-direction:column;min-height:0;display:flex;position:relative}.tabs{border-bottom:1px solid var(--line);background:var(--panel);flex:none;gap:2px;padding:0 6px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;padding:13px 4px 11px;font-size:12px;font-weight:550;transition:all .15s;display:flex;position:relative}.tabs button svg{width:17px;height:17px}.tabs button.on{color:var(--brand)}.tabs button.on:after{content:"";background:var(--brand);border-radius:3px;height:2.5px;position:absolute;bottom:-1px;left:18%;right:18%}.tabs button:not(.on):hover{color:var(--ink2)}.panes{flex:auto;overflow:hidden auto}.pane{padding:18px 16px 60px;animation:.22s fade;display:none}.pane.on{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.group{margin-bottom:22px}.group-h{align-items:center;gap:9px;margin-bottom:13px;display:flex}.group-h h4{font-family:var(--display);letter-spacing:0;font-size:13px;font-weight:650}.group-h .hr{background:var(--line);flex:1;height:1px}.group-h .tag{font-family:var(--mono);letter-spacing:.08em;color:var(--faint);text-transform:uppercase;font-size:9px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line2);background:var(--panel);color:var(--ink2);cursor:pointer;border-radius:9px;flex:none;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:550;transition:all .14s;display:flex}.chip:hover{border-color:var(--line2);background:var(--panel2)}.chip.on{border-color:var(--brand);background:var(--brand-t);color:var(--brand)}.chip .ic{font-size:14px;line-height:1}.pose-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pose-btn{border:1px solid var(--line2);background:var(--panel);cursor:pointer;color:var(--ink2);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:11px 6px 9px;transition:all .14s;display:flex}.pose-btn:hover{border-color:var(--line2);background:var(--panel2)}.pose-btn.on{border-color:var(--brand);background:var(--brand-t);color:var(--brand)}.pose-btn .pi{width:26px;height:26px}.pose-btn span{font-size:10.5px;font-weight:550}.row{align-items:center;gap:12px;margin-bottom:13px;display:flex}.row .rl{color:var(--ink2);flex:0 0 88px;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.row .rl .ico{width:13px;height:13px;color:var(--muted)}.slider{flex:1;align-items:center;gap:10px;min-width:0;display:flex}input[type=range]{appearance:none;background:var(--line2);cursor:pointer;border-radius:4px;outline:0;flex:1;min-width:0;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:var(--panel);border:1.5px solid var(--brand);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #14161c2e}input[type=range]::-moz-range-thumb{border:1.5px solid var(--brand);background:var(--panel);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #14161c2e}.slider .val{font-family:var(--mono);color:var(--muted);text-align:right;flex:0 0 42px;font-size:11px}.mini-grid{grid-template-columns:1fr;gap:8px;display:grid}.mini{grid-template-columns:74px minmax(0,1fr) 42px;align-items:center;gap:10px;display:grid}.mini label{font-family:var(--mono);letter-spacing:.08em;color:var(--faint);text-transform:uppercase;font-size:9px}.mini input[type=range]{width:100%}.mini .val{text-align:right!important}.rig-tools{border:1px dashed var(--line2);background:var(--panel2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;padding:10px 11px;display:flex}.rig-actions{flex:auto;align-items:center;gap:6px;display:flex}.rig-action{border:1px solid var(--line2);background:var(--panel);color:var(--ink2);cursor:pointer;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:600;transition:all .14s}.rig-tools .rig-action{text-align:center;flex:1 1 0}.rig-action.show-all-row{text-align:center;width:100%;margin-bottom:10px;display:block}.rig-action:hover{border-color:var(--line2);background:var(--panel2)}.rig-action:disabled{opacity:.48;cursor:default}.rig-part{border:1px solid var(--line2);background:var(--panel);border-radius:8px;margin-bottom:8px;overflow:hidden}.rig-part.selected{border-color:var(--brand);background:var(--brand-t)}.rig-part.is-hidden{opacity:.64}.rig-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;padding:11px 13px;display:flex}.rig-head:hover{background:var(--panel2)}.rig-head .pj{width:16px;height:16px;color:var(--brand)}.rig-head .nm{flex:1;font-size:12.5px;font-weight:550}.part-visibility{border:1px solid var(--line2);background:var(--panel);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:all .14s;display:grid}.part-visibility:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-t)}.part-visibility.off{color:var(--faint);border-style:dashed}.part-visibility svg{width:15px;height:15px}.rig-head .cx{color:var(--muted);transition:all .2s}.rig-part.open .cx{transform:rotate(90deg)}.rig-body{padding:4px 13px 13px;display:none}.rig-part.open .rig-body{display:block}.joint-block{border-top:1px dashed var(--line2);margin-top:12px;padding-top:12px}.joint-title{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:10px}.color-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.color-row label{color:var(--ink2);flex:1;font-size:12px}.swatch{border:1px solid var(--line2);cursor:pointer;border-radius:8px;flex:none;width:44px;height:30px;position:relative;overflow:hidden}.swatch input{cursor:pointer;background:0 0;border:0;width:200%;height:200%;padding:0;position:absolute;inset:-6px}.hexlbl{font-family:var(--mono);color:var(--muted);flex:0 0 64px;font-size:11px}.bg-modes{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.bg-mode{border:1px solid var(--line2);background:var(--panel);cursor:pointer;color:var(--ink2);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;transition:all .14s;display:flex}.bg-mode:hover{border-color:var(--line2);background:var(--panel2)}.bg-mode.on{border-color:var(--brand);background:var(--brand-t);color:var(--brand)}.bg-mode .sw{border:1px solid var(--line2);border-radius:7px;width:30px;height:30px}.bg-mode span{font-size:10px;font-weight:550}.uploadbox{border:1.5px dashed var(--line2);text-align:center;cursor:pointer;color:var(--muted);border-radius:8px;padding:18px;transition:all .15s}.uploadbox:hover{border-color:var(--brand);color:var(--ink2);background:var(--brand-t)}.uploadbox svg{opacity:.7;width:24px;height:24px;margin-bottom:7px}.uploadbox p{font-size:12px}.uploadbox b{color:var(--ink2)}.action{cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:4px;padding:14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.action:hover{background:var(--brand-d)}.action:active{transform:translateY(1px)}.action svg{width:18px;height:18px}.action.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line2)}.action.ghost:hover{border-color:var(--line2);background:var(--panel2)}.btn-pair{gap:8px;display:flex}.btn-pair .action{margin-top:0}.size-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:6px;display:grid}.size-btn{border:1px solid var(--line2);background:var(--panel);cursor:pointer;text-align:left;color:var(--ink2);border-radius:8px;padding:11px 10px;transition:all .14s}.size-btn:hover{border-color:var(--line2);background:var(--panel2)}.size-btn.on{border-color:var(--brand);background:var(--brand-t);color:var(--brand)}.size-btn .t{font-size:12.5px;font-weight:600;display:block}.size-btn .d{font-family:var(--mono);color:var(--faint);margin-top:2px;font-size:10px}.res-seg{background:var(--raise);border:1px solid var(--line);border-radius:8px;margin-bottom:14px;padding:3px;display:flex}.res-seg button{color:var(--muted);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:8px 4px;font-size:11px;font-weight:600;transition:all .14s}.res-seg button.on{background:var(--panel);color:var(--brand);box-shadow:0 1px 3px #14161c1f}.note{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.note b{color:var(--ink2)}.kv{font-family:var(--mono);color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.kv b{color:var(--ink2);font-weight:500}.lib{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.lib .slot{border:1px solid var(--line2);background:var(--panel);cursor:pointer;color:var(--ink2);border-radius:8px;align-items:center;gap:6px;padding:6px 8px 6px 10px;font-size:11.5px;transition:all .14s;display:flex}.lib .slot:hover{border-color:var(--brand);color:var(--brand)}.lib .slot .x{width:15px;height:15px;color:var(--faint);border-radius:4px;place-items:center;display:grid}.lib .slot .x:hover{color:var(--red);background:#ef5a5a24}.lib .empty{color:var(--faint);font-size:11.5px;font-style:italic}textarea.title-in,input.title-in{background:var(--panel);border:1px solid var(--line2);resize:none;width:100%;color:var(--ink);border-radius:9px;outline:0;padding:10px 12px;font-size:13px;transition:all .15s}textarea.title-in:focus,input.title-in:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-t)}.subtle-lbl{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:500;display:block}.toast{z-index:9000;background:var(--panel);border:1px solid var(--line2);color:var(--ink);box-shadow:var(--pop);opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:10px;padding:13px 20px;font-size:13px;font-weight:550;transition:all .3s;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .ti{width:18px;height:18px;color:var(--brand)}.toast.err .ti{color:var(--red)}.spin{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.overlay-load{z-index:25;background:var(--overlay-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:none;position:absolute;inset:0}.overlay-load.show{display:grid}.overlay-load .ld{flex-direction:column;align-items:center;gap:14px;display:flex}.overlay-load .ring{border:3px solid var(--line2);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite sp}.overlay-load p{font-family:var(--mono);color:var(--ink2);letter-spacing:.04em;font-size:12px}.stage-mode-control{z-index:6;background:var(--chip-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:16px;right:16px}.stage-mode-btn{min-width:42px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:all .14s;display:grid}.stage-mode-btn:hover{background:var(--raise);color:var(--ink)}.stage-mode-btn.on{background:var(--brand-t);color:var(--brand)}.stage-mode-btn svg{width:18px;height:18px}.selection-marquee{z-index:8;pointer-events:none;border:1px solid var(--brand);background:color-mix(in srgb, var(--brand) 18%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 18%, transparent);border-radius:10px;display:none;position:absolute}.stage-pose-tip{z-index:7;pointer-events:none;border:1px solid var(--line2);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--mono);letter-spacing:.03em;color:var(--muted);text-align:center;border-radius:999px;padding:9px 11px;font-size:10px;position:absolute;bottom:14px;left:14px;right:14px}@media (width<=1080px){main{grid-template-columns:1fr 340px}.src-bar{max-width:none}}@media (width<=820px){main{grid-template-columns:1fr}.inspector{width:min(380px,92vw);position:fixed;top:60px;bottom:0;right:0;box-shadow:-20px 0 50px -20px #14161c40}.src-bar .seg span{display:none}}.shader-chip{flex:calc(50% - 4px);justify-content:flex-start;gap:8px;min-width:0;padding:9px 11px}.shader-chip .ic{flex:none;font-size:16px}.shader-chip.on{border-color:var(--brand-b);background:color-mix(in srgb, var(--brand-b) 14%, var(--panel));color:var(--brand-b);box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-b) 35%, transparent)}@media (width<=640px){body{overflow:auto}.app{height:auto;min-height:100vh}header{flex-wrap:wrap;align-items:stretch;gap:10px;height:auto;min-height:64px;padding:10px 12px}.brand{justify-content:space-between;width:100%}.src-bar{flex-basis:100%;order:3;width:100%;margin:0}.head-right{margin-left:auto}.model-seg{display:none}.btn-export{height:36px;padding:0 12px}main{flex-direction:column;display:flex;overflow:visible}.stage{min-height:calc(100vh - 132px)}.toolbar{max-width:calc(100vw - 20px);bottom:10px;overflow-x:auto}.tool{flex:none;width:36px;height:36px}#viewer{max-width:92vw;height:auto}.toast{bottom:74px}.stage-mode-control{top:10px;right:10px}.stage-mode-btn{min-width:38px;height:32px}.inspector{width:100vw;max-width:none;min-height:560px;box-shadow:none;border-left:0;border-top:1px solid var(--line);position:relative;top:auto;bottom:auto;right:auto}}