@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--color-paper-0: oklch(96% .004 220);--color-paper-1: oklch(99% .002 220);--color-paper-2: oklch(97% .004 220);--color-paper-3: oklch(94% .006 220);--color-paper-glass: oklch(99% .002 220 / .88);--color-ink-0: oklch(26% .02 220);--color-ink-1: oklch(40% .02 220);--color-ink-2: oklch(54% .018 220);--color-ink-3: oklch(68% .014 220);--color-line: oklch(89% .006 220);--color-line-soft: oklch(93% .005 220);--color-line-strong: oklch(80% .008 220);--color-accent: oklch(60% .1 215);--color-accent-hi: oklch(66% .11 215);--color-accent-dim: oklch(48% .09 215);--color-accent-ink: oklch(99% .01 215);--color-accent-ghost: oklch(60% .1 215 / .14);--color-ok: oklch(66% .15 155);--color-ok-ghost: oklch(66% .15 155 / .14);--color-warn: oklch(74% .15 78);--color-warn-ghost: oklch(74% .15 78 / .16);--color-danger: oklch(62% .19 22);--color-danger-ghost: oklch(62% .19 22 / .14);--color-danger-ghost-hover: oklch(62% .19 22 / .22);--color-info: oklch(64% .12 230);--color-focus: oklch(60% .1 215);--color-part-pipe: #e4527a;--color-part-pipe-dim: #c43862;--color-part-valve: #ffc94d;--color-part-valve-dim: #dd9f00;--color-part-pump: #7c6fe0;--color-part-pump-dim: #5b4fc4;--color-part-source: #37b679;--color-part-source-dim: #25904f;--color-part-sink: #4ea8de;--color-part-sink-dim: #2e82b5;--color-cavitation: #8b2fc9;--font-display: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--text-xs: 10.5px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 19px;--text-2xl: 24px;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--dim-topbar-h: 56px;--dim-statusbar-h: 26px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px oklch(20% .02 220 / .08);--shadow-md: 0 4px 14px oklch(20% .02 220 / .1);--shadow-lg: 0 8px 24px oklch(20% .02 220 / .14);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-mid: .2s;--dur-slow: .32s}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-paper-0: oklch(19% .008 220);--color-paper-1: oklch(23% .009 220);--color-paper-2: oklch(27% .01 220);--color-paper-3: oklch(32% .012 220);--color-paper-glass: oklch(23% .009 220 / .88);--color-ink-0: oklch(95% .008 210);--color-ink-1: oklch(80% .012 210);--color-ink-2: oklch(64% .014 210);--color-ink-3: oklch(48% .014 210);--color-line: oklch(33% .01 220);--color-line-soft: oklch(28% .009 220);--color-line-strong: oklch(41% .012 220);--color-accent: oklch(68% .12 215);--color-accent-hi: oklch(74% .12 215);--color-accent-dim: oklch(52% .1 215);--color-accent-ink: oklch(14% .02 215);--color-accent-ghost: oklch(68% .12 215 / .18);--color-ok: oklch(72% .15 155);--color-ok-ghost: oklch(72% .15 155 / .18);--color-warn: oklch(78% .15 78);--color-warn-ghost: oklch(78% .15 78 / .2);--color-danger: oklch(68% .19 22);--color-danger-ghost: oklch(68% .19 22 / .18);--color-danger-ghost-hover: oklch(68% .19 22 / .26);--color-info: oklch(72% .12 230);--color-focus: oklch(68% .12 215);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3);--shadow-md: 0 4px 14px oklch(0% 0 0 / .34);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .42)}}:root[data-theme=dark]{color-scheme:dark;--color-paper-0: oklch(19% .008 220);--color-paper-1: oklch(23% .009 220);--color-paper-2: oklch(27% .01 220);--color-paper-3: oklch(32% .012 220);--color-paper-glass: oklch(23% .009 220 / .88);--color-ink-0: oklch(95% .008 210);--color-ink-1: oklch(80% .012 210);--color-ink-2: oklch(64% .014 210);--color-ink-3: oklch(48% .014 210);--color-line: oklch(33% .01 220);--color-line-soft: oklch(28% .009 220);--color-line-strong: oklch(41% .012 220);--color-accent: oklch(68% .12 215);--color-accent-hi: oklch(74% .12 215);--color-accent-dim: oklch(52% .1 215);--color-accent-ink: oklch(14% .02 215);--color-accent-ghost: oklch(68% .12 215 / .18);--color-ok: oklch(72% .15 155);--color-ok-ghost: oklch(72% .15 155 / .18);--color-warn: oklch(78% .15 78);--color-warn-ghost: oklch(78% .15 78 / .2);--color-danger: oklch(68% .19 22);--color-danger-ghost: oklch(68% .19 22 / .18);--color-danger-ghost-hover: oklch(68% .19 22 / .26);--color-info: oklch(72% .12 230);--color-focus: oklch(68% .12 215);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3);--shadow-md: 0 4px 14px oklch(0% 0 0 / .34);--shadow-lg: 0 8px 24px oklch(0% 0 0 / .42)}:root[data-theme=light]{color-scheme:light;--color-paper-0: oklch(96% .004 220);--color-paper-1: oklch(99% .002 220);--color-paper-2: oklch(97% .004 220);--color-paper-3: oklch(94% .006 220);--color-paper-glass: oklch(99% .002 220 / .88);--color-ink-0: oklch(26% .02 220);--color-ink-1: oklch(40% .02 220);--color-ink-2: oklch(54% .018 220);--color-ink-3: oklch(68% .014 220);--color-line: oklch(89% .006 220);--color-line-soft: oklch(93% .005 220);--color-line-strong: oklch(80% .008 220);--color-accent: oklch(60% .1 215);--color-accent-hi: oklch(66% .11 215);--color-accent-dim: oklch(48% .09 215);--color-accent-ink: oklch(99% .01 215);--color-accent-ghost: oklch(60% .1 215 / .14);--color-ok: oklch(66% .15 155);--color-ok-ghost: oklch(66% .15 155 / .14);--color-warn: oklch(74% .15 78);--color-warn-ghost: oklch(74% .15 78 / .16);--color-danger: oklch(62% .19 22);--color-danger-ghost: oklch(62% .19 22 / .14);--color-danger-ghost-hover: oklch(62% .19 22 / .22);--color-info: oklch(64% .12 230);--color-focus: oklch(60% .1 215);--shadow-sm: 0 1px 2px oklch(20% .02 220 / .08);--shadow-md: 0 4px 14px oklch(20% .02 220 / .1);--shadow-lg: 0 8px 24px oklch(20% .02 220 / .14)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:clip}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-0);background:var(--color-paper-0);-webkit-font-smoothing:antialiased}.app{position:relative;height:100vh;width:100vw;overflow:clip;background:var(--color-paper-0)}.app>.canvas-layer{position:absolute;inset:0 0 var(--dim-statusbar-h) 0}.grid-viewport{position:absolute;top:0;right:0;bottom:0;left:0}.grid-viewport canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.fluid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;height:var(--dim-topbar-h);display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg);background:var(--color-paper-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-line);z-index:40}.brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:750;font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-ink-0);white-space:nowrap}.brand .mark{width:24px;height:24px;border-radius:var(--radius-sm);background:radial-gradient(circle at 30% 25%,var(--color-accent-hi),var(--color-accent-dim));box-shadow:inset 0 0 0 1px #ffffff4d,0 0 12px var(--color-accent-ghost)}.brand small{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-ink-2);letter-spacing:.02em;padding:2px 7px;border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-paper-2)}.topbar-spacer{flex:1}.topbar-right{display:flex;align-items:center;gap:var(--space-sm);overflow-x:auto;max-width:100%}.topbar-right button{white-space:nowrap;flex:none}.diag-badges{display:flex;gap:6px;cursor:pointer}.diag-dropdown-wrap,.preset-dropdown-wrap{position:relative}.diag-dropdown,.preset-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:320px;overflow-y:auto;padding:var(--space-sm);background:var(--color-paper-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;animation:panel-in var(--dur-fast) var(--ease-out)}.preset-dropdown{left:0;right:auto;width:240px}.diag-item{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.4;cursor:pointer}.diag-item:hover{background:var(--color-paper-3)}.diag-item .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none}.diag-item.error .dot{background:var(--color-danger)}.diag-item.warning .dot{background:var(--color-warn)}.preset-dropdown button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:none;background:transparent;padding:8px 9px}.preset-dropdown button:hover{background:var(--color-paper-3)}.preset-dropdown button span{font-size:var(--text-xs);color:var(--color-ink-2);font-weight:400}.zoom-controls{display:flex;align-items:center;gap:6px;background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-pill);padding:3px}.zoom-controls button{width:26px;height:26px;padding:0;border-radius:var(--radius-pill);border:none;background:transparent}.zoom-controls span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);min-width:38px;text-align:center}.panel{width:100%;overflow-y:auto;padding:var(--space-lg);background:var(--color-paper-1);border:1px solid var(--color-line);border-radius:var(--radius-lg);color:var(--color-ink-0);font-size:var(--text-base);box-shadow:var(--shadow-md);animation:panel-in var(--dur-mid) var(--ease-out);z-index:30;flex:none}.left-dock{position:absolute;top:72px;bottom:calc(var(--dim-statusbar-h) + var(--space-lg));left:var(--space-lg);width:260px;display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;z-index:30}.left-dock .panel{max-height:100%;min-height:0}.inspector{position:absolute;top:72px;right:var(--space-lg);width:260px;max-height:calc(100vh - 88px - var(--dim-statusbar-h))}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.panel h1{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:750;letter-spacing:-.01em}.inspector-head{display:flex;align-items:center;justify-content:space-between}.inspector-head button{width:26px;height:26px;padding:0;border-radius:var(--radius-pill)}.subtitle{margin:2px 0 var(--space-lg);color:var(--color-ink-2);font-size:var(--text-sm)}.section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-line-soft)}.section h2{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-2);font-weight:650;margin:0 0 var(--space-sm)}button{font:inherit;font-weight:600;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-line-strong);background:var(--color-paper-2);color:var(--color-ink-0);padding:8px 12px;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}button:hover{background:var(--color-paper-3)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:var(--color-paper-2)}button.active:disabled:hover{background:var(--color-accent)}button.wide{width:100%}button.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}button.danger{background:var(--color-danger-ghost);border-color:transparent;color:var(--color-danger)}button.danger:hover{background:var(--color-danger-ghost-hover)}.segmented{display:flex;gap:4px;padding:3px;background:var(--color-paper-2);border:1px solid var(--color-line);border-radius:var(--radius-md)}.segmented button{flex:1;border:none;background:transparent;color:var(--color-ink-2);padding:7px 8px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.segmented button.active{background:var(--color-accent);color:var(--color-accent-ink)}.piece-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.piece{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:var(--text-sm);border-radius:var(--radius-md)}.piece-icon{width:28px;height:28px;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--color-part-pipe),var(--color-part-pipe-dim));transition:transform var(--dur-mid) var(--ease-out)}.piece-icon-elbow{border-radius:4px 100% 4px 4px}.piece-icon-tee{border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--color-part-pipe),var(--color-part-pipe-dim))}.piece-icon-cross{border-radius:50%}.piece-icon-valve{background:linear-gradient(135deg,var(--color-part-valve),var(--color-part-valve-dim));border-radius:50%}.piece-icon-pump{background:linear-gradient(135deg,var(--color-part-pump),var(--color-part-pump-dim));border-radius:50%}.piece-icon-source{background:linear-gradient(135deg,var(--color-part-source),var(--color-part-source-dim));border-radius:8px}.piece-icon-sink{background:linear-gradient(135deg,var(--color-part-sink),var(--color-part-sink-dim));border-radius:8px}.field{display:block;margin:var(--space-sm) 0}.field span{display:block;color:var(--color-ink-2);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.field input[type=range]{width:100%;accent-color:var(--color-accent)}.ef{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin:6px 0}.ef span{color:var(--color-ink-2);font-size:var(--text-sm)}.ef input,.ef select{width:118px;background:var(--color-paper-2);color:var(--color-ink-0);border:1px solid var(--color-line-strong);border-radius:var(--radius-xs);padding:6px 8px;font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ef input:focus-visible,.ef select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:650;letter-spacing:.01em;border:1px solid var(--color-line);background:var(--color-paper-2);color:var(--color-ink-1)}.badge.warn{background:var(--color-warn-ghost);border-color:transparent;color:#7c5500;color:oklch(48% .13 78)}.badge.danger{background:var(--color-danger-ghost);border-color:transparent;color:var(--color-danger)}.readout{margin:var(--space-sm) 0 var(--space-md);padding:8px 10px;border-radius:var(--radius-sm);background:var(--color-paper-2);border:1px solid var(--color-line-soft)}.kv{display:flex;justify-content:space-between;gap:var(--space-sm);padding:3px 0;font-size:var(--text-sm)}.kv span:first-child{color:var(--color-ink-2)}.kv span:last-child{font-family:var(--font-mono);color:var(--color-ink-0);font-variant-numeric:tabular-nums}.pump-health .stress-bar{height:6px;margin:4px 0 6px;border-radius:3px;overflow:hidden;background:var(--color-line-soft)}.pump-health .stress-bar i{display:block;height:100%;transition:width .12s ease-out}.pump-note{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--color-line-soft);font-size:var(--text-sm);line-height:1.45;color:var(--color-ink-2)}.legend{position:absolute;left:50%;bottom:calc(var(--dim-statusbar-h) + var(--space-lg));transform:translate(-50%);min-width:260px;padding:var(--space-md) var(--space-lg);background:var(--color-paper-1);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:30}.legend-row{display:flex;align-items:center;gap:var(--space-sm)}.legend-row button{padding:5px 12px;font-size:var(--text-sm)}.legend-status{font-size:var(--text-xs);color:var(--color-ink-2)}.legend-status.warn{color:var(--color-danger);font-weight:650}.legend-bar{height:10px;border-radius:var(--radius-pill);margin-top:var(--space-sm)}.legend-scale{display:flex;justify-content:space-between;margin-top:4px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-ink-1)}.legend-scale .muted{font-family:var(--font-body);color:var(--color-ink-3)}.legend-warn{margin-top:6px;font-size:var(--text-xs);color:var(--color-cavitation);font-weight:650}.transient-panel{max-height:50vh}.hint{margin:var(--space-sm) 0 4px;font-size:var(--text-xs);color:var(--color-ink-2)}.target-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.target-list button{font-size:var(--text-xs);padding:5px 8px}.transient-chart{display:block;margin-top:var(--space-sm);border-radius:var(--radius-xs);background:var(--color-paper-2)}.chart-legend{display:flex;gap:var(--space-md);margin-top:4px;font-size:var(--text-xs);color:var(--color-ink-2)}.chart-legend span{display:inline-flex;align-items:center;gap:4px}.chart-legend .dot{width:8px;height:8px;border-radius:2px;display:inline-block}.panel::-webkit-scrollbar,.left-dock::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-thumb,.left-dock::-webkit-scrollbar-thumb{background:var(--color-line-strong);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:padding-box}@media (max-width: 720px){.left-dock,.inspector{width:min(260px,62vw)}.brand small{display:none}.diag-dropdown,.preset-dropdown{width:min(320px,80vw)}}@media (max-width: 480px){.left-dock,.inspector{width:min(230px,74vw)}.panel{padding:var(--space-md)}.piece-grid{grid-template-columns:1fr}}.statusbar{position:absolute;left:0;right:0;bottom:0;height:var(--dim-statusbar-h);display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);background:var(--color-paper-1);border-top:1px solid var(--color-line);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);font-variant-numeric:tabular-nums;z-index:40;overflow:hidden;white-space:nowrap}.statusbar-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--color-ink-3)}.statusbar-dot.ok{background:var(--color-ok)}.statusbar-dot.danger{background:var(--color-danger)}.statusbar-sep{width:1px;height:12px;background:var(--color-line-strong);flex:none}.statusbar-spacer{flex:1}.statusbar-cell{color:var(--color-ink-1)}.statusbar-units{color:var(--color-ink-3)}@media (max-width: 720px){.statusbar-units{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
