:root{--bg: #0a0c11;--panel: rgba(18, 22, 31, .9);--panel-2: rgba(255, 255, 255, .035);--panel-3: rgba(255, 255, 255, .065);--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .15);--txt: #e8eef8;--dim: #9aa7ba;--dim-2: #6b7789;--accent: #7dd3fc;--accent-2: #a78bfa;--accent-3: #34d399;--danger: #fb7185;--warn: #fbbf24;--r: 16px;--r-sm: 12px;--r-xs: 8px;--fs: 12.5px;--fs-xs: 9px;--fs-sm: 10.5px;--fs-lg: 14px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow: 0 20px 60px rgba(0, 0, 0, .5), 0 2px 10px rgba(0, 0, 0, .35);--shadow-sm: 0 6px 20px rgba(0, 0, 0, .3);--glow: 0 0 0 1px rgba(125, 211, 252, .25), 0 0 24px rgba(125, 211, 252, .12)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:var(--fs);line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}input,textarea{user-select:text;-webkit-user-select:text}[hidden]{display:none!important}#stage{position:fixed;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}#stage.dragging{cursor:grabbing}#ui{--ui-scale: 1;position:fixed;top:0;left:0;width:calc(100% / var(--ui-scale));height:calc(100% / var(--ui-scale));transform:scale(var(--ui-scale));transform-origin:top left;z-index:10;pointer-events:none;transition:opacity .18s ease}#ui[data-hidden=true]{opacity:0;pointer-events:none}#ui[data-hidden=true] *{pointer-events:none!important}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:18px;margin:0;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#7dd3fc 0%,#a78bfa var(--fill, 0%),rgba(255,255,255,.12) var(--fill, 0%),rgba(255,255,255,.12) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid #0b0d12;border-radius:50%;background:#e8eef8;box-shadow:0 0 0 1px #7dd3fc80,0 0 12px #7dd3fc59;transition:transform .1s ease}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#ffffff1f}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:linear-gradient(90deg,#7dd3fc,#a78bfa)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #0b0d12;border-radius:50%;background:#e8eef8;box-shadow:0 0 0 1px #7dd3fc80}input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}input[type=color]{padding:0;border:0;background:transparent;cursor:pointer}input[type=search]{-webkit-appearance:none;appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.text-input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:9px;background:#00000038;color:var(--txt);font-size:11px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.text-input::placeholder{color:var(--dim-2)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc1f}.sel{height:32px;min-width:0;flex:1 1 auto;padding:0 8px;border:1px solid var(--line-2);border-radius:9px;background:var(--panel-3);color:var(--txt);font-size:11px;cursor:pointer;outline:none}.sel:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc1f}.sel option{background:#141821;color:var(--txt)}.grow{flex:1 1 auto}.row{display:flex;align-items:center;gap:6px;min-width:0}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 12px}.grid2>*{min-width:0}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 10px}.note{margin:0;font-size:10.5px;color:var(--dim);line-height:1.5}.note b{color:var(--txt);font-weight:700}.hint{font-size:10px;color:var(--dim-2)}.sep{width:1px;height:18px;margin:0 4px;background:var(--line-2);flex:0 0 auto}.panel{background:linear-gradient(180deg,#181d28eb,#0d1017f0);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}.scrim{position:absolute;inset:0;z-index:20;background:#00000085;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.scrim[hidden]{display:none}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.6}}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none;z-index:50}.hud .panel{pointer-events:auto}.topbar-left{display:flex;align-items:center;gap:14px;padding:8px 14px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#7dd3fc2e,#a78bfa2e);border:1px solid rgba(125,211,252,.3);display:grid;place-items:center;flex:0 0 auto}.brand-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7dd3fc,#a78bfa);box-shadow:0 0 12px #7dd3fccc;animation:pulse 2.4s ease-in-out infinite}.brand-text b{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--txt);line-height:1.1}.scene-name{display:block;max-width:160px;font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-stats{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--dim-2)}.stat-sep{width:1px;height:12px;background:var(--line-2)}.topbar-center{display:flex;align-items:center;gap:4px;padding:5px}.topbar-right{display:flex;align-items:center;gap:6px;padding:5px 8px}.mobile-transport{display:none}.audio-cluster{display:flex;align-items:center;gap:6px}.hud-vol{width:100px;flex:0 0 auto}.hud-vol-val{min-width:32px;font-family:var(--mono);font-size:10px;color:var(--dim-2);text-align:right;user-select:none}.scale-cluster{display:flex;align-items:center;gap:2px}.hud-scale-val{min-width:38px;padding:0 2px;font-family:var(--mono);font-size:10px;color:var(--dim-2);text-align:center;cursor:pointer;user-select:none;transition:color .12s ease}.hud-scale-val:hover{color:var(--txt)}.tbtn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--dim);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .1s ease}.tbtn:hover{background:var(--panel-3);color:var(--txt)}.tbtn:active{transform:scale(.96)}.tbtn.is-on{background:linear-gradient(135deg,#7dd3fc2e,#a78bfa2e);border-color:#7dd3fc59;color:#dff6ff}.tbtn-primary{background:linear-gradient(135deg,#7dd3fc,#a78bfa);color:#081018;box-shadow:0 4px 18px #7dd3fc40}.tbtn-primary:hover{filter:brightness(1.08);background:linear-gradient(135deg,#7dd3fc,#a78bfa);color:#081018}.tbtn svg{width:16px;height:16px}.tbtn-sm{width:26px;height:26px}.tbtn-sm svg{width:13px;height:13px}.side-panel{position:absolute;top:76px;bottom:10px;display:flex;pointer-events:none;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s ease;z-index:40}.left-panel{left:10px;width:clamp(280px,24vw,340px)}.main-panel{right:10px;width:clamp(320px,28vw,400px)}.side-card{width:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);flex:0 0 auto}.side-head-title{display:flex;flex-direction:column;gap:2px;min-width:0}.side-kicker{font-size:8.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--dim-2)}.side-title{font-size:14px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-tools{display:flex;align-items:center;gap:4px}.side-body{flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:10px}.pane{display:flex;flex-direction:column;gap:10px;min-width:0}.pane[hidden]{display:none}.left-panel[data-open=false]{transform:translate(calc(-100% - 20px));opacity:0}.main-panel[data-open=false]{transform:translate(calc(100% + 20px));opacity:0}.left-panel[data-open=false] .side-card,.main-panel[data-open=false] .side-card{pointer-events:none}.sheet-grip{display:none}.panel-tabs{display:flex;gap:3px;padding:4px;margin:10px 10px 0;background:#00000040;border:1px solid var(--line);border-radius:12px;flex:0 0 auto}.panel-tabs button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border:0;border-radius:9px;background:transparent;color:var(--dim-2);font-size:9px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .12s ease,color .12s ease}.panel-tabs button svg{width:15px;height:15px}.panel-tabs button:hover{color:var(--txt);background:var(--panel-3)}.panel-tabs button.is-on{color:#081018;background:linear-gradient(135deg,#7dd3fc,#a78bfa);box-shadow:0 4px 14px #7dd3fc33}.inspector-tabs{display:flex;gap:3px;padding:4px;background:#00000040;border:1px solid var(--line);border-radius:12px}.inspector-tabs button{flex:1;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--dim-2);font-size:10.5px;font-weight:700;cursor:pointer;transition:background .12s ease,color .12s ease}.inspector-tabs button:hover{color:var(--txt);background:var(--panel-3)}.inspector-tabs button.is-on{color:#081018;background:linear-gradient(135deg,#7dd3fc,#a78bfa)}.sec{display:flex;flex-direction:column;gap:9px;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--dim-2)}.fold-sec{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);overflow:hidden}.fold-sec-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:0;background:transparent;color:var(--dim);font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .12s ease,color .12s ease}.fold-sec-head:hover{background:var(--panel-3);color:var(--txt)}.fold-chev{display:grid;place-items:center;color:var(--dim-2);transition:transform .2s ease}.fold-chev svg{width:13px;height:13px}.fold-sec[data-open=true] .fold-chev{transform:rotate(180deg)}.fold-sec-body{display:flex;flex-direction:column;gap:9px;padding:0 12px 12px}.fold-sec-body[hidden]{display:none}.tree-bar{display:flex;align-items:center;gap:6px;padding:0 2px 8px}.searchbox{flex:1;display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--line-2);border-radius:9px;background:#0003;color:var(--dim-2)}.searchbox svg{width:14px;height:14px;flex:0 0 auto}.searchbox input{flex:1;min-width:0;border:0;background:transparent;color:var(--txt);font-size:11px;outline:none}.searchbox input::placeholder{color:var(--dim-2)}.tree-tools{display:flex;gap:2px}.tree-list{display:flex;flex-direction:column;gap:2px}.trow{display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 6px 4px calc(4px + var(--d, 0) * 14px);border:1px solid transparent;border-radius:9px;cursor:pointer;transition:background .1s ease,border-color .1s ease}.trow:hover{background:var(--panel-3)}.trow.is-on{background:linear-gradient(90deg,#7dd3fc24,#a78bfa14);border-color:#7dd3fc47}.trow.is-hidden .tname,.trow.is-hidden .swatch{opacity:.4}.tchev{width:18px;height:18px;display:grid;place-items:center;border:0;background:transparent;color:var(--dim-2);cursor:pointer;border-radius:5px;flex:0 0 auto}.tchev:hover{background:var(--panel-3);color:var(--txt)}.tchev svg{width:12px;height:12px;transition:transform .18s ease}.tchev.is-collapsed svg{transform:rotate(-90deg)}.tchev-spacer{width:18px;flex:0 0 auto}.trow .swatch{width:9px;height:9px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 8px currentColor}.tname{flex:1 1 auto;min-width:0;font-size:11.5px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tname-input{flex:1 1 auto;min-width:0;height:24px;padding:0 6px;border:1px solid var(--accent);border-radius:6px;background:#00000059;color:var(--txt);font-size:11.5px;outline:none}.badges{display:flex;align-items:center;gap:3px;flex:0 0 auto}.tacts{display:flex;align-items:center;gap:1px;flex:0 0 auto;opacity:0;transition:opacity .12s ease}.trow:hover .tacts,.trow.is-on .tacts{opacity:1}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-card{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel-3);text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.preset-card:hover{border-color:#7dd3fc59;background:#7dd3fc14;transform:translateY(-1px)}.preset-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#7dd3fc2e,#a78bfa2e);color:#bae6fd;flex:0 0 auto}.preset-icon svg{width:14px;height:14px}.preset-body{display:flex;flex-direction:column;gap:2px;min-width:0}.preset-body b{font-size:11px;font-weight:700;color:var(--txt)}.preset-body i{font-size:9.5px;font-style:normal;color:var(--dim-2)}.save-row{display:flex;gap:6px}.scene-list{display:flex;flex-direction:column;gap:4px}.scene-row{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--panel-3)}.scene-load{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:0;background:transparent;text-align:left;cursor:pointer;border-radius:6px}.scene-load:hover{background:#ffffff0d}.scene-load b{font-size:11px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-load i{font-size:9px;font-style:normal;color:var(--dim-2)}.node-head{display:flex;align-items:center;gap:10px;padding:12px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.node-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.node-name-input{width:100%;padding:2px 4px;margin:-2px -4px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--txt);font-size:14px;font-weight:700;outline:none}.node-name-input:hover{border-color:var(--line-2)}.node-name-input:focus{border-color:var(--accent);background:#00000040}.node-sub{font-size:9.5px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-actions{display:flex;gap:4px}.node-actions .btn{height:30px;padding:0 8px;font-size:10px}.instrument-card{background:linear-gradient(180deg,#7dd3fc0f,#a78bfa0a);border-color:#7dd3fc2e}.particle-note{display:flex;gap:10px;padding:12px;border:1px dashed rgba(167,139,250,.35);border-radius:12px;background:#a78bfa0f;color:var(--dim);font-size:10.5px;line-height:1.5}.particle-note svg{width:18px;height:18px;color:#c4b5fd;flex:0 0 auto}.particle-note b{color:var(--txt)}.fab{position:absolute;bottom:14px;display:flex;align-items:center;gap:7px;padding:10px 16px;border:1px solid var(--line-2);border-radius:999px;background:var(--panel);color:var(--txt);font-size:11px;font-weight:700;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:35;transition:background .15s ease,transform .15s ease}.fab-left{left:14px}.fab-right{right:14px}.fab:hover{background:var(--panel-3)}.fab:active{transform:scale(.97)}.fab[hidden]{display:none}.fab svg{width:15px;height:15px}.dock{display:none}@media (max-width: 1180px){.topbar-stats{display:none}.hud-vol{width:80px}}@media (max-width: 900px){.topbar-center,.scale-cluster{display:none}.topbar-left{padding:6px 10px;gap:8px}.brand-text b{font-size:10px}.scene-name{max-width:110px}.hud-vol{width:64px}.hud-vol-val{display:none}.topbar-right{padding:4px 6px}.mobile-transport{display:flex;gap:2px}.topbar-right [data-act=export]{display:none}.side-panel{top:64px;bottom:0}.left-panel{left:0;width:min(88%,360px)}.left-panel .side-card{border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:16px}.main-panel{inset:auto 8px 0;width:auto;max-height:76vh;transform:translateY(0)}.main-panel .side-card{border-bottom-left-radius:0;border-bottom-right-radius:0}.main-panel[data-open=false]{transform:translateY(calc(100% + 20px))}.left-panel[data-open=false]{transform:translate(calc(-100% - 20px))}.sheet-grip{display:block;width:40px;height:4px;border-radius:2px;background:var(--line-2);margin:8px auto 0;flex:0 0 auto}.main-panel .side-head{padding-top:8px}.fab{display:none}.dock{display:flex;position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:6px;gap:4px;z-index:15;pointer-events:auto}.dock-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:0;border-radius:10px;background:transparent;color:var(--dim);font-size:9px;font-weight:700;cursor:pointer;transition:background .12s ease,color .12s ease}.dock-btn svg{width:18px;height:18px}.dock-btn:hover{background:var(--panel-3);color:var(--txt)}.dock-btn.is-on{color:#081018;background:linear-gradient(135deg,#7dd3fc,#a78bfa)}.dock-play{background:linear-gradient(135deg,#7dd3fc2e,#a78bfa2e);color:#dff6ff}.dock-play.is-on{background:linear-gradient(135deg,#7dd3fc,#a78bfa);color:#081018}.side-body{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.main-panel .side-body{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.tacts{opacity:1}.trow{min-height:38px}.tchev{width:24px;height:24px}.tchev-spacer{width:24px}.badge-sound{width:26px;height:26px}.btn,.chip,.sel,.text-input{height:36px}.mini{width:28px;height:28px}.ibtn{width:34px;height:34px}.tbtn{width:36px;height:36px}.panel-tabs button{padding:8px 3px}.preset-grid,.key-grid{grid-template-columns:1fr}}@media (max-width: 520px){.brand-text b{display:none}.scene-name{max-width:90px}.topbar-right .sep{display:none}.hud-vol{width:52px}.topbar-right{gap:2px}.grid2{grid-template-columns:1fr}.node-actions .btn span{display:none}.node-actions .btn{padding:0 6px}}@media (max-width: 380px){.scene-name{display:none}.hud-vol{width:40px}.trow [data-act=vis],.trow [data-act=solo]{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:9px;background:var(--panel-3);color:var(--txt);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .1s ease}.btn:hover{background:#ffffff1a;border-color:#ffffff38}.btn:active{transform:scale(.98)}.btn.is-on{border-color:#7dd3fc66;background:linear-gradient(135deg,#7dd3fc33,#a78bfa33);color:#dff6ff}.btn:disabled{opacity:.35;cursor:default}.btn svg{width:13px;height:13px;flex:0 0 auto}.btn-accent{border-color:transparent;background:linear-gradient(135deg,#7dd3fc,#a78bfa);color:#081018;box-shadow:0 4px 16px #7dd3fc33}.btn-accent:hover{filter:brightness(1.08);background:linear-gradient(135deg,#7dd3fc,#a78bfa);color:#081018}.btn-danger{border-color:#fb71854d;background:#fb71851a;color:#fda4af}.btn-danger:hover{background:#fb71852e;border-color:#fb718573}.ibtn{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--dim);cursor:pointer;transition:background .12s ease,color .12s ease}.ibtn:hover{background:var(--panel-3);color:var(--txt)}.ibtn.is-on{background:linear-gradient(135deg,#7dd3fc33,#a78bfa33);color:#dff6ff}.ibtn svg{width:15px;height:15px}.mini{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--dim);cursor:pointer;transition:background .12s ease,color .12s ease,opacity .12s ease}.mini:hover{background:var(--panel-3);color:var(--txt)}.mini.is-on{background:#7dd3fc29;color:#bae6fd}.mini.is-off{opacity:.45}.mini svg{width:12px;height:12px}.mini-danger:hover{background:#fb718524;color:#fda4af}.slider{display:flex;flex-direction:column;gap:3px;min-width:0}.slider-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.slider-label{font-size:10px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-val{display:inline-flex;align-items:baseline;gap:2px;flex:0 0 auto;white-space:nowrap}.num{width:52px;padding:0;border:0;background:transparent;color:var(--txt);font-family:var(--mono);font-size:10px;text-align:right;-moz-appearance:textfield;appearance:textfield}.num::-webkit-outer-spin-button,.num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num:focus{outline:1px solid var(--accent);background:#0000004d;border-radius:4px}.num-unit{font-family:var(--mono);font-size:9px;font-style:normal;color:var(--dim-2)}.numfield{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.numfield .cl-label{flex:0 0 auto}.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;background:#00000040;border:1px solid var(--line);border-radius:9px}.seg-2{grid-template-columns:repeat(2,1fr)}.seg-3{grid-template-columns:repeat(3,1fr)}.seg button{padding:6px 0;border:0;border-radius:6px;background:transparent;color:var(--dim);font-size:9.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,color .12s ease}.seg button:hover{color:var(--txt);background:var(--panel-3)}.seg button.is-on{background:linear-gradient(135deg,#7dd3fc,#a78bfa);color:#081018}.chip{flex:1 1 0;height:30px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;background:transparent;color:var(--dim);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{color:var(--txt);background:var(--panel-3)}.chip.is-on{border-color:#7dd3fc66;background:linear-gradient(135deg,#7dd3fc33,#a78bfa33);color:#dff6ff}.chip.grow{flex:1 1 auto}.badge{flex:0 0 auto;padding:2px 5px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:12px;background:var(--panel-3);color:var(--dim)}.badge-anchor{background:#7dd3fc24;color:#bae6fd}.badge-hidden{background:#fb718524;color:#fda4af}.badge-layer{background:#a78bfa24;color:#c4b5fd}.badge-hinge{background:#7dd3fc1a;color:#bae6fd}.badge-motor{background:#34d3991f;color:#6ee7b7}.badge-oscillator{background:#a78bfa1f;color:#c4b5fd}.badge-spring{background:#fbbf241f;color:#fcd34d}.badge-sound{border:0;background:var(--panel-3);color:var(--dim-2);cursor:pointer;display:grid;place-items:center;width:22px;height:22px;padding:0;border-radius:6px;transition:background .12s ease,color .12s ease}.badge-sound svg{width:12px;height:12px}.badge-sound.is-on{background:#34d39929;color:#6ee7b7}.swatch.lg{width:14px;height:14px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 12px currentColor}.disp-head{display:flex;align-items:center;gap:6px}.colorfield{display:flex;align-items:center;gap:6px;min-width:0;cursor:pointer}.colorfield .cl-label{flex:0 0 auto}.cf-val{flex:1 1 auto;min-width:0;font-family:var(--mono);font-size:9px;color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visrow{display:flex;gap:4px}.cl-label{flex:0 0 38px;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim-2)}.swatches{display:flex;align-items:center;gap:4px;flex:1 1 auto;flex-wrap:wrap}.sw{width:16px;height:16px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:5px;cursor:pointer;opacity:.7;transition:opacity .1s ease,transform .1s ease}.sw:hover{opacity:1;transform:scale(1.08)}.sw[data-on="1"]{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.colorpick{width:24px;height:24px;border-radius:7px;overflow:hidden;flex:0 0 auto;border:1px solid var(--line-2)}.colorpick::-webkit-color-swatch-wrapper{padding:0}.colorpick::-webkit-color-swatch{border:0;border-radius:6px}.keys{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:10px;color:var(--dim-2)}.keys span{display:inline-flex;align-items:center;gap:4px}.keys svg{width:13px;height:13px;color:var(--dim)}kbd{padding:2px 5px;border:1px solid var(--line-2);border-radius:5px;background:var(--panel-3);font-family:var(--mono);font-size:9px;color:var(--dim);line-height:12px}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.key-grid span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--dim)}.key-grid kbd{flex:0 0 auto}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 16px;text-align:center;color:var(--dim-2)}.empty-state svg{width:32px;height:32px;opacity:.5}.empty-state b{font-size:12px;color:var(--dim)}.empty-state span{font-size:10.5px;line-height:1.5;max-width:240px}