:root{color:#493300;font-synthesis:none;--primary:#ffd803;--primary-pressed:#c9a800;--ink:#493300;--accent:#006e5e;--accent-soft:#c4fcf0;--page:#f2fedc;--surface:#fff9e6;--surface-strong:#fff;--muted:#b2ab99;--muted-ink:#655100;--danger:#bf5747;--line:#493300;--shadow:#49330024;--radius-sm:.7rem;--radius-md:1rem;--radius-lg:1.4rem;background:#f2fedc;font-family:Inter,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:var(--page);background-image:radial-gradient(#a3c9b866 1.25px,#0000 1.25px);background-size:22px 22px;place-items:start center;min-width:320px;min-height:100vh;margin:0;display:grid}button,input{-webkit-tap-highlight-color:transparent}main{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);width:min(92vw,46rem);box-shadow:0 .55rem 0 var(--shadow);margin:clamp(1rem,4vw,2.5rem) 0;padding:clamp(1.25rem,4vw,2.5rem)}main.workspace{width:min(96vw,82rem);box-shadow:none;background:0 0;border:0;padding:0}.workspace-top{display:contents}header,.row{justify-content:space-between;align-items:end;gap:1rem;display:flex}.workspace-top>header{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 .45rem 0 var(--shadow);align-items:center;padding:clamp(1rem,3vw,1.5rem)}.workspace-top>header>div{min-width:0}.header-actions{flex:none;align-items:center;gap:.65rem;display:flex}.mobile-menu-toggle,.mobile-menu-heading,.mobile-menu-backdrop,.mobile-selection-bar{display:none}.workspace-top>header p{max-width:62rem;margin:.35rem 0 0}h1{color:var(--ink);letter-spacing:-.035em;margin:0 0 .35rem;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.1}h1:before{content:"";border:.12em solid var(--ink);background:var(--primary);vertical-align:.02em;border-radius:.18em .18em .32em;width:.68em;height:.68em;margin-right:.35em;display:inline-block;transform:rotate(-4deg);box-shadow:.15em .15em #006e5e}h2{color:var(--ink);align-items:center;gap:.55rem;margin:0 0 .65rem;font-size:1.1rem;line-height:1.25;display:flex}h2:before{content:"";border:2px solid var(--ink);background:var(--primary);border-radius:.2rem;flex:none;width:.72rem;height:.72rem;transform:rotate(3deg)}h3{color:var(--ink);margin:0;font-size:1rem}p{color:#655100;line-height:1.6}form:not(.row){gap:1rem;display:grid}label{color:var(--ink);flex:1;gap:.45rem;font-weight:750;display:grid}input{border-radius:var(--radius-sm);width:100%;max-width:100%;min-height:2.9rem;color:var(--ink);background:var(--surface-strong);font:inherit;border:2px solid #a18f5c;outline:none;padding:.78rem .9rem;transition:border-color .15s,box-shadow .15s}input:hover{border-color:var(--ink)}input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #00e3c155}input[type=file]{padding:.55rem;font-weight:400}button{border:2px solid var(--ink);border-radius:var(--radius-sm);min-height:2.8rem;color:var(--ink);background:var(--primary);box-shadow:0 4px 0 var(--ink);font:inherit;cursor:pointer;padding:.75rem 1.1rem;font-weight:800;line-height:1.15;transition:transform .12s,box-shadow .12s,background-color .12s}button:hover:not(:disabled){box-shadow:0 5px 0 var(--ink);background:#ffe33c;transform:translateY(-1px)}button:active:not(:disabled){background:var(--primary-pressed);box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.52;filter:saturate(.5)}button.secondary{color:var(--ink);background:var(--surface-strong)}button.secondary:hover:not(:disabled){background:var(--accent-soft)}button.compact{min-height:2.55rem;padding:.55rem .85rem}ul{gap:.65rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}li{padding:0}button.project{width:100%;color:var(--ink);text-align:left;background:var(--surface-strong);border:2px solid #a18f5c;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex;box-shadow:0 3px #a18f5c}button.project:hover:not(:disabled){border-color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffef8}button.project[aria-pressed=true]{border-color:var(--ink);background:var(--primary);box-shadow:0 4px 0 var(--ink)}button.project span{color:var(--muted-ink);font-size:.82rem;font-weight:700}button.project[aria-pressed=true] span{color:var(--ink)}.project-list{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.error{color:#9b3428;font-weight:700}.notice{color:var(--accent);font-weight:750}.hint{font-size:.86rem}.empty{text-align:center;border-radius:var(--radius-md);background:#fffef8cc;border:2px dashed #a18f5c;padding:1.75rem}.panel{border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 4px 0 var(--shadow);margin-top:1.35rem;padding:1.1rem}.workspace>.panel{margin-top:1rem}.workspace-grid{grid-template-columns:minmax(17rem,21rem) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.side{gap:.8rem;display:grid}.side .panel,.side .panel:first-child{margin-top:0}.stage{border:2px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 .45rem 0 var(--shadow);gap:.7rem;margin-top:1rem;padding:1rem;display:grid;position:sticky;top:1rem}.floor-plan-list,.furniture-list,.layout-list{margin-top:.7rem}.add-floor-plan,.add-layout{border-radius:var(--radius-sm);background:#fffa;border:2px dashed #a18f5c;margin-top:1rem;padding:1rem}.pending{margin-top:1rem}form.stage-upload{justify-items:center;gap:.85rem;display:grid}form.stage-upload label{justify-items:center;max-width:22rem}.scale-status{border:1.5px solid;border-radius:999px;align-items:center;width:fit-content;margin:.35rem 0;padding:.35rem .65rem;font-size:.86rem;font-weight:800;display:inline-flex}.scale-status.status-measured{color:var(--accent);background:var(--accent-soft)}.scale-status.status-estimated,.scale-status.status-unknown,.scale-status.status-none{color:#725d00;background:#fff2a6}.calibration-form{gap:.85rem;margin-top:1rem;display:grid}.status-choice{border-radius:var(--radius-sm);background:#fffef8;border:2px solid #a18f5c;gap:.5rem;margin:0;padding:.8rem;display:grid}.status-choice legend{color:var(--ink);padding:0 .35rem;font-size:.88rem;font-weight:750}label.choice{align-items:center;gap:.5rem;font-weight:500;display:flex}label.choice input{width:auto;min-width:1.15rem;min-height:1.15rem;accent-color:var(--accent)}.layout-rename,.furniture-edit{border-top:2px dashed #a18f5c;gap:.7rem;margin-top:1rem;padding-top:1rem;display:grid}.layout-rename p,.layout-clone p,.furniture-edit p{margin:0}.layout-clone{gap:.55rem;margin-top:1rem;display:grid}.measure-panel p{margin:.35rem 0}.measured-distance{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:850}.selection-panel{background:linear-gradient(145deg, var(--surface) 0 72%, var(--accent-soft) 150%)}.selection-panel:focus{outline:none}.selection-panel:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.display-toggle{align-items:center;gap:.7rem;display:flex}.display-toggle input{width:1.35rem;min-width:1.35rem;min-height:1.35rem;accent-color:var(--accent)}.display-settings .hint{margin-bottom:0}.selection-panel .facts{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem 1rem;margin:.75rem 0 1rem;display:grid}.selection-panel .facts div{background:#ffffffb8;border:1px solid #a3c9b8;border-radius:.45rem;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;display:flex}.selection-panel dt{color:var(--muted-ink);font-size:.82rem;font-weight:700}.selection-panel dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-weight:750}.selected-name{color:var(--ink);margin:0;font-size:1.08rem;font-weight:850}.furniture-edit h3{margin:0;font-size:.97rem}.pending-edit,.save-status{border:2px solid var(--ink);border-radius:var(--radius-sm);box-shadow:0 3px 0 var(--shadow);background:#fff2a6;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;display:grid}.pending-edit p,.save-status p{margin:0}.save-status.status-failed{border-color:var(--danger);background:#fff0eb}.layout-name{border:2px solid var(--ink);width:fit-content;color:var(--ink);background:var(--primary);box-shadow:0 3px 0 var(--ink);border-radius:.55rem;margin:0;padding:.42rem .75rem;font-weight:850}.viewer-toolbar{border-radius:var(--radius-md);background:#fffef8;border:2px solid #a18f5c;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;display:flex}.point-tabs{flex-wrap:wrap;gap:.4rem;margin-right:auto;display:flex}button.point-button{min-height:2.55rem;color:var(--ink);background:var(--surface-strong);padding:.55rem .8rem;box-shadow:0 3px #a18f5c}button.point-button[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.zoom{min-width:3.8rem;color:var(--ink);background:var(--accent-soft);text-align:center;font-variant-numeric:tabular-nums;border-radius:.4rem;padding:.3rem .5rem;font-weight:800}.viewport{border:3px solid var(--ink);border-radius:var(--radius-md);width:100%;height:clamp(18rem,58vh,42rem);box-shadow:inset 0 0 0 4px #fff9, 0 4px 0 var(--ink);touch-action:none;background-color:#c4fcf0;background-image:linear-gradient(#006e5e17 1px,#0000 1px),linear-gradient(90deg,#006e5e17 1px,#0000 1px);background-size:20px 20px;overflow:hidden}.viewport svg{-webkit-user-select:none;user-select:none;display:block}.viewport svg.mode-pan{cursor:grab}.viewport svg.mode-pan:active{cursor:grabbing}.viewport svg.mode-calibrate,.viewport svg.mode-measure{cursor:crosshair}.viewport svg.mode-select .placement{cursor:move}.viewport svg:focus-visible{outline:4px solid var(--primary);outline-offset:-7px}.calibration-line{stroke:var(--ink);stroke-dasharray:7 5}.measure-line{stroke:var(--danger)}.measure-point{fill:var(--surface);stroke:var(--danger)}.measure-label{text-anchor:middle;fill:#9b3428;paint-order:stroke;stroke:var(--surface);font-family:inherit;font-weight:850}.marker circle{fill:var(--surface)}.marker text{text-anchor:middle;paint-order:stroke;stroke:var(--surface);stroke-width:3px;font-family:inherit;font-weight:850}.placement rect{fill:#006e5e42;stroke:var(--accent)}.placement line.front{stroke:var(--accent)}.placement text{text-anchor:middle;dominant-baseline:middle;fill:var(--ink);paint-order:stroke;stroke:#fff9e6e6;font-family:inherit;font-weight:800}.placement.selected rect{fill:#ffd803aa;stroke:var(--ink)}.placement.selected line.front{stroke:var(--ink)}.placement rect.selection{fill:none;stroke:var(--ink);stroke-dasharray:8 5}.placement.pending rect{stroke-dasharray:7 4;opacity:.72}.marker-a circle{stroke:var(--danger)}.marker-a text{fill:#9b3428}.marker-b circle{stroke:var(--accent)}.marker-b text{fill:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (width<=900px){body.mobile-menu-open{overflow:hidden}main.workspace{width:min(100%,48rem);padding:.6rem .6rem calc(var(--mobile-selection-bar-height,0px) + 1rem + env(safe-area-inset-bottom));margin:0}.workspace-top>header{padding:.8rem}.workspace-top>header p{display:none}.header-actions{align-items:stretch}.mobile-menu-toggle{justify-content:center;align-items:center;display:inline-flex}.workspace-grid{grid-template-columns:minmax(0,1fr)}.stage{order:-1;margin-top:.7rem;padding:.7rem;position:static}.workspace-grid>.side{display:none}.workspace-grid>.side.mobile-open{z-index:40;inset:max(.5rem, env(safe-area-inset-top)) .5rem max(.5rem, env(safe-area-inset-bottom));overscroll-behavior:contain;border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--page);align-content:start;padding:.75rem;display:grid;position:fixed;overflow-y:auto;box-shadow:0 .6rem 2rem #49330055}.mobile-menu-heading{z-index:2;border-bottom:2px solid var(--ink);background:var(--primary);justify-content:space-between;align-items:center;gap:1rem;margin:-.75rem -.75rem 0;padding:.75rem;display:flex;position:sticky;top:-.75rem}.mobile-menu-heading strong{font-size:1.1rem}.mobile-menu-backdrop{z-index:35;width:100%;min-height:100%;box-shadow:none;background:#49330088;border:0;border-radius:0;padding:0;display:block;position:fixed;inset:0}.mobile-menu-backdrop:hover:not(:disabled),.mobile-menu-backdrop:active:not(:disabled){box-shadow:none;background:#49330088;transform:none}.mobile-selection-bar{z-index:30;right:.5rem;bottom:max(.5rem, env(safe-area-inset-bottom));border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--surface);gap:.55rem;padding:.65rem;display:grid;position:fixed;left:.5rem;box-shadow:0 -.3rem 1.2rem #49330033}.mobile-selection-name{align-items:baseline;gap:.55rem;min-width:0;display:flex}.mobile-selection-name span{color:var(--muted-ink);font-size:.78rem;font-weight:750}.mobile-selection-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-selection-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.mobile-selection-actions button{width:auto;min-height:44px;padding:.55rem .35rem}.mobile-operation-status{color:var(--danger);font-size:.75rem;font-weight:750}.viewport{height:min(64vh,100dvh - 13.5rem);min-height:20rem}}@media (width<=560px){body{background-size:18px 18px}main{border-radius:var(--radius-md);width:94vw;padding:1rem}main.workspace{width:96vw}.workspace-top>header,.panel,.stage{border-radius:var(--radius-md)}header,.row{flex-direction:column;align-items:stretch}.workspace-top>header{align-items:stretch}.header-actions{grid-template-columns:1fr 1fr;display:grid}button{width:100%}.point-tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}button.point-button{width:100%;padding-inline:.35rem}button.compact{flex:1;width:auto}.zoom{text-align:left;width:100%}.viewer-toolbar>.secondary.compact{flex:1;width:auto}.viewport{height:min(62vh,100dvh - 13.5rem);min-height:20rem}.mobile-selection-actions button{width:auto}}.wiring-status{background:#f1f5f9;border-radius:.65rem;gap:.2rem;margin-bottom:.75rem;padding:.7rem;display:grid}.wiring-status.satisfied{color:#166534;background:#dcfce7}.wiring-status.shortage{color:#991b1b;background:#fee2e2}.wiring-status.incomplete{color:#92400e;background:#fef3c7}.wiring-filters{gap:.4rem;margin-bottom:.65rem;display:flex}.wiring-filters [aria-pressed=true]{background:var(--accent,#2563eb);color:#fff}.wiring-panel form{gap:.55rem;display:grid}.wiring-panel label{gap:.25rem;display:grid}.wiring-connections,.wiring-issues{padding-left:1.2rem}.wiring-connections li{justify-content:space-between;align-items:center;gap:.5rem;margin:.35rem 0;display:flex}.wiring-issues li{margin:.35rem 0}.workspace-view-tabs{gap:.45rem;margin-top:.75rem;display:flex}.workspace-view-tabs button{color:#334155;background:#e2e8f0;flex:1;max-width:12rem}.workspace-view-tabs button[aria-current=page]{background:var(--accent,#2563eb);color:#fff}.wiring-workspace{width:min(44rem,100%);margin:0 auto}.wiring-workspace .wiring-panel{max-height:none;position:static}