:root{--color-bg: #e7ebe9;--color-surface: #ffffff;--color-paper: #ffffff;--color-ink: #18201d;--color-muted: #5b6863;--color-line: #ccd5d1;--color-accent: #245e4f;--color-on-accent: #ffffff;--color-ok: #1d7a4f;--color-warn: #a34b00;--color-shadow: #000000;--color-inverse-bg: var(--color-ink);--color-inverse-ink: var(--color-bg);--color-boundary: #c2318f;--color-feature: #3d4a45;--color-feature-fill: #a6aba8;--color-feature-stroke: #6b726f;--color-feature-ink: #1e2422;--color-snap: #d0349a;--color-guide: #0b8f6a;--color-material-sod: #7fae5b;--color-material-turf: #4fae3e;--color-material-mulch: #8a5a3b;--color-material-river-rock: #8d9ba8;--color-material-decorative-rock: #c7b28b;--color-material-gravel: #bcb9b1;--color-material-pavers: #a68d7b;--color-material-flagstone: #c9a676;--color-material-concrete-brushed: #d4d4cf;--color-material-concrete-stamped: #cdbfa8;--color-material-decking: #9a6a44;--color-material-shade: #000000;--font-sans: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--text-xs: 13px;--text-sm: 14px;--text-md: 15px;--text-base: 16px;--text-lg: 17px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 22px;--text-display: 26px;--weight-regular: 400;--weight-strong: 600;--leading-tight: 1;--leading-body: 1.4;--measure-body: 36ch;--measure-toast: 44ch;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 20px;--space-10: 24px;--space-11: 32px;--radius-xs: 2px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 2px 10px rgba(0,0,0,.12);--shadow-page: 0 2px 18px rgba(0,0,0,.18);--shadow-md: 0 4px 16px rgba(0,0,0,.3);--shadow-lg: 0 8px 28px rgba(0,0,0,.2);--control-sm: 40px;--control-md: 48px;--control-lg: 52px;--control-xl: 60px;--border-width: 1px;--focus-ring: 3px;--width-card: 320px;--width-sidebar: 280px;--width-swatch: 14px;--width-field-inline: 60px;--width-icon: 16px;--stroke-hairline: 1.5px;--stroke-regular: 2px;--stroke-bold: 2.5px;--stroke-heavy: 3px;--stroke-label-halo: 4px;--stroke-highlight: 6px;--opacity-disabled: .45;--opacity-feature-fill: .55;--opacity-feature-fill-selected: .7;--opacity-edge-highlight: .55;--opacity-handle: .85;--mix-snap-halo: 18%;--mix-material-edge: 65%;--opacity-surface-editing: .5;--z-toast: 5;--z-chip: 6;--offset-toast: 16px;--magnifier-ring: 3px;--dash-close-target: 4 3;--dash-guide: 5 4}@media(prefers-color-scheme:dark){:root{--color-bg: #1f2523;--color-surface: #2a312e;--color-ink: #e5ece8;--color-muted: #9eaba5;--color-line: #3a4440;--color-accent: #7fc4ab;--color-on-accent: #10201b;--color-ok: #6fd3a2;--color-warn: #f2a65a;--color-boundary: #f06ac0;--color-feature: #d6ddd9;--color-feature-fill: #5d6461;--color-feature-stroke: #8a928e;--color-feature-ink: #f0f3f1;color-scheme:dark}}[hidden]{display:none!important}html,body{height:100%;margin:0;touch-action:none}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;overscroll-behavior:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}.canvas{position:relative;flex:1;min-width:0}.row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:var(--space-6)}.spacer,.grow{flex:1}.row.split>*{flex:1}.text-hint{margin:0;font-size:var(--text-sm);color:var(--color-muted)}.text-label{display:block;font-size:var(--text-sm);color:var(--color-muted)}.text-error{margin:0;font-size:var(--text-sm);color:var(--color-warn)}.text-figure{margin:0;font-size:var(--text-lg);font-variant-numeric:tabular-nums}button{font:inherit;font-size:var(--text-lg);color:var(--color-ink);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);min-height:var(--control-lg);padding:0 var(--space-9);cursor:pointer}button:focus-visible{outline:var(--focus-ring) solid var(--color-accent);outline-offset:var(--space-1)}button:disabled{opacity:var(--opacity-disabled);cursor:default}button.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);font-weight:var(--weight-strong)}button.danger{color:var(--color-warn)}button.large{min-height:var(--control-xl);padding:0 var(--space-11)}button.icon{min-width:var(--control-md);min-height:var(--control-md);padding:0;font-size:var(--text-2xl);line-height:var(--leading-tight)}button.icon.small{min-width:var(--control-sm);min-height:var(--control-sm);font-size:var(--text-3xl)}button.toggle[aria-pressed=false]{color:var(--color-muted)}button.toggle[aria-pressed=true]{border-color:var(--color-accent)}button.chip{text-align:center}button.compact{min-height:var(--control-md);padding:0 var(--space-6);font-size:var(--text-base);white-space:nowrap}input{font:inherit;font-size:var(--text-lg);color:var(--color-ink);background:var(--color-bg);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);min-height:var(--control-md);padding:0 var(--space-6);min-width:0;flex:1}input:focus-visible{outline:var(--focus-ring) solid var(--color-accent);outline-offset:var(--border-width)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-7)}.card-head{display:flex;align-items:center;justify-content:space-between}.square-chip{position:absolute;z-index:var(--z-chip);flex-direction:row;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.square-chip .text-figure{font-size:var(--text-base)}.square-chip button{min-height:var(--control-sm);padding:0 var(--space-7);border-radius:var(--radius-pill);font-size:var(--text-base)}.popover{position:absolute;width:min(var(--width-card),calc(100% - 2 * var(--space-4)))}.dock{position:absolute;left:0;right:0;bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4);padding:0 var(--space-8);pointer-events:none}.dock>*{pointer-events:auto}.dock>.toggle,.dock>.segmented{box-shadow:var(--shadow-sm)}.segmented{display:inline-flex;background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.segmented>button{border:0;border-radius:0;background:transparent}.segmented>button+button{border-left:var(--border-width) solid var(--color-line)}.segmented>button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-strong)}.field>.text-label{margin-bottom:var(--space-3)}.field-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);font-size:var(--text-base);font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.nudge{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.sidebar{flex:none;width:var(--width-sidebar);display:flex;flex-direction:column;overflow-y:auto;background:var(--color-surface);border-left:var(--border-width) solid var(--color-line);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) 0}.side-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-7);border-bottom:var(--border-width) solid var(--color-line)}.side-section.layers{border-bottom:0}.side-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-strong)}.side-subtitle{margin:var(--space-3) 0 0;font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--color-muted)}.layer-list{display:flex;flex-direction:column;gap:var(--space-3)}button.layer-row{display:flex;align-items:center;gap:var(--space-5);width:100%;min-height:var(--control-md);padding:0 var(--space-5);font-size:var(--text-base);text-align:left;background:transparent;border-color:transparent}button.layer-row:hover{background:var(--color-bg)}button.layer-row.selected{background:var(--color-bg);border-color:var(--color-accent)}button.layer-row.suggest{color:var(--color-muted);border:var(--border-width) dashed var(--color-line)}.layer-item{display:flex;align-items:center;gap:var(--space-3)}.layer-item>.layer-row{flex:1;min-width:0}.layer-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:var(--leading-tight)}.layer-sub{font-size:var(--text-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-meta{font-size:var(--text-sm);color:var(--color-muted)}.swatch{flex:none;width:var(--width-swatch);height:var(--width-swatch);border-radius:var(--radius-sm)}.swatch.boundary{border:var(--stroke-bold) solid var(--color-boundary)}.swatch.feature{background:var(--color-feature-fill);border:var(--border-width) solid var(--color-feature-stroke)}.swatch.add{display:grid;place-content:center;color:var(--color-accent);font-weight:var(--weight-strong)}.layer-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-5);background:var(--color-bg);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-md)}.layer-head{display:flex;align-items:center;gap:var(--space-5);min-height:var(--control-sm);font-size:var(--text-base)}.layer-body{display:flex;flex-direction:column;gap:var(--space-4)}.layer-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.layer-actions>button{flex:1 1 auto}.layer-body .nudge>.text-hint{flex-basis:100%}.layer-body .nudge>button.icon{min-width:var(--control-sm);min-height:var(--control-sm)}.layer-order{display:flex;align-items:center;gap:var(--space-3)}.layer-order>.text-hint{flex:1}.layer-order>button.icon{font-size:var(--text-2xl)}.layer-rename-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);color:var(--color-muted);border-bottom:var(--border-width) dashed var(--color-line);cursor:text}.layer-rename-wrap:hover,.layer-rename-wrap:focus-within{color:var(--color-ink);border-bottom-color:var(--color-accent)}input.layer-rename{flex:1;min-height:var(--control-sm);padding:0 var(--space-2);font-size:var(--text-base);color:var(--color-ink);background:transparent;border-color:transparent}input.layer-rename:focus{background:var(--color-surface)}.layer-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md)}.side-section.layers{flex:1}.plan-layer{padding-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);border-top:var(--border-width) solid var(--color-line)}.plan-layer .field-row{flex-wrap:nowrap}.line-icon{flex:none;width:var(--width-icon);height:var(--width-icon);fill:none;stroke:currentColor;stroke-width:var(--stroke-regular);stroke-linejoin:round;stroke-linecap:round}[aria-pressed=true]>.line-icon .eye-off{display:none}[aria-pressed=false]{color:var(--color-muted)}input[type=range]{flex:1;min-height:var(--control-sm);padding:0;border:0;background:none;accent-color:var(--color-accent)}.bubble{pointer-events:none;position:absolute;background:var(--color-inverse-bg);color:var(--color-inverse-ink)}.toast{left:50%;top:calc(var(--offset-toast) + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:var(--z-toast);padding:var(--space-6) var(--space-9);border-radius:var(--radius-md);font-size:var(--text-base);max-width:min(90vw,var(--measure-toast));text-align:center}.tip{padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-md);font-variant-numeric:tabular-nums;white-space:nowrap}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:var(--space-6);padding:var(--space-10);text-align:center}.empty h1{margin:0;font-size:var(--text-display);font-weight:var(--weight-strong);text-wrap:balance}.empty p{margin:0 0 var(--space-4);color:var(--color-muted);font-size:var(--text-lg);max-width:var(--measure-body);line-height:var(--leading-body)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;font-size:var(--text-xl);color:var(--color-muted)}svg.defs{position:absolute;width:0;height:0;overflow:hidden}button.chip.material-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4)}button.chip[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.swatch.material{overflow:hidden;border:var(--border-width) solid var(--color-line)}.swatch.material svg{display:block;width:100%;height:100%}button.group-head{display:flex;align-items:center;gap:var(--space-4);width:100%;min-height:var(--control-sm);margin-top:var(--space-3);padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-strong);color:var(--color-muted);text-align:left;background:transparent;border-color:transparent}button.group-head:hover{color:var(--color-ink)}button.group-head[aria-expanded=false] .chevron{transform:rotate(-90deg)}.group-count{font-weight:var(--weight-regular);font-variant-numeric:tabular-nums}.group-body{display:flex;flex-direction:column;gap:var(--space-4)}.chip-field{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--color-muted)}.chip-field input{width:var(--width-field-inline);flex:none;min-height:var(--control-sm);padding:0 var(--space-3);font-size:var(--text-base)}.round-all .row{flex-wrap:nowrap}.round-all input{min-height:var(--control-md);font-size:var(--text-base)}.choice-line{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-base)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;-webkit-touch-callout:none}.page{position:absolute;left:0;top:0;transform-origin:0 0;background:var(--color-paper);box-shadow:var(--shadow-page);will-change:transform}.page canvas{display:block;width:100%;height:100%}.sharp{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.magnifier{position:absolute;border-radius:50%;border:var(--magnifier-ring) solid var(--color-surface);box-shadow:var(--shadow-md);pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.overlay .shape{fill:none;stroke:var(--c);stroke-width:var(--stroke-bold);stroke-linejoin:round}.overlay .shape.closed{fill:none;fill-rule:evenodd}.overlay .shape.drawn{fill:none;stroke:var(--color-feature);stroke-width:var(--stroke-hairline);stroke-dasharray:var(--dash-guide)}.overlay .shape.feature.closed{fill:var(--color-feature-fill);fill-opacity:var(--opacity-feature-fill);stroke:var(--color-feature-stroke);stroke-width:var(--stroke-hairline)}.overlay .shape.feature.selected{stroke:var(--color-feature);stroke-width:var(--stroke-heavy);fill-opacity:var(--opacity-feature-fill-selected)}.overlay .edge-hi{stroke:var(--c);stroke-width:var(--stroke-highlight);stroke-linecap:round;opacity:var(--opacity-edge-highlight)}.overlay .corner{fill:var(--color-paper);stroke:var(--c);stroke-width:var(--stroke-bold)}.overlay .close-target{fill:none;stroke:var(--c);stroke-width:var(--stroke-regular);stroke-dasharray:var(--dash-close-target)}.overlay .bend-handle{fill:var(--color-surface);stroke:var(--c);stroke-width:var(--stroke-hairline);opacity:var(--opacity-handle)}.overlay .bend-handle.bent{fill:var(--c)}.overlay .selected-corner{fill:none;stroke:var(--color-accent);stroke-width:var(--stroke-bold)}.overlay .label{font:var(--weight-strong) var(--text-xs) var(--font-sans);paint-order:stroke;stroke:var(--color-surface);stroke-width:var(--stroke-label-halo);stroke-linejoin:round}.overlay .label.snap{fill:var(--color-snap)}.overlay .label.guide{fill:var(--color-guide)}.overlay .label.feature{font-size:var(--text-sm);fill:var(--color-feature-ink);stroke:var(--color-feature-fill);text-anchor:middle;dominant-baseline:middle}.overlay .label.feature.selected{fill:var(--color-feature)}.overlay .placing{fill:none;stroke:var(--color-snap);stroke-width:var(--stroke-regular)}.overlay .crosshair{stroke:var(--color-snap);stroke-width:var(--stroke-hairline)}.overlay .snap-mark{fill:none;stroke:var(--color-snap);stroke-width:var(--stroke-bold)}.overlay .snap-halo{fill:color-mix(in srgb,var(--color-snap) var(--mix-snap-halo),transparent);stroke:var(--color-snap);stroke-width:var(--stroke-hairline)}.overlay .hover-dot{fill:var(--color-snap)}.overlay .corner-bracket{fill:none;stroke:var(--color-snap);stroke-width:var(--stroke-bold);stroke-linecap:round}.overlay .rect-guide{fill:none;stroke:var(--color-snap);stroke-width:var(--stroke-hairline);stroke-dasharray:var(--dash-guide)}.stage.drawing{cursor:crosshair}.overlay .guide-angle{fill:none;stroke:var(--color-guide);stroke-width:var(--stroke-regular)}.overlay .guide-line{stroke:var(--color-guide);stroke-width:var(--stroke-hairline);stroke-dasharray:var(--dash-guide)}.overlay .fixed-end{fill:none;stroke:var(--color-accent);stroke-width:var(--stroke-bold)}.overlay .shape.surface{stroke:color-mix(in srgb,var(--c) var(--mix-material-edge),var(--color-material-shade));stroke-width:var(--stroke-hairline)}.overlay .shape.surface.closed{fill-opacity:1}.overlay .shape.surface.selected{fill-opacity:var(--opacity-surface-editing);stroke-width:var(--stroke-heavy)}.overlay .round-handle{fill:var(--color-paper);stroke:var(--color-accent);stroke-width:var(--stroke-bold)}.screen{flex:1;min-width:0;overflow-y:auto;touch-action:pan-y;padding:calc(var(--space-10) + env(safe-area-inset-top,0px)) var(--space-8) calc(var(--space-10) + env(safe-area-inset-bottom,0px))}.screen input{-webkit-user-select:text;user-select:text}.screen-title{margin:0;font-size:var(--text-display);font-weight:var(--weight-strong)}.screen-text{margin:0;font-size:var(--text-lg);line-height:var(--leading-body);max-width:var(--measure-body)}#screen-auth{display:grid;place-content:center}.auth-panel{align-items:center;text-align:center;gap:var(--space-8);padding:var(--space-10)}.plans{display:flex;flex-direction:column;gap:var(--space-8);max-width:calc(var(--width-card) * 2);margin:0 auto}.plans-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.plans>#new-plan{align-self:flex-start}.plans-empty{margin:0;color:var(--color-muted);font-size:var(--text-lg)}.account{position:relative;min-width:0}button.account-toggle{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base);color:var(--color-muted)}.account-menu{position:absolute;right:0;top:calc(100% + var(--space-3));z-index:var(--z-toast);width:min(var(--width-card),90vw)}.new-plan .row>.primary{flex:1}.plan-list{display:flex;flex-direction:column;gap:var(--space-3)}.plan-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md)}.plan-row.editing,.plan-row.confirming{border-color:var(--color-accent)}button.plan-open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1);min-height:var(--control-lg);padding:var(--space-3) var(--space-5);text-align:left;background:transparent;border-color:transparent}button.plan-open:hover{background:var(--color-bg)}.plan-address{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-strong)}.plan-meta{font-size:var(--text-sm);color:var(--color-muted)}.plan-pending{color:var(--color-warn)}input.plan-rename{flex:1 1 12em}.plan-confirm{flex:1 1 12em;margin:0 var(--space-3);font-size:var(--text-base)}.plan-row>.text-error{flex-basis:100%;padding:0 var(--space-3)}#back-to-plans{align-self:flex-start}.replace-confirm{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-md)}.replace-text{margin:0;font-size:var(--text-base);line-height:var(--leading-body)}