:root{--bg: #0a0a0b;--panel: #121214;--panel2: #18181b;--line: #26262b;--text: #ececf0;--muted: #8a8a94;--accent: #ff5a1f;--accent2: #3a4bff;--r: 8px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:13px/1.4 Space Grotesk,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--muted)}.top{height:52px;display:flex;align-items:center;gap:16px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:baseline;gap:6px;font-size:18px;letter-spacing:-.02em;white-space:nowrap}.brand b{background:linear-gradient(90deg,#2b2bff,#ff1f5a 50%,#ffb000);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.brand span{font-family:Space Mono,monospace;font-size:11px;color:var(--muted);text-transform:uppercase}.tools{display:flex;align-items:center;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.tools button{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:6px 10px;white-space:nowrap}.tools button:hover{border-color:#3a3a42;background:#1f1f24}.tools .div{width:1px;height:22px;background:var(--line);margin:0 4px;flex:none}button.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#000;font-weight:700}button.ghost{background:transparent!important}#btn-rec.rec{background:#c3122b;border-color:#c3122b;animation:blink 1s infinite}@keyframes blink{50%{opacity:.6}}.badge{font-family:Space Mono,monospace;font-size:11px;color:var(--muted);padding:3px 8px;border:1px dashed var(--line);border-radius:99px;white-space:nowrap;margin-left:auto}.badge.on{color:#9df0c0;border-color:#2e6b4a;border-style:solid}.layout{display:grid;grid-template-columns:280px 1fr 340px;height:calc(100% - 52px)}aside{background:var(--panel);display:flex;flex-direction:column;min-height:0}aside.left{border-right:1px solid var(--line)}aside.right{border-left:1px solid var(--line)}.scroll{overflow-y:auto;padding:12px;flex:1;min-height:0}.tabs,.sidetabs{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs button,.sidetabs button{flex:1;background:none;border:0;padding:10px 4px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.on,.sidetabs button.on{color:var(--text);border-bottom-color:var(--accent)}#stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#16161a,#0a0a0b 70%)}#stagebox{position:relative;box-shadow:0 30px 80px -20px #000,0 0 0 1px #ffffff10;touch-action:none}#stagebox canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ov{pointer-events:none}.stagehint{position:absolute;bottom:8px;left:0;right:0;text-align:center;margin:0;font:10px Space Mono,monospace;color:#55555e;text-transform:uppercase;letter-spacing:.08em}.err{padding:20px;color:#ff8080}.group{border:1px solid var(--line);border-radius:var(--r);padding:10px;margin-bottom:10px;background:var(--panel2)}.group h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c8c8d0}.group h4 small{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}.hint{color:var(--muted);font-size:11px;margin:0 0 8px;display:block}.field{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:4px 8px;margin:6px 0}.field .hint{grid-column:2;margin:-2px 0 2px}.field.inline{display:flex;gap:8px}.field .lab{color:#b4b4bd;font-size:12px}.ctl{display:flex;align-items:center;gap:6px;min-width:0}.ctl.col{flex-direction:column;align-items:stretch}.ctl input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}input.num{width:58px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:3px 5px;font-family:Space Mono,monospace;font-size:11px}input.hex{width:84px;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:3px 5px;font-family:Space Mono,monospace;font-size:11px}input[type=color]{width:34px;height:26px;padding:0;border:1px solid var(--line);border-radius:5px;background:none}select,.field input[type=text],.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 7px}.field textarea{resize:vertical;min-height:34px}input.gray{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:99px;background:var(--ramp);border:1px solid #ffffff22}input.gray::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #000}input.gray::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #000}.sep{margin:14px 0 6px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.sep:first-child{margin-top:0;padding-top:0;border:0}.imgprev{max-width:100%;max-height:90px;object-fit:contain;border-radius:4px}.chip{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:12px;text-decoration:none;color:var(--text);display:inline-flex;align-items:center;gap:4px}.chip:hover{border-color:var(--accent)}.chip.wide{width:100%;justify-content:center;margin-bottom:10px;padding:7px}.row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.addbar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.addbar .chip{font-size:11px;padding:3px 8px}.layer{display:flex;align-items:center;gap:6px;padding:6px;border-radius:6px;border:1px solid transparent;cursor:pointer}.layer:hover{background:#ffffff08}.layer.sel{border-color:var(--accent);background:#ff5a1f12}.layer.off{opacity:.45}.layer .ico{width:18px;text-align:center;color:var(--muted)}.layer .sw{width:12px;height:12px;border-radius:3px;border:1px solid #ffffff40;flex:none}.layer .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer .acts{display:flex;gap:1px;opacity:.55}.layer:hover .acts,.layer.sel .acts{opacity:1}.mini{background:none;border:1px solid transparent;border-radius:4px;padding:1px 5px;font-size:11px;color:#c8c8d0}.mini:hover{border-color:var(--line);background:var(--bg)}.rampeditor{margin-bottom:8px}.rampbar{position:relative;height:34px;border-radius:6px;border:1px solid #ffffff22;cursor:copy;margin:6px 6px 14px}.stop{position:absolute;top:100%;width:14px;height:14px;margin:3px 0 0 -7px;border:2px solid #fff;border-radius:3px;cursor:ew-resize;box-shadow:0 0 0 1px #000;touch-action:none}.stop:before{content:"";position:absolute;left:50%;bottom:100%;height:37px;border-left:1px dashed #ffffff88}.stop.sel{border-color:var(--accent);transform:scale(1.2)}.stopdetail{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.stopdetail .lab{color:var(--muted);font-size:11px}.rampbtns{display:flex;flex-wrap:wrap;gap:4px}.ramps{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ramp{height:30px;border-radius:6px;border:1px solid #ffffff22;position:relative;padding:0}.ramp span{position:absolute;left:4px;bottom:2px;font:9px Space Mono,monospace;color:#fff;mix-blend-mode:difference}.ramp:hover{outline:2px solid var(--accent)}textarea.code{width:100%;min-height:300px;background:var(--bg);border:1px solid var(--line);border-radius:6px;font:11px/1.45 Space Mono,monospace;padding:8px;color:#cfe;resize:vertical}textarea.code.small{min-height:110px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:none;border:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:5px;color:var(--text)}.card>span{font-size:12px}.thumb{width:100%;border-radius:6px;background:#000 center/cover no-repeat;border:1px solid var(--line);cursor:pointer;transition:transform .15s}.card:hover .thumb{transform:translateY(-2px);border-color:#ffffff40}.citem{grid-column:span 2;display:grid;grid-template-columns:90px 1fr;gap:4px 8px;padding:8px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel2)}.citem.sel{border-color:var(--accent)}.citem .thumb{grid-row:span 4}.citem input,.citem textarea{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font-size:12px;width:100%}.citem .cname{font-weight:700}.citem .ctags,.citem .cnotes{font-size:11px}.citem .row{margin-top:0}.colbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.empty{border:1px dashed var(--line);border-radius:var(--r);padding:16px;color:var(--muted);text-align:center}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#fff;color:#000;padding:8px 14px;border-radius:99px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;max-width:520px;padding:22px 24px}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{margin-top:0}dialog li{margin-bottom:6px}@media(max-width:1100px){.layout{grid-template-columns:220px 1fr 300px}}@media(max-width:820px){html,body{height:auto}.layout{grid-template-columns:1fr;height:auto}#stage{height:70vh;order:-1}aside.left,aside.right{border:0;border-top:1px solid var(--line);max-height:none}.scroll{max-height:70vh}}