:root{--bg: #ffffff;--text: #1c2030;--muted: #6b7180;--line: #e3e5ea;--land: #e9eaef;--border: #ffffff;--ink: #3a3f4c;--cold: #c3c7d0;--accent: #0f8a7a;--shadow: 0 6px 22px rgba(20, 24, 40, .1)}:root[data-theme=dark]{--bg: #15171c;--text: #e8eaef;--muted: #8d93a1;--line: #2a2e37;--land: #262a33;--border: #15171c;--ink: #d9dce3;--cold: #4a505d;--accent: #2fc4ad;--shadow: 0 6px 22px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:transparent}body{font:13px/1.3 var(--sans);color:var(--text)}#app{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden}#app.flat{border-radius:0;border:0}.bar{flex:none;display:flex;align-items:center;gap:8px;padding:8px 10px 4px 12px;min-width:0}.ttl{font-weight:700;letter-spacing:.04em;font-size:12px}.measure{min-width:0;flex:0 1 auto}.measure select{max-width:100%;min-width:0;font:12.5px var(--sans);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:4px 26px 4px 9px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%236b7180' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:12px;text-overflow:ellipsis}.boost{display:flex;gap:3px;margin-left:auto}.boost button{font:600 10px/1 var(--mono);color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:3px 6px;cursor:pointer}.boost button:hover{color:var(--text);border-color:var(--muted)}.boost button.on{color:#fff;background:var(--accent);border-color:var(--accent)}.icon{flex:none;width:22px;height:22px;padding:3px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:5px}.icon:hover{color:var(--text);background:var(--line)}.icon.on{color:#fff;background:var(--accent)}.bar{cursor:default;user-select:none}.icon svg{width:16px;height:16px;display:block}#app.compact .gear,#app.compact .ttl{display:none}#app.compact .measure select{max-width:120px}#app.compact .bar{gap:5px;padding-left:9px}#app.tiny .measure,#app.tiny #expand{display:none}.stage{position:relative;flex:1 1 auto;min-height:0}#app.min .stage,#app.min .foot{display:none}canvas,.overlay{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay{cursor:crosshair;touch-action:none}.overlay.panning{cursor:grabbing}#hit path{fill:transparent;stroke:none;pointer-events:all}.sel{fill:var(--accent);fill-opacity:.1;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.hover{fill:none;stroke:var(--ink);stroke-width:1.6;vector-effect:non-scaling-stroke;pointer-events:none}.box,.ring{fill:var(--accent);fill-opacity:.08;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 3;pointer-events:none}.spoke{stroke:var(--accent);stroke-width:1.2;pointer-events:none}.readout,.tip{position:absolute;pointer-events:none;z-index:3;font:600 11px/1.25 var(--sans);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:4px 7px;box-shadow:var(--shadow);white-space:nowrap}.tip b{font-weight:700}.tip span{color:var(--muted);font-weight:500}.foot{flex:none;display:flex;align-items:center;gap:9px;padding:4px 12px 9px;min-width:0}.ramp{flex:none;width:82px;height:9px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 18%,var(--cold)),var(--accent) 70%,color-mix(in srgb,var(--accent) 70%,#000))}.hint{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chip{margin-left:auto;flex:none;font:600 11px var(--sans);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--bg));border-radius:999px;padding:3px 9px;cursor:pointer;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:hover{background:color-mix(in srgb,var(--accent) 18%,var(--bg))}#app.compact .ramp{display:none}.toast{position:absolute;left:50%;bottom:38px;transform:translate(-50%);z-index:5;font:500 11.5px var(--sans);color:#fff;background:#141822e0;padding:5px 10px;border-radius:8px;max-width:calc(100% - 24px);text-align:center}.demo{position:absolute;right:10px;bottom:9px;z-index:4;font:600 9px var(--mono);letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 5px;background:var(--bg)}#clear:not([hidden])~.demo,#app:has(#clear:not([hidden])) .demo{bottom:34px}.empty{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:14px}.empty[hidden]{display:none}.empty-card{max-width:380px;text-align:center}.empty-card b{display:block;font-size:15px;margin-bottom:6px}.empty-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}