:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0e1222e0;--line:#2a3150;--accent:#f5a742;--muted:#aab2c8}html,body{color:#e6e9f0;background:#0b1020;height:100%;margin:0;font:13px/1.4 system-ui,-apple-system,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas{width:100%;height:100%;display:block}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:12px 14px}.controls{width:280px;position:fixed;top:12px;left:12px}.controls h1{letter-spacing:.02em;margin:0 0 8px;font-size:14px}.row{grid-template-columns:1fr auto;align-items:center;gap:8px;margin:6px 0;display:grid}.row label{color:var(--muted)}.row output{font-variant-numeric:tabular-nums;text-align:right;min-width:64px}input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;margin:0 0 4px}select{color:#e6e9f0;background:#1d2540;border:1px solid #364069;border-radius:6px;max-width:190px;padding:4px 6px}.toggles{flex-wrap:wrap;gap:6px 12px;margin:8px 0;display:flex}.toggles label{color:#cfd6e8;cursor:pointer}.buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{color:#e6e9f0;cursor:pointer;background:#1d2540;border:1px solid #364069;border-radius:6px;padding:5px 10px}button:hover{background:#26305a}button.on{border-color:var(--accent);color:var(--accent)}.muted{color:var(--muted)}.right{flex-direction:column;gap:10px;width:320px;display:flex;position:fixed;top:12px;bottom:12px;right:12px}.info h2{margin:0 0 6px;font-size:14px}.info table{border-collapse:collapse;width:100%}.info td{color:var(--muted);padding:2px 0}.info td:last-child{text-align:right;color:#e6e9f0;font-variant-numeric:tabular-nums}.chain{border-top:1px solid var(--line);color:#cfd6e8;margin-top:8px;padding-top:8px}.chain div{cursor:pointer;padding:1px 0}.chain div:hover{color:var(--accent)}.listPanel{flex-direction:column;flex:1;min-height:0;padding:10px 0 0;display:flex}.listPanel h2{color:var(--muted);margin:0 14px 8px;font-size:13px;font-weight:500}.list{flex:1;min-height:0;overflow-y:auto}.list>div{cursor:pointer;font-variant-numeric:tabular-nums;border-top:1px solid #2a315080;grid-template-columns:34px 1fr 62px 58px;gap:6px;padding:4px 14px;display:grid}.list>div:hover{background:#f5a7421f}.list>div.sel{background:#f5a74240}.list .rk{color:var(--muted)}.list .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list .nm.unnamed{color:#7f89a8;font-style:italic}.list .num{text-align:right;color:#cfd6e8}.labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.lbl{color:#f3f5fa;white-space:nowrap;pointer-events:none;will-change:transform;background:#080b16b8;border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.lbl:after{content:"";background:#f3f5fa99;width:1px;height:8px;position:absolute;top:100%;left:50%}.lbl.sel{background:var(--accent);color:#1a1200;font-weight:600}.status{color:#7f89a8;font-size:12px;position:fixed;bottom:10px;left:12px}.overlay{color:var(--muted);z-index:10;background:#0b1020;place-items:center;font-size:16px;display:grid;position:fixed;inset:0}.overlay .err{color:#ffb4a8;max-width:480px}