:root{--bg:#f4f2ec;--panel:#fff;--ink:#1d2128;--ink-soft:#566070;--line:#d6d3ca;--accent:#f2a900;--accent-ink:#1d1500;--danger:#b42318;--ok:#1f7a3d;--focus:#0b57d0;--radius:10px;font-size:16px}@media (prefers-color-scheme:dark){:root{--bg:#1b1d21;--panel:#25282e;--ink:#eceef1;--ink-soft:#a6afbc;--line:#3a3f48;--danger:#ff8a80;--ok:#6fd391;--focus:#8ab4ff}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:1rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{margin-top:1.25rem;font-size:1rem}p{margin:0 0 .75rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--ink-soft);font-size:1rem}:focus-visible,[data-focus-visible]{outline:3px solid var(--focus);outline-offset:2px}.app{grid-template-rows:100%;grid-template-columns:1fr 320px;height:100%;display:grid}.stage{min-width:0;position:relative;overflow:hidden}@media (width<=800px){.app{grid-template-rows:1fr auto;grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line);max-height:40vh}}.btn{min-height:44px;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:600;display:inline-flex}.btn[data-hovered]{background:color-mix(in srgb, var(--panel) 88%, var(--ink))}.btn[data-pressed]{transform:translateY(1px)}.btn[data-disabled]{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#c58a00}.btn-primary[data-hovered]{background:#ffbb1f}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}@media (prefers-color-scheme:dark){.btn-danger{color:#1b1d21}}.btn-danger-quiet{color:var(--danger)}.btn-quiet{background:0 0;border-color:#0000}.btn-big{min-height:56px;padding:.75rem 1.5rem;font-size:1.25rem}.btn-plan{max-width:18rem}.plan-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}kbd{font:inherit;border:1px solid var(--line);color:var(--ink-soft);border-radius:4px;padding:0 .3rem;font-size:.85rem}.toolbar{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:calc(100% - 344px);padding:.4rem;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #0000001f}.app{position:relative}.toolbar{grid-column:1}.sep{background:var(--line);align-self:stretch;width:1px;margin:0 .1rem}.zoom{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:.4rem;padding:.4rem;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 14px #0000001f}.status{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-width:min(34rem,60%);padding:.4rem .8rem;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 14px #0000001f}.status:empty{display:none}.canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle, var(--line) 1.5px, transparent 1.6px);position:absolute;inset:0}.canvas:active{cursor:grabbing}.canvas svg{display:block}.tile{cursor:pointer;outline:none}.tile-bg{fill:var(--tile-bg,#fff);stroke:#cfcbc0;stroke-width:1px}.tile-ring{stroke:#0000;stroke-width:3px}.tile:hover .tile-ring{stroke:#9aa3b2}.tile:focus-visible .tile-ring{stroke:var(--focus);stroke-width:4px}.tile-selected .tile-ring{stroke:var(--accent);stroke-width:5px}.tile-text{fill:#1d2128;font:700 16px system-ui,sans-serif}.tile-sub{fill:#3b4350;paint-order:stroke;stroke:#fff;stroke-width:4px;font:600 14px system-ui,sans-serif}.open-dot{fill:#fff;stroke:#e5484d;stroke-width:2.5px}.ghost{cursor:pointer;outline:none}.ghost rect{fill:#f2a90014;stroke:#c58a00;stroke-width:2px;stroke-dasharray:8 6}.ghost circle{fill:var(--accent);stroke:#c58a00;stroke-width:2px}.ghost path{stroke:var(--accent-ink);stroke-width:4px;stroke-linecap:round;fill:none}.ghost:hover rect,.ghost:focus-visible rect{fill:#f2a90040;stroke:var(--focus)}.empty-start{text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:.5rem;padding:1rem;display:grid;position:absolute;inset:0}.empty-start>*{pointer-events:auto;max-width:30rem;margin:0}.empty-start p{color:var(--ink-soft);font-size:1.125rem}.panel{background:var(--panel);border-left:1px solid var(--line);padding:1rem;overflow-y:auto}.panel-size{color:var(--ink-soft);font-size:1.125rem;font-weight:600}.panel-img{aspect-ratio:4/3;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;margin-bottom:.75rem}.panel-pipe{border-radius:8px;height:40px;margin-bottom:.75rem}.facts{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0 0 1rem;display:grid}.facts dt{color:var(--ink-soft)}.facts dd{margin:0;font-weight:600}.ends{gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.end-side{text-transform:capitalize;font-weight:700}.tag{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;margin-left:.4rem;padding:0 .5rem;font-size:.875rem}.tag-ok{color:var(--ok);border-color:var(--ok)}.actions{gap:.5rem;display:grid}.field{gap:.25rem;margin-bottom:1rem;display:grid}.field label{font-weight:600}.field input{min-height:44px;font:inherit;border:1px solid var(--ink-soft);border-radius:var(--radius);background:var(--panel);color:var(--ink);width:100%;padding:.4rem .6rem}.field-narrow{max-width:14rem}.error{color:var(--danger);font-weight:600}.overlay{z-index:50;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sheet{width:min(32rem,100%);max-height:calc(100vh - 2rem);display:flex}.sheet-wide{width:min(52rem,100%)}.sheet-dialog{background:var(--panel);width:100%;max-height:inherit;border-radius:16px;outline:none;flex-direction:column;display:flex;box-shadow:0 20px 50px #00000059}.sheet-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.sheet-title{margin:0;font-size:1.25rem}.sheet-body{padding:1rem;overflow-y:auto}.sheet-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.picker-tools{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.picker-tools .field:first-child{flex:14rem}.chips{flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.75rem;display:flex}.chips>div{flex-wrap:wrap;gap:.4rem;display:flex}.chip{min-height:40px;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;padding:.25rem .8rem}.chip[data-hovered]{background:color-mix(in srgb, var(--panel) 88%, var(--ink))}.chip[data-selected]{background:var(--ink);color:var(--panel);border-color:var(--ink)}.parts{outline:none;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;display:grid}.part{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;outline:none;align-items:center;gap:.75rem;min-height:84px;padding:.5rem;display:flex}.part[data-hovered]{border-color:var(--ink-soft);background:color-mix(in srgb, var(--panel) 94%, var(--ink))}.part[data-focus-visible]{outline:3px solid var(--focus);outline-offset:2px}.part-img{object-fit:contain;background:#fff;border-radius:6px;flex:none;width:72px;height:60px}.part-pipe{background:#2a2e35;border-radius:11px;display:block;position:relative;height:22px!important}.part-pipe:after,.panel-pipe:after{content:"";height:4px;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.part-pipe-blue{background:#2a2e35}.part-pipe-blue:after{background:#2a7de1}.part-pipe-green{background:#2a2e35}.part-pipe-green:after{background:#2f9e44}.panel-pipe{background:#2a2e35;position:relative}.part-text{min-width:0;line-height:1.3;display:grid}.part-name{font-weight:700}.part-name em{color:var(--ink-soft);font-style:normal;font-weight:400}.part-meta{color:var(--ink-soft);font-size:.875rem}.empty{color:var(--ink-soft);grid-column:1/-1}.plan-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.plan-row{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem .75rem;display:flex}.plan-current{border-color:var(--accent);border-width:2px}.plan-info{display:grid}.plan-meta{color:var(--ink-soft);font-size:.9rem}.plan-actions,.plan-rename,.plan-new{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.plan-rename .field,.plan-new .field{margin:0}.table{border-collapse:collapse;width:100%;margin-bottom:1rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.5rem .6rem}.table thead th{border-bottom:2px solid var(--ink-soft)}.table tbody th{font-weight:600}.table .num{text-align:right;font-variant-numeric:tabular-nums}.select-btn{min-height:44px;font:inherit;border:1px solid var(--ink-soft);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:.4rem .6rem;display:flex}.select-btn[data-disabled]{opacity:.6;cursor:default}.select-pop{min-width:var(--trigger-width);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);z-index:100;box-shadow:0 8px 24px #00000040}.select-list{outline:none;max-height:16rem;padding:.25rem;overflow-y:auto}.select-item{cursor:pointer;border-radius:6px;outline:none;align-items:center;min-height:44px;padding:.6rem .75rem;display:flex}.select-item[data-focused],.select-item[data-hovered]{background:color-mix(in srgb, var(--panel) 85%, var(--ink))}.select-item[data-selected]{font-weight:700}.pump-sizes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pump-hero{float:right;width:96px;height:96px;margin:0 0 .5rem .75rem}.part-icon{padding:4px}.panel-icon{padding:1rem}.part-note{color:var(--ok);font-size:.875rem;font-weight:600}.tile-role{fill:#fff;paint-order:stroke;stroke:#1d1500;stroke-width:3px;font:700 12px system-ui,sans-serif}