:root{--bg: #0b0d12;--bg2: #12151d;--panel: #171b25;--panel2: #1d2230;--line: #2a3142;--text: #e6eaf2;--dim: #8b93a7;--dim2: #5d6478;--accent: #4ee0a0;--accent2: #5aa8ff;--auto: #c06bff;--warn: #ffb454;--danger: #ff5f6d;--basic: #5aa8ff;--voice: #4ee0a0;--fx: #ff8ac4;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer;transition:.12s}button:hover:not(:disabled){background:#262c3d;border-color:#3a4356}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#05231a;border-color:transparent;font-weight:700}button.primary:hover:not(:disabled){background:#63ecb0}button.danger{background:var(--danger);color:#2b0409;border-color:transparent;font-weight:700}button.ghost{background:transparent}button.on{background:var(--accent2);color:#041324;border-color:transparent;font-weight:700}select,input[type=text],input[type=number]{font:inherit;color:inherit;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:5px 8px}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(180deg,#151924,#10131b);border-bottom:1px solid var(--line);flex-wrap:wrap}.logo{font-weight:800;letter-spacing:.14em;font-size:15px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--auto));-webkit-background-clip:text;background-clip:text;color:transparent}.spacer{flex:1}.stats{display:flex;gap:14px;flex:none}.stat{display:flex;flex-direction:column;gap:1px;min-width:74px}.stat .k{font-size:10px;color:var(--dim2);letter-spacing:.06em}.stat .v{font-variant-numeric:tabular-nums;font-weight:600}.stat .v.good{color:var(--accent)}.stat .v.warn{color:var(--warn)}.main{display:grid;grid-template-columns:320px 1fr;overflow:hidden}@media (max-width: 1000px){.main{grid-template-columns:1fr;overflow:auto}}.side{border-right:1px solid var(--line);overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:16px;background:var(--bg2)}.content{overflow-y:auto;padding:14px 16px 60px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.panel h3{margin:0 0 10px;font-size:11px;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;font-weight:700}.hint{color:var(--dim2);font-size:11px;line-height:1.6}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.scene-btn{text-align:left;padding:7px 8px;font-size:12px;line-height:1.3}.scene-btn.active{background:linear-gradient(135deg,var(--auto),#8a4fd6);border-color:transparent;color:#fff;font-weight:700}.scene-desc{margin-top:8px;font-size:11px;color:var(--dim);line-height:1.6;min-height:3.2em}.meterbar{height:6px;border-radius:3px;background:#0a0c11;overflow:hidden;border:1px solid #232a39}.meterbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--auto));transition:width .06s linear}.meterbar.level>i{background:linear-gradient(90deg,var(--accent),var(--warn) 78%,var(--danger))}.row{display:flex;align-items:center;gap:8px}.row+.row{margin-top:8px}.row .lbl{width:78px;color:var(--dim);font-size:11px;flex:none}.row .val{width:52px;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;color:var(--dim);flex:none}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#262d3d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:var(--text);border:none}input[type=range]:disabled::-webkit-slider-thumb{background:var(--dim2)}input[type=range].auto::-webkit-slider-thumb{background:var(--auto)}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;font-size:11px}.readout div span{color:var(--dim2);display:block;font-size:10px}.readout div b{font-variant-numeric:tabular-nums;font-weight:600}.chain-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.filters{display:flex;gap:4px}.filters button{padding:4px 10px;font-size:11px}.filters button.active{background:var(--panel2);border-color:#4a556e;color:var(--text);font-weight:700}.slot{border:1px solid var(--line);border-radius:9px;background:var(--panel);margin-bottom:8px;overflow:hidden}.slot.enabled{border-color:#39435c;background:var(--panel2)}.slot-head{display:flex;align-items:center;gap:10px;padding:8px 10px}.cat-dot{width:8px;height:8px;border-radius:50%;flex:none}.cat-basic{background:var(--basic)}.cat-voice{background:var(--voice)}.cat-fx{background:var(--fx)}.slot-name{font-weight:700;font-size:13px}.slot-en{color:var(--dim2);font-size:10.5px;letter-spacing:.05em}.badge{font-size:9.5px;padding:1.5px 6px;border-radius:999px;border:1px solid var(--line);color:var(--dim);letter-spacing:.05em}.badge.lat{color:var(--warn);border-color:#55411f}.badge.auto{color:#fff;background:var(--auto);border-color:transparent;font-weight:700}.pw{width:100px;flex:none}.slot-body{padding:4px 12px 12px;border-top:1px dashed var(--line);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 20px}.slot-desc{grid-column:1/-1;color:var(--dim2);font-size:11px;padding:8px 0 4px;line-height:1.5}.ord{display:flex;flex-direction:column;gap:1px}.ord button{padding:0 5px;font-size:9px;line-height:12px;border-radius:3px}.curve{width:100%;height:90px;background:#0a0c11;border:1px solid #232a39;border-radius:6px}.notes{margin:8px 0 0;padding-left:16px;font-size:11px;color:var(--dim);line-height:1.7}.drop{border:1.5px dashed var(--line);border-radius:8px;padding:14px;text-align:center;color:var(--dim2);font-size:11.5px;cursor:pointer}.drop:hover{border-color:var(--accent2);color:var(--dim)}.drop.has{border-style:solid;color:var(--text)}.tag{display:inline-block;padding:2px 7px;border-radius:4px;background:var(--bg2);border:1px solid var(--line);font-size:10.5px;color:var(--dim);margin:2px 4px 2px 0;font-variant-numeric:tabular-nums}.err{color:var(--danger);font-size:11.5px;line-height:1.6}.progress{height:4px;border-radius:2px;background:#0a0c11;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent2);animation:indet 1.1s ease-in-out infinite;width:40%}@keyframes indet{0%{margin-left:-40%}to{margin-left:100%}}