@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#11110f;--paper:#efede6;--panel:#f7f5ef;--line:#cbc7bc;--muted:#77746d;--wolf:#d9ff36;--blue:#2259ff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit;color:inherit}.planner-shell{min-height:100vh}.planner-header{border-bottom:1px solid var(--line);background:#e8e5dd;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.brand{color:var(--ink);letter-spacing:.12em;align-items:center;gap:11px;font-size:15px;font-weight:900;text-decoration:none;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--wolf);clip-path:polygon(50% 0,100% 22%,88% 82%,50% 100%,12% 82%,0 22%);place-items:center;display:grid}.brand small{letter-spacing:.24em;margin-top:3px;font-size:7px;display:block}.planner-header>div{align-items:center;gap:22px;display:flex}.planner-header button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;padding:9px 13px;font-size:9px;font-weight:700}.save-state{color:#6c6f65;letter-spacing:.14em;font-size:8px}.save-state:first-letter{color:#6c9a3f}.planner-title{border-bottom:1px solid var(--line);grid-template-columns:1fr 460px;align-items:end;gap:40px;padding:24px 28px 20px;display:grid}.planner-title p{letter-spacing:.1em;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.planner-title>div>p{letter-spacing:.2em;color:var(--ink);font-size:8px;font-weight:700}.planner-title h1{letter-spacing:-.045em;margin:7px 0 0;font-size:34px}.planner-title h1 em{font-family:Georgia,serif;font-weight:400}.planner-grid{grid-template-columns:250px minmax(540px,1fr) 280px;min-height:calc(100vh - 170px);display:grid}.library-panel,.properties-panel{border-right:1px solid var(--line);background:#e8e5dd;padding:19px}.properties-panel{border-right:0;border-left:1px solid var(--line)}.panel-title{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:17px;display:flex}.panel-title>span{background:var(--ink);width:25px;height:25px;color:var(--wolf);place-items:center;font-size:8px;display:grid}.panel-title strong,.panel-title small{display:block}.panel-title strong{font-size:11px}.panel-title small{color:var(--muted);margin-top:3px;font-size:8px}.library-item{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;grid-template-columns:52px 1fr 22px;align-items:center;gap:10px;width:100%;margin-top:12px;padding:10px;display:grid}.library-item:hover{border-color:var(--ink)}.library-item strong,.library-item small{display:block}.library-item strong{font-size:10px}.library-item small{color:var(--muted);margin-top:3px;font-size:7px}.library-item>b{text-align:right;font-size:18px}.library-item.disabled{opacity:.5;cursor:default}.library-item.disabled>b{letter-spacing:.1em;font-size:6px}.cabinet-thumb{border:2px solid var(--ink);background:#fff;width:50px;height:48px;position:relative}.cabinet-thumb i:first-child,.cabinet-thumb i:nth-child(2){background:var(--ink);width:4px;position:absolute;top:0;bottom:0}.cabinet-thumb i:first-child{left:4px}.cabinet-thumb i:nth-child(2){right:4px}.cabinet-thumb i:nth-child(3){background:var(--ink);height:4px;position:absolute;bottom:4px;left:4px;right:4px}.worktop-thumb{background:repeating-linear-gradient(90deg,#aaa,#eee 1px,#aaa 2px);border:1px solid #777;height:18px}.object-list{margin-top:25px}.object-list>span{letter-spacing:.16em;color:var(--muted);font-size:7px}.object-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:10px 4px;display:flex}.object-list button.active{background:var(--ink);color:#fff;padding-left:9px}.object-list button i{font-size:7px;font-style:normal}.object-list button span{font-size:9px}.object-list button small{color:var(--muted);margin-top:3px;font-size:7px;display:block}.object-list button.active small{color:#999}.drawing-panel{background:#dcd9d0;min-width:0}.drawing-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.drawing-toolbar button{border:0;border-right:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;padding:10px 13px;font-size:8px}.drawing-toolbar button.active{background:var(--ink);color:var(--wolf)}.drawing-toolbar>span{letter-spacing:.12em;color:var(--muted);font-size:7px}.drawing-stage{grid-template-rows:1fr 1fr;gap:8px;height:calc(100vh - 280px);min-height:570px;padding:10px;display:grid}.drawing-stage.top,.drawing-stage.front{grid-template-rows:1fr}.view-card{background:#faf9f5;border:1px solid #bdb9af;min-height:0;overflow:hidden}.view-card svg{width:100%;height:100%;display:block}.view-title{letter-spacing:.14em;fill:#555;font-size:9px}.cabinet-drawing,.top-cabinet{cursor:pointer}.cabinet-drawing .hit{fill:#fff;stroke:none}.cabinet-drawing .door{fill:#f5f3ed;fill-opacity:.94;stroke:#111;stroke-width:1.5px}.cabinet-drawing .hinge-line{stroke:#777;stroke-width:1px;stroke-dasharray:4 3}.cabinet-drawing.selected>rect{stroke:var(--blue);stroke-width:2px}.module-label{fill:#555;font-size:8px}.worktop text,.surface-label{letter-spacing:.1em;fill:#555;font-size:7px}.dimension text{fill:#333;font-size:8px}.top-worktop{fill:#d0cec7;stroke:#111;stroke-width:1.5px}.top-cabinet rect{fill:#f7f5ef;fill-opacity:.78;stroke:#111;stroke-width:1.5px}.top-cabinet line{stroke:#888}.top-cabinet text{font-size:10px;font-weight:700}.top-cabinet.selected rect{fill:#dfe7ff;stroke:var(--blue);stroke-width:2px}.wall line{stroke:#111;stroke-width:4px}.wall text,.overhang-note text{fill:#777;font-size:7px}.run-summary{background:var(--ink);color:#fff;grid-template-columns:repeat(4,1fr);height:62px;display:grid}.run-summary>div{border-right:1px solid #393a36;padding:12px}.run-summary span,.run-summary strong{display:block}.run-summary span{letter-spacing:.12em;color:#8d8f88;font-size:6px}.run-summary strong{margin-top:5px;font-size:10px}.run-summary .warning strong{color:#ff806e}.properties-panel{overflow:auto}.property-section{border-bottom:1px solid var(--line);padding:17px 0}.property-section label{letter-spacing:.12em;margin-bottom:11px;font-size:7px;font-weight:700;display:block}.property-section input[type=number]{border:1px solid var(--line);background:var(--panel);width:100%;margin-top:5px;padding:9px;font-size:12px;font-weight:700;display:block}.property-section input:disabled{color:#777}.fixed-specs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fixed-specs span{border:1px solid var(--line);background:var(--panel);padding:9px}.fixed-specs small,.fixed-specs b{display:block}.fixed-specs small{color:var(--muted);font-size:6px}.fixed-specs b{margin-top:4px;font-size:10px}.fit-button{background:var(--ink);color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:0;width:100%;margin-top:10px;padding:9px;font-size:7px}.selected-properties>p{letter-spacing:.15em;color:var(--muted);margin:0;font-size:7px}.selected-properties h3{margin:6px 0 17px;font-size:15px}.door-toggle{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;padding:9px 0;position:relative;display:flex!important}.door-toggle>span{flex:1}.door-toggle b,.door-toggle small{display:block}.door-toggle b{font-size:9px}.door-toggle small{color:var(--muted);margin-top:3px;font-size:7px}.door-toggle input{opacity:0;position:absolute}.door-toggle i{background:#aaa;border-radius:20px;width:36px;height:19px;position:relative}.door-toggle i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;position:absolute;top:3px;left:3px}.door-toggle input:checked+i{background:var(--ink)}.door-toggle input:checked+i:after{background:var(--wolf);left:20px}.order-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.order-controls button,.delete-button{border:1px solid var(--line);background:var(--panel);cursor:pointer;padding:8px;font-size:7px}.delete-button{color:#a33;width:100%;margin-top:6px}.empty-properties{color:var(--muted);padding:25px 0;font-size:9px;line-height:1.5}.data-note{background:var(--ink);color:#fff;margin-top:20px;padding:12px}.data-note b,.data-note span{display:block}.data-note b{color:var(--wolf);letter-spacing:.12em;font-size:7px}.data-note span{color:#999;margin-top:6px;font-size:7px;line-height:1.4}@media (max-width:1100px){.planner-grid{grid-template-columns:220px minmax(500px,1fr)}.properties-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:220px 1fr 1fr;gap:18px;display:grid}.property-section{border:0;padding:0}.data-note{margin:0}.drawing-stage{height:650px}}@media (max-width:760px){.planner-title{grid-template-columns:1fr;gap:12px;padding:20px}.planner-title h1{font-size:28px}.planner-grid{grid-template-columns:1fr}.library-panel{border-right:0}.library-item{max-width:360px}.drawing-panel{min-width:0}.drawing-stage{height:auto;min-height:0}.view-card{height:330px}.drawing-stage.split{grid-template-rows:330px 330px}.properties-panel{border-left:0;grid-column:auto;display:block}.property-section{border-bottom:1px solid var(--line);padding:17px 0}.data-note{margin-top:18px}.planner-header{padding:0 15px}.save-state{display:none}.run-summary{grid-template-columns:1fr 1fr;height:auto}.drawing-toolbar>span{display:none}}.cabinet-drawing>rect:not(.hit):not(.opening):not(.door){fill:#d7d3ca;stroke:#080808;stroke-width:2.4px}.cabinet-drawing .opening{fill:#fff;stroke:#080808;stroke-width:2.4px}.cabinet-drawing .door{fill:none;stroke:#080808;stroke-width:2px}.cabinet-drawing.selected .hit{fill:#eef2ff}.cabinet-drawing.selected>rect{stroke:#080808}.module-label{fill:#222;font-weight:700}.floor-line{stroke:#080808;stroke-width:2px}.worktop rect{fill:#b9b7b0;stroke:#080808;stroke-width:2.4px}.worktop text,.surface-label{fill:#222;font-weight:700}.dimension line{stroke:#444;stroke-width:1.4px}.dimension text{fill:#111;font-weight:700}.top-worktop{fill:#d0cec7;fill-opacity:.55;stroke:#080808;stroke-width:2.4px}.top-cabinet .top-hit{fill:#fff;fill-opacity:.78;stroke:#080808;stroke-width:2.4px}.top-cabinet rect:not(.top-hit){fill:#d1cec5;stroke:#080808;stroke-width:2.4px}.top-cabinet line{stroke:#080808;stroke-width:2.4px;stroke-dasharray:none}.top-cabinet.selected .top-hit{fill:#e9eeff;fill-opacity:.8;stroke:#080808}.top-cabinet.selected rect{stroke:#080808;stroke-width:2.4px}.top-cabinet text{font-size:9px}.position-buttons{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;display:grid}.position-buttons button{border:1px solid var(--line);background:var(--panel);cursor:pointer;padding:8px 4px;font-size:7px}.position-buttons button:hover{border-color:var(--ink)}.input-help{color:var(--muted);letter-spacing:0;margin-top:-7px;margin-bottom:10px;font-size:7px;display:block}.cabinet-thumb.width-300{width:30px}.cabinet-thumb.width-900{width:62px;max-width:62px}.library-item{grid-template-columns:64px 1fr 22px}.library-manager{z-index:100;color:#b9bcbf;background:#101614;border:1px solid #a56a2a;padding:24px;position:fixed;inset:5vh 15vw;overflow:auto;box-shadow:0 0 0 100vmax #0009}.library-manager label{margin:8px 0;display:block}.library-manager input,.library-manager select{max-width:100%;margin:4px;padding:6px}.library-manager button{margin:6px;padding:8px}.library-manager fieldset{border:1px solid #b9bcbf;margin:12px 0}.library-manager-backdrop{z-index:99;background:#0009;position:fixed;inset:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
.drawing-toolbar{flex-wrap:wrap;gap:12px;height:auto;min-height:58px;padding-top:8px;padding-bottom:8px}.layer-toggles{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.layer-toggles label{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;background:#eeeae1;align-items:center;gap:5px;padding:6px 7px;font-size:7px;display:flex}.layer-toggles input{display:none}.layer-toggles i{border:1px solid #777;width:8px;height:8px}.layer-toggles input:checked+i{box-shadow:inset 0 0 0 2px #eeeae1}.layer-toggles .corpus input:checked+i{background:#708ca0}.layer-toggles .doors input:checked+i{background:#d6a947}.layer-toggles .worktop input:checked+i{background:#628b68}.layer-toggles .walls input:checked+i{background:#9a655b}.layer-toggles .dimensions input:checked+i{background:#222}.drawing-stage{height:calc(100vh - 305px)}.walls rect{fill:#9a655b;stroke:#57372f;stroke-width:2.5px}.cabinet-drawing>rect:not(.hit):not(.opening):not(.door){fill:#708ca0;stroke:#263844;stroke-width:2.5px}.cabinet-drawing .opening{fill:#dce5e9;stroke:#263844;stroke-width:2.5px}.cabinet-drawing.selected .hit{fill:#d8e5ff}.front-door rect{fill:#d6a947;fill-opacity:.65;stroke:#6d4c12;stroke-width:2.5px}.front-worktop rect{fill:#628b68;stroke:#29442e;stroke-width:2.5px}.front-worktop text{fill:#29442e;font-size:8px;font-weight:700}.top-cabinet{touch-action:none;cursor:grab}.top-cabinet:active{cursor:grabbing}.top-cabinet .top-hit{fill:#dce5e9;stroke:#263844;stroke-width:2.5px}.top-cabinet rect:not(.top-hit){fill:#708ca0;stroke:#263844;stroke-width:2.5px}.top-cabinet line{stroke:#263844;stroke-width:2.5px}.top-door rect{fill:#d6a947;stroke:#6d4c12;stroke-width:2.5px}.top-door line{stroke:#6d4c12;stroke-width:2px}.top-worktop-layer rect{fill:#628b68;stroke:#29442e;stroke-width:2.5px}.top-worktop-layer text{fill:#f3fff4;font-size:8px;font-weight:700}.swap-controls rect{cursor:pointer;fill:#111!important;stroke:#111!important}.swap-controls text{fill:var(--wolf);pointer-events:none;font-size:11px}.property-kicker{letter-spacing:.15em;color:var(--muted);margin:0 0 10px;font-size:7px;font-weight:700}.input-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.property-section .input-grid label{margin:0}.data-note .swatch{width:9px;height:9px;margin:0 6px 0 0;display:inline-block}.swatch.corpus{background:#708ca0}.swatch.doors{background:#d6a947}.swatch.worktop{background:#628b68}.swatch.walls{background:#9a655b}.top-svg{touch-action:none}.run-summary strong{white-space:nowrap}.view-card svg{min-width:0}.walls line{stroke:#57372f}.walls.walls{fill:#efe9dd;stroke:#9a655b;stroke-width:2px}.top-worktop-layer,.front-worktop{fill:#a56a2a;fill-opacity:.82;stroke:#5c3517;stroke-width:2.5px}.top-worktop-layer.stainless,.front-worktop.stainless{fill:#b9bcbf;stroke:#54595c}.top-door{stroke:#a56a2a!important;stroke-width:5px!important}.device-top rect,.front-appliance rect{fill:#b9bcbf;stroke:#101614;stroke-width:2px}.device-top text{fill:#101614;font-size:7px;font-weight:700}.view-arrow line{stroke:#a56a2a;stroke-width:2px}.view-arrow circle{fill:#101614;stroke:#a56a2a;stroke-width:2px}.view-arrow text{fill:#fff;font-size:11px;font-weight:800}.wall-handle{fill:#fff;stroke:#a56a2a;stroke-width:3px;cursor:crosshair}.wall-draft{stroke:#a56a2a;opacity:.7}.arch-window-front,.arch-door-front{cursor:grab;touch-action:none}@media (max-width:1200px){.layer-toggles{justify-content:flex-start}.drawing-toolbar{align-items:flex-start}.planner-grid{grid-template-columns:220px minmax(500px,1fr)}}@media (max-width:760px){.drawing-stage{height:auto}.layer-toggles{padding-left:0}.layer-toggles label{font-size:6px}.input-grid{grid-template-columns:1fr 1fr}.run-summary strong{white-space:normal}}.layer-toggles .plinths input:checked+i{background:#584636}.layer-toggles .appliances input:checked+i{background:#272a2e}.legs rect{fill:#41464b!important;stroke:#1e2225!important}.front-plinth,.top-plinth{fill:#584636;stroke:#2c2118;stroke-width:2px}.front-door.mode-drawers2 rect,.front-door.mode-drawers3 rect{fill:#d4a24a}.handles{pointer-events:none}.front-appliance rect{fill:#25282b;stroke:#050505;stroke-width:2px}.front-faucet{fill:none;stroke-width:4px}.front-faucet.black{stroke:#111}.front-faucet.gold{stroke:#b88a2e}.induction-top rect{fill:#22272b;stroke:#050505;stroke-width:2px}.induction-top circle{fill:none;stroke:#aeb5b8;stroke-width:2px}.sink-top>rect:first-child{fill:#b9bec0;stroke:#31373a;stroke-width:2px}.sink-top>rect:nth-child(2){fill:#e4e8e8;stroke:#31373a;stroke-width:2px}.drainer line{stroke:#5f6669;stroke-width:1px}.faucet-top.black{fill:#111;stroke:#111;stroke-width:3px}.faucet-top.gold{fill:#b88a2e;stroke:#8b641a;stroke-width:3px}.arch-door-front rect{fill:#faf9f5;stroke:#66473f;stroke-width:3px}.arch-window-front rect{fill:#bfe0ea;fill-opacity:.75;stroke:#3b6674;stroke-width:3px}.arch-door-top line,.arch-door-top path{fill:none;stroke:#66473f;stroke-width:3px}.arch-window-top line{stroke:#3b6674;stroke-width:8px}.drawing-wall{cursor:crosshair}.library-section{border-bottom:1px solid var(--line);padding:12px 0}.library-section h4{letter-spacing:.17em;color:#605d56;margin:0 0 8px;font-size:7px}.library-section .library-item{margin-top:6px}.mini-library{grid-template-columns:1fr 1fr;gap:5px;display:grid}.mini-library button{border:1px solid var(--line);background:var(--panel);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:54px;padding:8px 5px;font-size:7px;display:flex}.mini-library button:hover,.mini-library .active-tool{border-color:var(--ink);background:#fff}.handle-preview{display:block}.handle-preview.bar{border-top:4px solid #111;width:28px}.handle-preview.knob{background:#b88a2e;border-radius:50%;width:9px;height:9px}.handle-preview.edge{border-top:4px solid #aaa;width:30px}.device-preview.induction{background:#222;border:2px solid #555;width:34px;height:22px}.device-preview.sink{background:#dfe4e4;border:3px double #777;width:34px;height:22px}.device-preview.drainer{border-right:10px repeating-linear-gradient(90deg,#777,#777 1px,transparent 1px,transparent 3px)}.tap-preview{border-top:4px solid;border-bottom:0;border-left:0;border-right:4px solid;border-radius:0 15px 0 0;width:22px;height:25px}.tap-preview.black{border-color:#111}.tap-preview.gold{border-color:#b88a2e}.arch-preview{border:4px solid #9a655b;width:28px;height:27px;display:block}.arch-preview.pillar{background:#9a655b;width:18px}.arch-preview.door{border-bottom:0}.arch-preview.window{background:#bfe0ea;border-color:#3b6674}.pencil-icon{font-size:20px}.wall-length{margin-top:8px;font-size:7px;display:block}.wall-length input{border:1px solid var(--line);width:100%;margin-top:4px;padding:7px}.selected-properties select{border:1px solid var(--line);background:var(--panel);width:100%;margin-top:5px;padding:9px;font-size:9px;display:block}.library-panel{max-height:calc(100vh - 170px);overflow:auto}
.front-preview{background:#d6a947;border:2px solid #6d4c12;width:30px;height:28px;display:block}.front-preview.drawers{background:repeating-linear-gradient(0deg,#d6a947 0 8px,#6d4c12 8px 10px)}.front-preview.three{background:repeating-linear-gradient(0deg,#d6a947 0 6px,#6d4c12 6px 8px)}.front-preview.open{background:#dce5e9;border-color:#263844}
.front-appliance.sink600 rect,.front-appliance.sink900 rect{fill:#b9bec0;stroke:#394043}.front-appliance.induction rect{fill:#22272b}
.library-section{border-bottom:1px solid var(--line);padding:10px 0}.library-section summary{cursor:pointer;letter-spacing:.16em;padding:7px 2px;font-size:8px;font-weight:800;list-style:none}.library-section summary::-webkit-details-marker{display:none}.library-section summary:after{content:"+";float:right;font-size:13px}.library-section[open] summary:after{content:"−"}.library-section:not([open]){padding-bottom:4px}.property-section select{border:1px solid var(--line);background:var(--panel);width:100%;margin-top:5px;padding:9px;font-size:10px;display:block}.fixed-note{color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:8px;font-size:8px}.cabinet-drawing>rect:not(.hit):not(.opening),.top-cabinet rect:not(.top-hit){fill:#7fa883!important;stroke:#07140a!important;stroke-width:2.5px!important}.cabinet-drawing .opening{fill:#dce9dc!important}.front-door rect,.top-door rect{fill:#d6a947!important;fill-opacity:.9!important;stroke:#5f420c!important;stroke-width:2.2px!important}.front-worktop.wood rect,.top-worktop-layer.wood rect{fill:#9a623a!important;fill-opacity:.94!important;stroke:#3e2414!important;stroke-width:2.5px!important}.front-worktop.stainless rect,.top-worktop-layer.stainless rect{fill:#aeb7ba!important;fill-opacity:.96!important;stroke:#30383b!important;stroke-width:2.5px!important}.filler-panel{fill:#6b5140;stroke:#2c1c13;stroke-width:2px}.front-plinth,.top-plinth{fill:#6b5140!important}.aux-selected>*{stroke:#2259ff!important;stroke-width:4px!important}.induction-top,.sink-top,.walls g,.arch-door-top,.arch-window-top{cursor:grab}.drawing-wall{cursor:crosshair}.price-card{color:#fff;background:#11110f;margin-top:16px;padding:14px}.price-card>b,.price-card span,.price-card strong{justify-content:space-between;gap:8px;display:flex}.price-card>b{color:var(--wolf);letter-spacing:.14em;margin-bottom:10px;font-size:8px}.price-card span{color:#aaa;padding:4px 0;font-size:8px}.price-card em{color:#fff;font-style:normal}.price-card strong{border-top:1px solid #444;margin-top:8px;padding-top:10px;font-size:10px}.data-note .swatch.corpus{background:#7fa883}.data-note .swatch.worktop{background:#9a623a}.position-buttons{grid-template-columns:repeat(2,1fr)}
:root{--ink:#101614;--paper:#eef0f0;--panel:#f8f9f8;--line:#b9bcbf;--muted:#68706d;--wolf:#a56a2a;--blue:#a56a2a;--oak:#b47b3d;--steel:#b9bcbf}.cabinet-drawing>rect:not(.hit):not(.opening),.top-cabinet rect:not(.top-hit){fill:#b9bcbf!important;stroke:#101614!important}.cabinet-drawing .opening{fill:#f4f5f4!important}.front-door rect,.top-door rect,.front-worktop.wood rect,.top-worktop-layer.wood rect{fill:#a56a2a!important;stroke:#101614!important}.front-worktop.stainless rect,.top-worktop-layer.stainless rect{fill:#b9bcbf!important;stroke:#101614!important}.filler-panel,.front-plinth,.top-plinth{fill:#a56a2a!important;stroke:#101614!important}.aux-selected>*{stroke:#a56a2a!important}.wall-draft{fill:#a56a2a;fill-opacity:.65;stroke:#101614;stroke-width:2px;stroke-dasharray:7 4;pointer-events:none}.price-card{background:#101614}.price-card>b{color:#d3924c}.brand-mark{object-fit:cover;border:1px solid #2c3632;clip-path:none!important;width:48px!important;height:48px!important}.planner-header{color:#f5f6f5;background:#101614!important}.planner-header .brand{color:#fff}.planner-header button{color:#fff;border-color:#b9bcbf}.planner-header button:hover,.drawing-toolbar button.active{color:#fff!important;background:#a56a2a!important}.save-state{color:#b9bcbf!important}.data-note .swatch.corpus{background:#b9bcbf}.data-note .swatch.worktop{background:#a56a2a}.layout-toolbar{border-bottom:1px solid var(--line);color:#b9bcbf;background:#101614;align-items:center;gap:5px;height:38px;padding:0 18px;display:flex}.layout-toolbar span{letter-spacing:.15em;margin-right:6px;font-size:7px}.layout-toolbar button{color:#fff;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #525957;padding:6px 10px;font-size:7px}.layout-toolbar button.active{background:#a56a2a;border-color:#a56a2a}.drawing-stage{height:calc(100vh - 318px)}.file-input{display:none}.property-section input[type=text]{border:1px solid var(--line);background:var(--panel);width:100%;margin-top:5px;padding:9px;font-size:12px;font-weight:700;display:block}.new-project-button{background:#a56a2a!important;border-color:#a56a2a!important}.project-tabs{background:#202926;border-bottom:1px solid #3b4542;align-items:end;gap:4px;height:44px;padding:6px 28px 0;display:flex;overflow-x:auto}.project-tabs button{color:#d9dcdb;text-align:left;cursor:pointer;background:#313b38;border:1px solid #4b5552;border-bottom:0;border-radius:8px 8px 0 0;min-width:150px;height:38px;padding:6px 12px}.project-tabs button span,.project-tabs button small{display:block}.project-tabs button span{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:800;overflow:hidden}.project-tabs button small{letter-spacing:.12em;text-transform:uppercase;color:#929b98;margin-top:3px;font-size:6px}.project-tabs button.active{color:#101614;background:#eef0f0;border-color:#eef0f0}.project-tabs button.add-tab{text-align:center;width:38px;min-width:38px;font-size:17px}.draggable-item,.mini-library button[draggable=true]{cursor:grab}.draggable-item:active,.mini-library button[draggable=true]:active{cursor:grabbing}.mini-library button small{color:var(--muted);margin-top:3px;font-size:6px;display:block}.library-item:hover,.mini-library button:hover{transition:all .14s;transform:translateY(-1px);box-shadow:0 5px 12px #1016141f}.view-card{box-shadow:inset 0 0 0 1px #fff9,0 8px 24px #10161417}.top-worktop-layer{pointer-events:none;fill-opacity:1!important}.top-worktop-layer.wood{fill:var(--oak)!important}.top-worktop-layer.stainless{fill:var(--steel)!important}.cabinet-drawing.material-wood>rect:not(.hit):not(.opening),.top-cabinet.material-wood rect:not(.top-hit):not(.opening){fill:#798f84!important}.cabinet-drawing.material-stainless>rect:not(.hit):not(.opening),.top-cabinet.material-stainless rect:not(.top-hit):not(.opening){fill:var(--steel)!important}.trash-zone{pointer-events:none}.trash-zone rect{fill:#101614;stroke:#d3924c;stroke-width:3px;filter:drop-shadow(0 5px 8px #00000040)}.trash-zone path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trash-zone text{fill:#fff;letter-spacing:.12em;font-size:7px;font-weight:800}.top-cabinet.selected .top-hit,.device-top.aux-selected rect{filter:drop-shadow(0 0 5px #a56a2aa6)}@media (max-width:760px){.project-tabs{padding-left:15px}.project-tabs button{min-width:125px}.planner-header{flex-wrap:wrap;height:auto;min-height:72px;padding-top:8px;padding-bottom:8px}.planner-header>div{flex-wrap:wrap;gap:6px}}.boundary-wall{cursor:move}.boundary-wall line{stroke-linecap:square}.wall-edit-note{color:var(--muted);margin:0 0 12px;font-size:8px;line-height:1.45}.top-worktop-layer{pointer-events:auto;cursor:pointer}.top-worktop-layer.wood,.front-worktop.wood{fill:var(--oak)!important}.top-worktop-layer.stainless,.front-worktop.stainless{fill:var(--steel)!important}.top-worktop-layer.selected-worktop{filter:drop-shadow(0 0 5px #a56a2ae6);stroke:#fff!important;stroke-width:5px!important}.rotate-handle{cursor:pointer}.rotate-handle circle{fill:#101614!important;stroke:#a56a2a!important;stroke-width:3px!important}.rotate-handle text{pointer-events:none;fill:#fff!important;font-size:15px!important}.adjustable-shelf{stroke:#101614;stroke-width:2px;stroke-dasharray:7 4}.handles line{stroke-linecap:round;stroke:#101614!important;stroke-width:4px!important}.handles circle{fill:#d2a447!important;stroke:#101614!important;stroke-width:1.5px!important}.handle-edge-steel line{stroke:#b9bcbf!important;stroke-width:6px!important}.layer-toggles i{background:#fff;position:relative;width:13px!important;height:13px!important}.layer-toggles input:checked+i:after{content:"✓";color:#101614;text-align:center;font-size:13px;font-weight:900;line-height:15px;position:absolute;inset:-4px -2px 0}.property-subtitle{color:var(--ink)!important;margin:14px 0 6px!important;font-size:7px!important;font-weight:800!important}.position-buttons button.active-tool,.rotate-property-button{color:#fff;background:#101614;border-color:#a56a2a}.position-buttons button:disabled{opacity:.38;cursor:not-allowed}.rotate-property-button{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:1px solid #a56a2a;width:100%;padding:9px;font-size:7px}.project-properties{opacity:.78}.worktop-library-item:disabled{opacity:.45;cursor:not-allowed}.option-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-grid button{border:1px solid var(--line);background:var(--panel);cursor:pointer;min-height:38px;padding:7px 5px;font-size:7px}.option-grid button.active-tool{color:#fff;background:#101614;border-color:#a56a2a}.floor-height-control{margin-top:15px}.technical-specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0 8px;padding:9px 0}.technical-specs summary{letter-spacing:.1em;cursor:pointer;font-size:7px;font-weight:800}.technical-specs .fixed-specs{margin-top:9px}.front-draggable{cursor:grab;touch-action:none}.front-draggable:active,.arch-window-front:active,.arch-door-front:active{cursor:grabbing}.front-door{pointer-events:none}.cabinet-options .rotate-property-button{margin-top:13px}
.canvas-viewport{width:100%;height:100%;position:relative;overflow:hidden}.canvas-viewport>svg{touch-action:none;-webkit-user-select:none;user-select:none}.canvas-controls{z-index:2;gap:4px;display:flex;position:absolute;top:6px;right:8px}.canvas-controls button{background:var(--panel);min-width:36px;min-height:36px;color:var(--ink);border:1px solid var(--line);padding:4px 8px}.canvas-controls button[aria-pressed=true]{outline:2px solid #a56a2a}.placement-hint{border-bottom:1px solid #a56a2a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mobile-workspace-tools,.sheet-close,.sheet-backdrop{display:none}.drawing-stage.rear{grid-template-rows:1fr}.planner-grid{grid-template-columns:230px minmax(0,1fr) 280px}.properties-panel{grid-column:auto;display:block}.planner-title{grid-template-columns:1fr 1fr}.layout-toolbar{white-space:nowrap;overflow-x:auto}.project-tabs{flex-wrap:nowrap;overflow-x:auto}.library-manager input,.library-manager select{font-size:16px}.library-manager{overscroll-behavior:contain}@media (min-width:1024px) and (max-width:1279px){.planner-grid{grid-template-columns:200px minmax(0,1fr) 260px}.drawing-toolbar{flex-wrap:wrap;height:auto;min-height:48px}.drawing-stage{height:calc(100dvh - 300px);min-height:420px}}@media (max-width:1023px){.planner-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.planner-header{flex-shrink:0;gap:8px;height:auto;min-height:56px;padding:6px 10px}.planner-header .brand{flex-shrink:0;font-size:10px}.planner-header .brand small{display:none}.planner-header>div{white-space:nowrap;gap:6px;overflow-x:auto}.planner-header button{min-height:44px;padding:8px;font-size:11px}.planner-title{display:none}.project-tabs{flex-shrink:0;min-height:44px}.project-tabs button,.project-tabs input{min-height:40px;font-size:14px}.planner-grid{flex:1;min-height:0;display:block;overflow:hidden}.drawing-panel{flex-direction:column;height:100%;display:flex}.mobile-workspace-tools{flex-shrink:0;gap:4px;padding:6px;display:flex;overflow-x:auto}.mobile-workspace-tools button{white-space:nowrap;min-width:44px;min-height:44px;padding:8px;font-size:13px}.mobile-workspace-tools button[aria-pressed=true]{border-color:#a56a2a}.layout-toolbar{flex-shrink:0;min-height:44px;padding:3px}.layout-toolbar button{min-height:40px;padding:8px;font-size:12px}.drawing-toolbar{white-space:nowrap;flex-shrink:0;justify-content:flex-start;gap:4px;height:auto;min-height:44px;padding:0 4px;overflow-x:auto}.drawing-toolbar button{min-height:44px;font-size:12px}.drawing-toolbar>button:nth-of-type(2),.drawing-toolbar>button:nth-of-type(3),.drawing-toolbar>div:not(.layer-toggles){display:none}.layer-toggles{gap:10px;display:flex}.layer-toggles label{align-items:center;min-height:44px;font-size:12px;display:flex}.layer-toggles input{width:20px;height:20px}.drawing-stage,.drawing-stage.top,.drawing-stage.front,.drawing-stage.rear{flex:1;grid-template-rows:1fr;height:auto;min-height:0;padding:4px}.drawing-stage.split{grid-template-rows:1fr 1fr}.view-card{height:auto;min-height:0}.canvas-controls button{min-width:44px;min-height:44px;font-size:13px}.run-summary{display:none}.library-panel,.properties-panel{z-index:31;max-height:76dvh;padding:12px 16px max(16px,env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid var(--line);display:none;position:fixed;inset:auto 0 0;overflow:auto}.panel-library .library-panel,.panel-properties .properties-panel{display:block}.sheet-close{z-index:2;background:var(--panel);min-height:44px;margin-left:auto;padding:8px 16px;display:block;position:sticky;top:0}.sheet-backdrop{z-index:30;background:#0007;border:0;display:block;position:fixed;inset:0}.library-panel button,.properties-panel button,.library-panel summary,.properties-panel summary{min-height:44px;font-size:14px}.library-item{max-width:none}.library-item strong{font-size:14px}.library-item small,.panel-title small,.property-section label,.selected-properties>p,.empty-properties{font-size:12px}.property-section input[type=number],.property-section select,.library-panel input,.library-manager input{min-height:44px;font-size:16px}.option-grid,.position-buttons{gap:8px}.library-manager{padding:16px;inset:2dvh 3vw}.library-manager button{min-height:44px}.planner-shell>p[role=alert]{flex-shrink:0;max-height:90px;margin:0;padding:8px;font-size:13px;overflow:auto}.placement-hint{flex-shrink:0;font-size:13px}.placement-hint button{min-height:44px}.save-state{display:none}}
:root{--ink:#101614;--steel:#b9bcbf;--wolf:#a56a2a;--control-radius:12px;--panel-radius:20px}button,input,select,summary{transition:background-color .14s,border-color .14s,box-shadow .14s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--wolf);outline-offset:3px}button:active:not(:disabled){box-shadow:inset 0 2px 5px #10161426}button[aria-pressed=true]{border-color:var(--wolf);color:var(--ink);background:#e7dbcc}.library-item,.mini-library button,.price-card,.view-card,.library-manager{border-radius:var(--panel-radius)}.property-section input,.property-section select,.option-grid button,.library-manager input,.library-manager select{border-radius:var(--control-radius)}.planner-header button,.drawing-toolbar button,.layout-toolbar button,.sheet-close,.mobile-workspace-tools button,.canvas-controls button,.placement-hint button,.library-manager button,.rotate-property-button{border-radius:999px}.canvas-controls button[aria-label],.mobile-workspace-tools button[aria-label],.project-tabs .add-tab{aspect-ratio:1;border-radius:50%;flex-shrink:0;padding:4px}.project-tabs button{border-radius:12px 12px 0 0}.view-card{overflow:hidden}.library-item:hover,.mini-library button:hover{border-color:var(--wolf);transform:none;box-shadow:0 2px 9px #10161416}.price-card{box-shadow:0 6px 20px #10161412}.top-cabinet.selected .top-hit,.cabinet-drawing.selected .hit,.aux-selected>*,.top-worktop-layer.selected-worktop{vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #a56a2a55);stroke:var(--wolf)!important;stroke-width:1.5px!important}.rotate-handle circle{vector-effect:non-scaling-stroke;stroke-width:1.5px!important}.drawing-stage{position:relative}.action-feedback{z-index:5;background:var(--ink);color:#f7f8f7;border:1px solid var(--steel);pointer-events:none;border-radius:999px;max-width:90%;padding:9px 16px;font-size:12px;animation:.16s ease-out state-appear;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #10161426}.action-feedback.snapped{border-color:var(--wolf)}.action-feedback.blocked{border:2px solid var(--wolf)}.drawing-stage[data-feedback=blocked] .view-card{box-shadow:inset 0 0 0 2px var(--wolf)}.planner-shell>p[role=alert]{border-left:3px solid var(--wolf);white-space:pre-line;background:#f2e8db;padding:9px 14px;font-size:13px}.save-state[data-saved=true]:before{content:"✓ ";color:#d7ac7c}.save-state[data-saved=true],.selected-properties,.view-card{animation:.16s ease-out state-appear}.property-section:focus-within{border-color:var(--wolf)}@keyframes state-appear{0%{opacity:.35}to{opacity:1}}@media (max-width:1023px){.library-panel,.properties-panel{border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #10161433}.panel-library .library-panel,.panel-properties .properties-panel{animation:.18s ease-out sheet-open}.action-feedback{bottom:10px}.planner-header>div{flex-wrap:nowrap}.save-state{font-size:11px;display:inline}.mobile-workspace-tools button{flex-shrink:0}.library-manager{border-radius:20px}}@keyframes sheet-open{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}