:root{--pink:#e59eda;--bg:#16131a;--panel:#211c26;--panel2:#2a2430;--line:#3a3342;--fg:#f2eef5;--muted:#a99fb4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.5 Noto Sans JP,Source Han Sans SC,system-ui,-apple-system,Segoe UI,sans-serif}.app{grid-template-columns:320px 1fr;height:100%;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.side header{border-bottom:1px solid var(--line);padding:14px 16px}.side h1{letter-spacing:.4px;margin:0 0 2px;font-size:15px}.side h1 span{color:var(--pink)}.side .sub{color:var(--muted);font-size:12px}.side .scroll{padding:12px 16px 20px;overflow-y:auto}.group{margin-bottom:18px}.group h2{text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.row:hover{background:var(--panel2)}.row.on{background:#33283a}.row input{accent-color:var(--pink)}.row .lbl{flex:1;font-size:13px}.row .kind{color:var(--muted);font-size:11px}.viewport{position:relative}.viewport>div:last-child{z-index:0}canvas{display:block}.hud{z-index:10;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px}.hud button,.hud .chip{border:1px solid var(--line);color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#241f2bcc;border-radius:999px;padding:6px 10px;font-size:12px}.hud button:hover{border-color:var(--pink)}.status{z-index:10;color:var(--muted);border:1px solid var(--line);background:#241f2bcc;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;top:12px;right:12px}.transport{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#241f2be6;border-radius:12px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.transport button{background:var(--panel2);border:1px solid var(--line);color:var(--fg);cursor:pointer;border-radius:8px;width:34px;height:30px;font-size:13px}.transport button:hover{border-color:var(--pink)}.transport .frame{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;min-width:96px;font-size:12px}.transport .placeholder{color:var(--muted);font-size:12px}select{background:var(--panel2);width:100%;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-size:13px}.empty{color:var(--muted);font-size:12px;line-height:1.7}.badge{color:var(--pink);background:#33283a;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}