:root{--bg: #0a0d14;--side-bg: #0d1119;--panel: rgba(18, 22, 32, .86);--line: #2a3244;--text: #dfe5f0;--muted: #8b96ab;--accent: #4ea3ff;--warn: #ff8a6b;--v-color: #cfd6e4;--i-color: #4ea3ff;--phi-color: #ffab4d;--pos: #ff6a3d;--neg: #3da8ff;--side-w: clamp(380px, 33vw, 520px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:13px}body{display:grid;grid-template-columns:minmax(0,1fr) var(--side-w)}#stage{position:relative;min-width:0;overflow:hidden}#view{display:block;width:100%;height:100%}#topbar{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);padding:7px 12px 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(6px)}#topbar h1{margin:0 0 5px;font-size:13px;font-weight:600;letter-spacing:.02em}#readouts{display:grid;grid-template-columns:repeat(4,minmax(88px,auto));gap:3px 16px}#readouts .ro{display:flex;flex-direction:column;min-width:0}#readouts .k{font-size:10px;color:var(--muted);white-space:nowrap}#readouts .v{font-size:12.5px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}#hud{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}#legend{width:210px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:10px}#legend .bar{height:9px;border-radius:3px;background:linear-gradient(to right,#0d1a5a,#1a8cd8,#27cc8d,#f2cc3f,#f24033)}#legend .labels{display:flex;justify-content:space-between;margin-top:3px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}#legend .cap{margin-top:2px;font-size:10px;color:var(--muted);text-align:center}#stats{padding:6px 10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;line-height:1.6;white-space:pre}#side{display:flex;flex-direction:column;min-height:0;gap:4px;padding:8px 12px 10px;background:var(--side-bg);border-left:1px solid var(--line)}#circuit{flex:0 1 auto;width:100%;height:auto;max-height:28vh;min-height:140px;overflow:visible}#circuit .wire{stroke:var(--text)}#circuit .head{fill:var(--text);stroke:var(--text)}#circuit text{fill:var(--text)}#circuit .dir-line{stroke:var(--muted);stroke-width:2}#circuit .dir-head{fill:var(--muted);stroke:var(--muted)}#phasor-head{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}#phasor-head .hint{font-weight:400;letter-spacing:0;font-size:10px}#phasor{flex:0 1 auto;width:100%;height:auto;max-height:20vh;min-height:96px;overflow:visible}#phasor .unit-circle{fill:none;stroke:#3a4459;stroke-width:1;transition:stroke .5s ease-out,stroke-width .5s ease-out}#phasor .axis{stroke:#232c3c;stroke-width:1}#phasor .name{fill:var(--text)}#phasor .amp,#phasor .ang{fill:var(--muted);font-variant-numeric:tabular-nums}#phasor .ref{fill:#6f7b90}#phasor .spin{stroke-dasharray:3 3;opacity:.55}.ref-flash{animation:ref-flash-kf .7s ease-out}@keyframes ref-flash-kf{0%{fill:#ffc247;font-weight:700}to{fill:#6f7b90;font-weight:400}}.circle-flash{animation:circle-flash-kf .7s ease-out}@keyframes circle-flash-kf{0%{stroke:#ffc247;stroke-width:2.5}to{stroke:#3a4459;stroke-width:1}}#warning{flex:none;font-size:11px;color:var(--warn);line-height:1.4}#controls{flex:1 1 auto;min-height:180px;overflow-y:auto;padding-right:4px}#controls::-webkit-scrollbar{width:8px}#controls::-webkit-scrollbar-thumb{background:#253048;border-radius:4px}.group{border-top:1px solid var(--line)}.group>summary{list-style:none;cursor:pointer;padding:3px 2px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;user-select:none;display:flex;align-items:center;gap:6px}.group>summary::-webkit-details-marker{display:none}.group>summary:before{content:"▸";font-size:9px;transition:transform .15s}.group[open]>summary:before{transform:rotate(90deg)}.group>summary:hover{color:var(--text)}.group-body{padding:0 2px 3px}.row{display:grid;grid-template-columns:72px 1fr 74px;align-items:center;gap:6px;min-height:20px}.row .name{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .value{font-size:11px;color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row.wide{grid-template-columns:72px 1fr}input[type=range]{width:100%;height:16px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#2b3448}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:var(--accent);border:none}input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:#2b3448}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--accent)}select{width:100%;padding:2px 4px;border-radius:5px;border:1px solid var(--line);background:#151a26;color:var(--text);font:inherit;font-size:11.5px}.row.check{display:flex;align-items:center;gap:7px;min-height:20px}.row.check input{accent-color:var(--accent);width:13px;height:13px;margin:0}.row.check label{font-size:11.5px;cursor:pointer}button.action{width:100%;padding:4px;margin-top:4px;border-radius:6px;border:1px solid var(--line);background:#1b2231;color:var(--text);font:inherit;font-size:11.5px;cursor:pointer}button.action:hover:not(:disabled){border-color:var(--accent);color:#fff}button.action:disabled{opacity:.4;cursor:default}.note{color:var(--muted);font-size:10.5px;line-height:1.45;margin-top:4px;white-space:pre-line}@media(max-height:640px){#readouts{grid-template-columns:repeat(8,minmax(80px,auto));gap:2px 12px}#topbar h1{display:none}}