:root{--surface-0: #EDEFF3;--surface-1: #FFFFFF;--surface-2: #FFFFFF;--canvas-ground: #FFFFFF;--line-faint: #E9ECF0;--line: #DDE1E6;--line-strong: #828891;--ink: #1A1D21;--ink-soft: #5B6169;--ink-faint: #848A92;--on-map-ink: #1A1D21;--plan-grid: #C9CED4;--plan-boundary: #B02525;--plan-building: #3D444D;--plan-water: #12558F;--plan-field: #1C6B2C;--plan-trench: #237A33;--plan-tank: #1A1D20;--plan-pipe: #8A5C00;--accent: #7FB3E8;--accent-line: #3D7FBC;--accent-ink: #235C8F;--accent-on: #12283A;--accent-wash: rgba(127, 179, 232, .16);--accent-solid: #1E62A6;--accent-solid-hover: #174E86;--accent-solid-ink: #FFFFFF;--ok: #1C6B32;--ok-line: #2F9E44;--ok-wash: rgba(47, 158, 68, .12);--warn: #8A5B00;--warn-line: #F0A202;--warn-wash: rgba(240, 162, 2, .14);--bad: #A32217;--bad-line: #C0392B;--bad-wash: rgba(192, 57, 43, .12);--radius: 6px;--radius-sm: 4px;--radius-lg: 10px;--shadow-1: 0 1px 2px rgba(16, 20, 26, .05), 0 1px 3px rgba(16, 20, 26, .06);--shadow-2: 0 2px 4px rgba(16, 20, 26, .05), 0 8px 20px rgba(16, 20, 26, .1);--shadow-float: 0 4px 8px rgba(16, 20, 26, .06), 0 16px 40px rgba(16, 20, 26, .12);--font-ui: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-body-size: 13px;--text-body-line: 1.45;--text-label-size: 12px;--text-label-line: 1.35;--text-micro-size: 11px;--text-num-size: 12px;--text-title-size: 15px;--text-display-size: 24px;--text-display-lg: 34px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--control-h: 32px;--pane-pad: 16px;--icon: 16px;--sidebar-w: 220px;--sidebar-min-w: 56px;--pane-w: 320px;--command-h: 44px;--status-h: 28px;--dur-state: 90ms;--dur-reveal: .15s;--dur-view: .2s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-exit: linear;--dur-exit: 90ms}:root[data-theme=dark]{--surface-0: #0F1114;--surface-1: #16181C;--surface-2: #1D2025;--canvas-ground: #1B1F24;--line-faint: #23272D;--line: #2B3037;--line-strong: #6F7986;--ink: #E9EBEE;--ink-soft: #A3ABB4;--ink-faint: #737C86;--accent: #8CC0F0;--accent-line: #6FADE6;--accent-ink: #A8D2F7;--accent-on: #0F1620;--accent-wash: rgba(140, 192, 240, .18);--accent-solid: #77B3EC;--accent-solid-hover: #8FC2F2;--accent-solid-ink: #0E1B29;--plan-grid: #39424E;--plan-boundary: #E03131;--plan-building: #9AA4B2;--plan-water: #1C7ED6;--plan-field: #2F9E44;--plan-trench: #37B24D;--plan-tank: #E9EBEE;--plan-pipe: #F59F00;--ok: #7DE0A0;--ok-line: #4ADE80;--ok-wash: rgba(74, 222, 128, .14);--warn: #F0C674;--warn-line: #F0A202;--warn-wash: rgba(240, 162, 2, .16);--bad: #FF9D90;--bad-line: #E35D4C;--bad-wash: rgba(227, 93, 76, .16);--shadow-1: 0 1px 2px rgba(0, 0, 0, .45);--shadow-2: 0 2px 4px rgba(0, 0, 0, .35), 0 8px 20px rgba(0, 0, 0, .5);--shadow-float: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .55)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface-0: #0F1114;--surface-1: #16181C;--surface-2: #1D2025;--canvas-ground: #1B1F24;--line-faint: #23272D;--line: #2B3037;--line-strong: #6F7986;--ink: #E9EBEE;--ink-soft: #A3ABB4;--ink-faint: #737C86;--accent: #8CC0F0;--accent-line: #6FADE6;--accent-ink: #A8D2F7;--accent-on: #0F1620;--accent-wash: rgba(140, 192, 240, .18);--accent-solid: #77B3EC;--accent-solid-hover: #8FC2F2;--accent-solid-ink: #0E1B29;--plan-grid: #39424E;--plan-boundary: #E03131;--plan-building: #9AA4B2;--plan-water: #1C7ED6;--plan-field: #2F9E44;--plan-trench: #37B24D;--plan-tank: #E9EBEE;--plan-pipe: #F59F00;--ok: #7DE0A0;--ok-line: #4ADE80;--ok-wash: rgba(74, 222, 128, .14);--warn: #F0C674;--warn-line: #F0A202;--warn-wash: rgba(240, 162, 2, .16);--bad: #FF9D90;--bad-line: #E35D4C;--bad-wash: rgba(227, 93, 76, .16);--shadow-1: 0 1px 2px rgba(0, 0, 0, .45);--shadow-2: 0 2px 4px rgba(0, 0, 0, .35), 0 8px 20px rgba(0, 0, 0, .5);--shadow-float: 0 4px 8px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .55)}}@media (prefers-reduced-motion: reduce){:root{--dur-state: 0ms;--dur-reveal: 0ms;--dur-view: 90ms;--dur-exit: 0ms;--ease: linear}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--ink);background:var(--surface-0)}.num{font-family:var(--font-num);font-size:var(--text-num-size);font-variant-numeric:tabular-nums}.workspace{--sidebar-col: var(--sidebar-w);--pane-col: var(--pane-w);height:100%;display:grid;grid-template-columns:var(--sidebar-col) 1fr var(--pane-col);grid-template-rows:var(--command-h) 1fr var(--status-h);grid-template-areas:"command command command" "nav     canvas  pane" "status  status  status";background:var(--surface-0);color:var(--ink);overflow:hidden}.workspace-sidebar-shut{--sidebar-col: var(--sidebar-min-w)}.workspace-pane-shut{--pane-col: 0px}.command-bar{grid-area:command;display:flex;align-items:center;height:var(--command-h);gap:var(--space-4);padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--surface-1);min-width:0}.command-bar-brand{font-size:14px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.command-bar-job{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:0 1 280px}.command-bar-job-input{height:28px}.command-bar-dirty{flex:none;width:8px;height:8px;border-radius:50%;background:var(--warn-line)}.command-bar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}@media (max-width: 700px){.command-bar{gap:var(--space-2);padding:0 var(--space-2)}.command-bar-job{flex:0 1 140px}.command-bar-actions>.btn>span{display:none}}.command-bar-theme{position:relative}.command-bar-theme .menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:5}.command-bar-account{position:relative}.command-bar-account .account-pop{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:5;display:flex;flex-direction:column;gap:var(--space-2);min-width:220px;padding:var(--space-3);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.account-pop-who{display:flex;flex-direction:column;gap:2px}.account-pop-label{font-size:var(--text-micro-size);color:var(--ink-soft)}.account-pop-email{font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--ink);overflow-wrap:anywhere}.account-pop-error{margin:0;font-size:var(--text-label-size);line-height:var(--text-label-line);color:var(--bad)}.canvas-region{grid-area:canvas;position:relative;overflow:hidden;background:var(--canvas-ground)}.canvas-fill{position:absolute;top:0;right:0;bottom:0;left:0}.zoom-cluster,.view-panels,.overlay-strip,.toast{position:absolute;z-index:2}.zoom-cluster{right:var(--space-3);bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow-float)}.view-panels{right:var(--space-2);top:var(--space-2);width:560px;max-width:60%;max-height:calc(100% - var(--space-4));overflow:auto;display:flex;flex-direction:column;gap:var(--space-2)}.view-panel{padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow-1)}.overlay-strip{z-index:3;left:50%;top:var(--space-3);transform:translate(-50%);max-width:calc(100% - var(--space-4))}.cal-form{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-2)}.cal-form .input{width:120px}.toast-layer{position:fixed;inset:0 0 var(--status-h) 0;pointer-events:none}.toast-layer>.toast{pointer-events:auto}.toast{z-index:4;left:50%;bottom:var(--space-4);transform:translate(-50%);margin:0;max-width:560px;padding:var(--space-2) var(--space-3);font-size:var(--text-body-size);line-height:var(--text-body-line);border:1px solid var(--line);border-left:3px solid var(--accent-line);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-float);animation:toast-enter var(--dur-reveal) var(--ease-out)}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}body:has(.demo-guide) .toast{left:calc(50% + 178px);max-width:min(560px,calc(100% - 356px - var(--space-4)))}.toast-error{border-color:var(--bad-line);border-left-color:var(--bad-line);background:var(--bad-wash);color:var(--bad)}.statusbar{grid-area:status;height:var(--status-h);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-top:1px solid var(--line);background:var(--surface-1);min-width:0}.statusbar-live{display:flex;align-items:center;gap:var(--space-3);white-space:nowrap}.statusbar-item{display:inline-flex;align-items:baseline;gap:var(--space-1)}.statusbar-key{font-size:var(--text-micro-size);color:var(--ink-soft)}.statusbar-value{font-size:var(--text-micro-size);color:var(--ink)}.status-attrib{font-size:var(--text-micro-size);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar-sync{display:inline-flex;align-items:center;flex:none}.statusbar-disclaimer{margin:0 0 0 auto;font-size:var(--text-micro-size);font-style:italic;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-shell{display:grid;grid-template-rows:auto 1fr auto;height:100vh;background:var(--surface-0)}.setup-shell>.command-bar{grid-area:auto}.setup-main{overflow:auto;display:grid;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;padding:var(--space-4)}.setup-main:has(.dashboard){align-content:start;padding-top:48px}.setup-foot{display:flex;align-items:center;justify-content:center;min-height:var(--status-h);padding:0 var(--space-4);border-top:1px solid var(--line);background:var(--surface-1);font-size:var(--text-micro-size);font-style:italic;color:var(--ink-soft);text-align:center}.btn:focus-visible,.icon-btn:focus-visible,.input:focus-visible,.toggle-box:focus-visible,.pane-fold:focus-visible,.menu-item:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:500;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:border-color var(--dur-state) var(--ease)}.btn[aria-disabled=true]{color:var(--ink-soft);cursor:not-allowed}.btn:disabled{color:var(--ink-faint);cursor:not-allowed}.btn-quiet:hover:not(:disabled){border-color:var(--ink-soft)}.btn-primary{background:var(--accent-solid);color:var(--accent-solid-ink);border-color:var(--accent-solid);font-weight:600;transition:none}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-solid-hover);border-color:var(--accent-solid-hover)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{background:var(--surface-2);border-color:var(--line)}.btn-danger{background:var(--bad-wash);color:var(--bad);border-color:var(--bad-line)}.btn-danger:hover:not(:disabled){border-color:var(--bad)}.btn-active{background:var(--accent-wash);color:var(--accent-ink);border-color:var(--accent-line)}.icon-btn{width:var(--control-h);height:var(--control-h);display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--text-label-size);font-weight:600;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:border-color var(--dur-state) var(--ease)}.icon-btn:hover:not(:disabled):not(.icon-btn-active){border-color:var(--ink-soft)}.icon-btn:disabled{color:var(--ink-faint);cursor:not-allowed}.icon-btn-active{background:var(--accent);color:var(--accent-on);border-color:var(--accent-line)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:500;color:var(--ink)}.field-control{display:flex;align-items:center;gap:var(--space-2)}.field-unit{font-family:var(--font-num);font-size:var(--text-num-size);color:var(--ink-soft)}.field-hint{margin:0;font-size:var(--text-label-size);line-height:var(--text-label-line);color:var(--ink-soft)}.field-required{font-size:var(--text-micro-size);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.field-error{margin:0;font-size:var(--text-micro-size);color:var(--bad)}.input{flex:1 1 auto;min-width:0;height:var(--control-h);padding:0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-body-size);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink)}.input::placeholder{color:var(--ink-soft)}.input:disabled{color:var(--ink-faint)}.input[aria-invalid=true]{border-color:var(--bad-line)}.input:focus-visible{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-wash)}.field-group{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0;min-width:0}.field-group>legend{padding:0;margin-bottom:var(--space-1)}.toggle{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-h)}.toggle-box{width:var(--icon);height:var(--icon);margin:0;accent-color:var(--accent-line)}.toggle-label{font-size:var(--text-label-size);line-height:var(--text-label-line);color:var(--ink)}.pane{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-1);box-shadow:var(--shadow-1)}.pane-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--pane-pad);border-bottom:1px solid var(--line-faint)}.pane-collapsed .pane-head{border-bottom:0}.pane-head-fold{cursor:pointer}.pane-title{margin:0;flex:none;white-space:nowrap;font-size:var(--text-title-size);font-weight:600;color:var(--ink)}.pane-actions{margin-left:auto;display:flex;gap:var(--space-1)}.pane-fold{margin-left:auto;width:20px;height:20px;padding:0;display:grid;place-items:center;font-family:var(--font-ui);font-size:var(--text-label-size);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);cursor:pointer}.pane-actions+.pane-fold{margin-left:0}.pane-icon{flex:none;color:var(--ink-soft)}.pane-summary{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label-size);color:var(--ink-soft)}.pane-chevron{transition:transform var(--dur-state) var(--ease)}.pane-collapsed .pane-chevron{transform:rotate(-90deg)}@media (prefers-reduced-motion: reduce){.pane-chevron{transition:none}}.pane-body{padding:var(--pane-pad);display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:baseline;gap:var(--space-3);min-height:var(--control-h)}.row-label{font-size:var(--text-label-size);color:var(--ink-soft)}.row-value{margin-left:auto;color:var(--ink);text-align:right}.row-unit{color:var(--ink-soft)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-label-size);font-weight:500}.chip-glyph{font-family:var(--font-num)}.chip-ok{background:var(--ok-wash);color:var(--ok)}.chip-review{background:var(--warn-wash);color:var(--warn)}.chip-fail{background:var(--bad-wash);color:var(--bad)}.callout{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid;border-radius:var(--radius-sm);font-size:var(--text-body-size)}.callout-glyph{font-family:var(--font-num);font-weight:600}.callout-body{min-width:0}.callout-ok{background:var(--ok-wash);border-left-color:var(--ok-line);color:var(--ok)}.callout-review{background:var(--warn-wash);border-left-color:var(--warn-line);color:var(--warn)}.callout-fail{background:var(--bad-wash);border-left-color:var(--bad-line);color:var(--bad)}.menu{min-width:160px;padding:var(--space-1);display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-2)}.menu-item{font-family:var(--font-ui);font-size:var(--text-body-size);text-align:left;height:var(--control-h);padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer}.menu-item:hover:not(:disabled){background:var(--accent-wash)}.menu-item:disabled{color:var(--ink-faint);cursor:not-allowed}.menu-item[aria-checked=true]{background:var(--accent-wash);font-weight:600}.tooltip-host{position:relative;display:inline-flex}.tooltip{position:absolute;top:calc(100% + var(--space-1));left:0;z-index:5;white-space:nowrap;padding:2px var(--space-2);font-size:var(--text-micro-size);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transition:opacity var(--dur-reveal) var(--ease),visibility var(--dur-reveal) var(--ease)}.tooltip-host:hover .tooltip,.tooltip-host:focus-within .tooltip{opacity:1;visibility:visible}.inline-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-2)}.inline-confirm-msg{margin:0;flex:1 1 auto;min-width:0;font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.account-messages:empty{display:none}.account-form{display:flex;flex-direction:column;gap:var(--space-3)}.password-wrap{position:relative;display:flex;width:100%}.password-wrap .password-input{flex:1;padding-right:52px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:2px var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-ui);font-size:var(--text-micro-size);color:var(--ink-soft);cursor:pointer}.password-toggle:hover{color:var(--ink);background:var(--surface-0)}.password-toggle:focus-visible{outline:2px solid var(--accent-line);outline-offset:-2px}.account-hint{margin:0;font-size:var(--text-micro-size);line-height:var(--text-label-line);color:var(--ink-soft)}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-modes{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line-faint)}.account-sync{display:flex}.setup-main:has(.auth-card){align-content:stretch;justify-items:stretch;padding:0}.auth-page{display:grid;grid-template-columns:minmax(380px,440px) 1fr;width:100%;height:100%;min-height:0;background:var(--surface-1)}.auth-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:calc(var(--space-4) * 3);overflow-y:auto}.auth-eyebrow{margin:0;font-size:var(--text-micro-size);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.auth-title{margin:0 0 var(--space-2);font-size:var(--text-display-lg);font-weight:650;letter-spacing:-.02em;color:var(--ink)}.auth-page .input{height:44px}.auth-page .btn-primary{width:100%;min-height:44px}.auth-links{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line-faint)}.auth-link{color:var(--accent-ink);font-size:var(--text-label-size);line-height:var(--text-label-line);text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--ink)}.auth-link:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.auth-hero{position:relative;min-height:0;background:var(--canvas-ground);border-left:1px solid var(--line)}.auth-page:not(:has(.auth-card)){display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);max-width:420px;margin:0 auto;padding:var(--space-4);background:transparent}@media (max-width: 860px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.auth-card{padding:var(--space-4)}}