:root{--fg:#1f2328;--muted:#5d6570;--line:#d8dce0;--bg:#fff;--accent:#2d6cdf;--warn:#9a3412;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{grid-template-columns:1fr 360px;height:100%;display:grid}.stage{min-height:0;position:relative}.overlay-note{background:var(--bg);border:1px solid var(--line);color:var(--warn);border-radius:4px;padding:4px 10px;position:absolute;top:12px;left:12px}.space-label{border:1px solid var(--line);white-space:nowrap;pointer-events:none;background:#ffffffeb;border-radius:4px;padding:2px 8px;font-size:12px}.panel{border-left:1px solid var(--line);padding:16px 18px 24px;overflow-y:auto}.panel h1{margin:0;font-size:18px}.panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:12px}.panel section{border-top:1px solid var(--line);padding:14px 0}.sub,.note,footer{color:var(--muted);font-size:12px}.sub{margin:4px 0 14px}.warn{color:var(--warn);font-size:13px}button,select{font:inherit;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#f6f7f8;border-radius:4px;padding:4px 10px}button:disabled{cursor:default;opacity:.6}.segmented{flex-wrap:wrap;display:flex}.segmented button{border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:4px 0 0 4px;margin-left:0}.segmented button:last-child{border-radius:0 4px 4px 0}.segmented button.on{background:var(--accent);border-color:var(--accent);color:#fff}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.readout{grid-template-columns:100px 1fr;gap:4px 8px;margin:0;display:grid}.readout dt{color:var(--muted)}.readout dd{margin:0}.tag{color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:11px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:3px 4px}th{color:var(--muted);font-weight:400}tr.current td{font-weight:600}code{font-size:11px}.legend{grid-template-columns:1fr 1fr;gap:4px 8px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.legend li.wide{grid-column:1/-1}.dot,.ring,.swatch,.bar{vertical-align:middle;margin-right:4px;display:inline-block}.dot{border-radius:50%;width:10px;height:10px}.ring{border:3px solid #333;border-radius:50%;width:12px;height:12px}.swatch{border:1px solid #9aa0a6;width:14px;height:10px}.bar{width:14px;height:3px}footer p{margin:6px 0}a{color:var(--accent)}@media (width<=800px){.app{grid-template-rows:55vh auto;grid-template-columns:1fr;height:auto}.panel{border-left:none;border-top:1px solid var(--line);overflow:visible}}