:root{--ink: oklch(24% .018 233);--rail: oklch(27% .022 235);--rail-raised: oklch(33% .022 235);--paper: oklch(96% .012 83);--canvas: oklch(93% .012 83);--panel: oklch(98% .008 83);--line: oklch(82% .014 83);--muted: oklch(47% .015 233);--accent: oklch(55% .105 47);--accent-ink: oklch(98% .008 83);--focus: oklch(49% .13 235);--danger: oklch(53% .16 30);--success: oklch(57% .1 153);--bed: oklch(66% .07 75);--kitchen: oklch(63% .07 42);--storage: oklch(57% .04 215);--utility: oklch(68% .06 175);--electric: oklch(68% .08 270);--font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--shadow: 0 12px 30px oklch(24% .018 233 / .09)}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.5}button,input,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:9;inset:var(--space-2) auto auto var(--space-2);transform:translateY(-200%);background:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:4.5rem minmax(0,1fr)}.topbar{min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--panel)}.brand{color:var(--ink);background:transparent;padding:0;font-size:1.375rem;font-weight:720;letter-spacing:-.07em;line-height:1}.brand span{color:var(--accent)}.project-select select{max-width:10rem;border:0;background:transparent;color:var(--ink);font-weight:650;padding:var(--space-2)}.project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.875rem}.top-tools{display:flex;gap:var(--space-1);margin-inline:auto}.tool-button,.icon-button{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);color:var(--ink);background:transparent;font-size:1.25rem}.tool-button.is-active{background:#f5e0d2;color:var(--accent)}.icon-button:hover,.tool-button:hover{background:var(--canvas)}.danger{color:var(--danger)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.button{min-height:2.75rem;padding-inline:var(--space-4);border-radius:var(--radius-sm);white-space:nowrap;font-weight:650}.button-quiet{background:transparent;color:var(--ink)}.button-quiet:hover{background:var(--canvas)}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:#904b26}.button-primary:active{background:#83401a}.workbench{min-height:0;display:grid;grid-template-columns:17.5rem minmax(0,1fr) 19rem}.catalog-panel,.inspector-panel{min-height:0;overflow:auto}.catalog-panel{background:var(--rail);color:var(--paper);border-right:1px solid oklch(42% .018 233);display:flex;flex-direction:column}.inspector-panel{background:var(--panel);border-left:1px solid var(--line);padding:var(--space-5)}.panel-title,.inspector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.panel-title{padding:var(--space-5) var(--space-4) var(--space-3)}.panel-title .icon-button{color:var(--paper)}.eyebrow{display:block;color:var(--muted);font-size:.6875rem;letter-spacing:.09em;line-height:1.2;text-transform:uppercase;font-weight:700}.catalog-panel .eyebrow{color:#adbac1}h1,h2,h3,p{margin:0}h1,h2{overflow-wrap:anywhere;min-width:0}h1{font-size:1.25rem;line-height:1.15;letter-spacing:-.03em}h2{font-size:1.125rem;line-height:1.2;letter-spacing:-.025em}h3{font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}.catalog-list{padding:0 var(--space-3) var(--space-4)}.catalog-group{border-top:1px solid oklch(42% .018 233);padding:var(--space-3) 0}.catalog-group h2{display:flex;justify-content:space-between;margin-bottom:var(--space-2);color:#eeebe5;font-size:.8125rem;font-weight:650;letter-spacing:.01em}.catalog-group h2 span{color:#94a1a8;font-variant-numeric:tabular-nums}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.catalog-item{min-width:0;display:grid;gap:var(--space-1);align-content:start;min-height:6.8rem;padding:var(--space-2);text-align:left;border:1px solid oklch(42% .018 233);border-radius:var(--radius-sm);color:var(--paper);background:var(--rail-raised)}.catalog-item:hover{border-color:#bf947f;background:#32424c}.catalog-item:active{background:#2b3a44}.catalog-item>span:not(.catalog-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600}.catalog-item small{color:#a0adb4;font-size:.625rem}.catalog-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.375rem;color:var(--ink);font-size:1.25rem;font-weight:700}.catalog-preview{width:2.75rem;height:2.25rem;object-fit:contain;object-position:left center;filter:saturate(.82) contrast(1.06)}.bed{background:var(--bed)}.kitchen{background:var(--kitchen)}.storage{background:var(--storage)}.utility{background:var(--utility)}.electric{background:var(--electric)}.catalog-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;padding:var(--space-3) var(--space-4);border-top:1px solid oklch(42% .018 233);color:#adbac1;font-size:.6875rem}.catalog-footer button{padding:0;background:transparent;color:var(--paper);text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}.status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--success)}.canvas-panel{min-width:0;min-height:0;display:grid;grid-template-rows:4.75rem minmax(0,1fr) 2.75rem;background:var(--canvas)}.canvas-toolbar,.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-inline:var(--space-5);border-bottom:1px solid var(--line);background:var(--panel)}.canvas-toolbar strong{display:block;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.view-switch{display:flex;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-sm)}.view-switch button{min-height:2rem;padding:0 var(--space-3);border-radius:.3125rem;color:var(--muted);background:transparent;font-size:.75rem;font-weight:650;white-space:nowrap}.view-switch button.selected{color:var(--ink);background:var(--paper);box-shadow:0 1px 2px #1721261f}.canvas-wrap{min-height:0;overflow:auto;padding:var(--space-6)}.canvas-wrap.mode-3d{display:grid;overflow:hidden;padding:var(--space-4)}.plan-stage{position:relative;width:min(40rem,100%);min-width:28rem;min-height:100%;margin:0 auto;display:grid;place-items:center;padding:var(--space-6)}.van-plan{position:relative;width:min(100%,22rem);aspect-ratio:var(--van-width) / var(--van-length);min-height:35rem;border:2px solid var(--ink);border-radius:3.5rem 3.5rem 1rem 1rem;background-color:#e6ddcc;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:5.55% 2.33%;box-shadow:var(--shadow);overflow:visible}.van-plan:before{content:"";position:absolute;inset:1rem;border:1px dashed oklch(50% .02 233 / .45);border-radius:2.75rem 2.75rem .5rem .5rem;pointer-events:none}.cab-mark{position:absolute;z-index:0;inset:0 0 auto;height:19%;display:grid;place-items:center;border-bottom:2px solid var(--ink);border-radius:3.3rem 3.3rem 0 0;color:var(--muted);font-size:.5625rem;font-weight:700;letter-spacing:.11em}.door{position:absolute;z-index:3;top:31%;width:7%;height:15%;border:2px solid var(--ink);background:var(--paper)}.door-left{left:-7%;border-right:0;border-radius:.5rem 0 0 .5rem}.door-right{right:-7%;border-left:0;border-radius:0 .5rem .5rem 0}.plan-object{position:absolute;z-index:2;display:grid;place-items:center;align-content:center;gap:.1rem;min-width:1.75rem;min-height:1.75rem;border:1.5px solid oklch(24% .018 233 / .7);border-radius:.25rem;color:var(--ink);box-shadow:0 1px #fbf8f26b inset;transition:box-shadow .16s ease-out,filter .16s ease-out}.plan-object:hover{filter:brightness(1.04)}.plan-object.selected{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px #0069972e;box-shadow:0 0 0 5px oklch(49% .13 235 / .18)}.object-icon{font-size:clamp(.75rem,2vw,1.25rem);line-height:1}.object-label,.object-size{max-width:100%;overflow:hidden;padding-inline:.2rem;text-overflow:ellipsis;white-space:nowrap}.object-label{font-size:clamp(.5rem,1.25vw,.6875rem);font-weight:750}.object-size{font-size:.5rem;color:#1c2830}.plan-ruler{position:absolute;color:var(--muted);font-size:.625rem;font-variant-numeric:tabular-nums}.plan-ruler.top{inset:var(--space-2) var(--space-6) auto;display:flex;justify-content:space-between}.plan-ruler.side{inset:var(--space-6) auto var(--space-6) 0;display:flex;flex-direction:column;justify-content:space-between}.canvas-footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:.6875rem}.zoom-controls{display:flex;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums}.zoom-controls button{width:1.75rem;height:1.75rem;border:1px solid var(--line);border-radius:.25rem;color:var(--ink);background:var(--panel);font-size:1rem}.inspector-header{padding-bottom:var(--space-5);border-bottom:1px solid var(--line)}.inspector-header p,.empty-inspector p{margin-top:var(--space-1);color:var(--muted);font-size:.8125rem}.inspection-section{padding-block:var(--space-4);border-bottom:1px solid var(--line)}.inspection-section h3{display:flex;justify-content:space-between;margin-bottom:var(--space-3);color:var(--ink)}.inspection-section h3 span{color:var(--muted);font-size:.625rem;font-weight:500}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}label{display:grid;gap:var(--space-1);color:var(--muted);font-size:.6875rem;font-weight:650}input,select{width:100%;min-height:2.75rem;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-2);background:var(--panel);color:var(--ink);font-size:.8125rem;font-variant-numeric:tabular-nums}input:hover,select:hover{border-color:#758a96}input:disabled{background:var(--canvas);color:var(--muted);cursor:not-allowed}.select-row{grid-template-columns:1fr minmax(0,1.35fr);align-items:center;margin-block:var(--space-2)}.select-row select{min-height:2.25rem}.clearance p{color:var(--success);font-size:.8125rem}.clearance-indicator{display:inline-block;width:.5rem;height:.5rem;margin-right:var(--space-1);border-radius:50%;background:var(--success)}.empty-inspector{padding-top:20vh;text-align:center}.empty-mark{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:0 auto var(--space-3);border-radius:50%;background:var(--canvas);color:var(--muted);font-size:1.5rem}.perspective{position:relative;min-height:0;height:100%;overflow:hidden;background:radial-gradient(circle at 72% 20%,oklch(90% .06 75 / .9),transparent 24rem),var(--canvas)}.real-3d canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.real-3d canvas:active{cursor:grabbing}.scene-caption{position:absolute;z-index:2;top:var(--space-5);left:var(--space-5);max-width:18rem;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:#fbf8f2e6;box-shadow:var(--shadow);pointer-events:none}.scene-caption h2{margin-top:var(--space-1)}.scene-caption p{margin-top:var(--space-2);color:var(--muted);font-size:.8125rem}.scene-controls{position:absolute;z-index:2;right:var(--space-4);bottom:var(--space-4);display:flex;gap:var(--space-2)}.scene-controls button{min-height:2.75rem;padding-inline:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #1721261a}.scene-controls button:hover{background:var(--paper)}.toast{position:fixed;z-index:8;right:var(--space-4);bottom:var(--space-4);max-width:min(22rem,calc(100% - 2rem));padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--rail);color:var(--paper);box-shadow:var(--shadow);font-size:.8125rem;opacity:0;transform:translateY(1rem);pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}.toast.show{opacity:1;transform:translateY(0)}.mobile-nav{display:none}.scene-controls{flex-wrap:wrap;max-width:calc(100% - 2rem);justify-content:flex-end}.scene-caption{max-width:15rem;padding:var(--space-3)}@media(max-width:59.99rem){.workbench{grid-template-columns:15.5rem minmax(0,1fr)}.inspector-panel{position:fixed;z-index:5;top:4.5rem;right:0;bottom:0;width:min(20rem,90vw);transform:translate(105%);box-shadow:var(--shadow);transition:transform .18s ease-out}body.show-inspector .inspector-panel{transform:translate(0)}}@media(max-width:39.99rem){.app-shell{grid-template-rows:4rem minmax(0,1fr) 4rem}.topbar{padding-inline:var(--space-3)}.project-name,.top-tools,.button-quiet{display:none}.project-select{margin-left:auto}.project-select select{max-width:8rem}.header-actions{gap:0}.button-primary{min-height:2.5rem;padding-inline:var(--space-3);font-size:.75rem}.workbench{grid-template-columns:minmax(0,1fr)}.catalog-panel{position:fixed;z-index:5;top:4rem;left:0;bottom:4rem;width:min(18rem,90vw);transform:translate(-105%);box-shadow:var(--shadow);transition:transform .18s ease-out}body.show-catalog .catalog-panel{transform:translate(0)}.inspector-panel{top:4rem;bottom:4rem}.canvas-panel{grid-template-rows:4.25rem minmax(0,1fr) 2.25rem}.canvas-toolbar,.canvas-footer{padding-inline:var(--space-3)}.canvas-toolbar strong{font-size:.6875rem}.canvas-wrap{padding:var(--space-3)}.plan-stage{min-width:23rem;padding:var(--space-5)}.van-plan{min-height:31rem}.canvas-footer>span:first-child{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel);border-top:1px solid var(--line)}.mobile-nav button{min-height:4rem;border-right:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:.75rem;font-weight:700;white-space:nowrap}.mobile-nav button:active{background:var(--canvas)}.scene-caption{top:var(--space-3);left:var(--space-3);max-width:13rem;padding:var(--space-3)}.scene-caption p{display:none}.scene-controls{right:var(--space-3);bottom:var(--space-3)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}