:root{color:#1c2b27;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1c2b27;--muted:#68756f;--line:#d7dfdb;--panel:#fbfcfb;--canvas:#edf2ef;--accent:#286d61;--accent-dark:#1d544b;--accent-soft:#deeee9;--warning:#c67a27;background:#e9eeeb;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #286d613d}.app-shell{background:var(--canvas);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#fbfcfbf5;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 20px;display:grid;position:relative;box-shadow:0 4px 24px #19302a0d}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--ink);border-radius:11px;width:38px;height:38px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.brand-mark span{border:3px solid #a9d9ca;width:13px;height:13px;position:absolute}.brand-mark span:first-child{border-bottom:0;border-right:0;top:7px;left:7px}.brand-mark span:last-child{border-top:0;border-left:0;bottom:7px;right:7px}.brand h1{letter-spacing:-.02em;margin:0 0 3px;font:700 15px/1.2 Inter,Segoe UI,Arial,sans-serif}.brand p{color:var(--muted);margin:0;font-size:11px}.view-switch{background:#e8eeeb;border-radius:11px;gap:2px;padding:4px;display:flex}.view-switch button{color:#63726c;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 19px;font-size:12px;font-weight:600}.view-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #1c2b271a}.topbar-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.icon-button,.secondary-button,.primary-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;height:36px;padding:0 14px;font-size:12px;font-weight:600}.icon-button{width:36px;padding:0;font-size:17px}.icon-button:disabled{opacity:.38;cursor:default}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 4px 10px #286d6129}.divider{background:var(--line);width:1px;height:24px;margin:0 3px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.export-menu{position:relative}.export-menu .primary-button{align-items:center;gap:7px;display:inline-flex}.export-popover{z-index:20;background:#fff;border:1px solid #d8e1dd;border-radius:11px;width:210px;padding:6px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 36px #1c2b2729}.export-popover button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:9px 10px;display:block}.export-popover button:hover{background:#edf4f1}.export-popover button:disabled{opacity:.42;cursor:not-allowed}.export-popover strong,.export-popover span{display:block}.export-popover strong{font-size:10px}.export-popover span{color:#7a8782;margin-top:2px;font-size:8px}.app-notice{z-index:50;color:#395047;background:#fff;border:1px solid #d3dfda;border-radius:10px;align-items:center;gap:8px;max-width:360px;padding:10px 13px;font-size:10px;font-weight:600;display:flex;position:fixed;top:85px;right:18px;box-shadow:0 12px 28px #1c2b2726}.app-notice span{color:#fff;background:#4a936a;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.app-notice.error{color:#994d43;border-color:#eccfc9}.app-notice.error span{background:#b95045}.workspace{grid-template-columns:232px minmax(600px,1fr) 278px;height:calc(100vh - 74px);display:grid}.left-panel,.right-panel{background:#fbfcfbf5;overflow-y:auto}.left-panel{border-right:1px solid var(--line);padding:20px 14px}.right-panel{border-left:1px solid var(--line);padding:20px 17px}.tool-group{border-bottom:1px solid #e6ebe8;margin-bottom:18px;padding:0 2px 20px}.tool-group h2,.inspector-section h3{color:#7a8782;text-transform:uppercase;letter-spacing:.11em;margin:0 0 10px;font-size:10px;line-height:1.2}.tool-list{gap:4px;display:grid}.tool-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;width:100%;min-height:42px;padding:4px 8px;font-size:12px;font-weight:500;display:grid}.tool-button:hover{background:#f0f4f2}.tool-button.active{color:var(--accent-dark);background:var(--accent-soft);border-color:#c7e0d8}.tool-icon{background:#edf1ef;border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;font-weight:600;display:grid}.tool-button.active .tool-icon{color:#fff;background:var(--accent)}kbd{color:#8a9691;background:#fff;border:1px solid #dfe5e2;border-bottom-width:2px;border-radius:5px;padding:4px 5px;font:600 9px/1 Inter,Segoe UI,Arial,sans-serif}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading>span{color:#83908b;font-size:10px}.library-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.library-grid button{color:#596761;background:#f8faf9;border:1px solid #e0e6e3;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:63px;padding:8px;font-size:10px;display:flex}.library-grid button span{color:#7d8c86;background:#e4ebe7;border-radius:6px;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.library-preview p{color:#8a9691;margin:9px 2px 0;font-size:9px;line-height:1.45}.canvas-region{background:var(--canvas);grid-template-rows:46px minmax(0,1fr);min-width:0;display:grid}.canvas-toolbar{background:#f2f6f4e6;border-bottom:1px solid #cad5d0cc;align-items:center;gap:14px;padding:0 16px;display:flex}.status-pill{background:#fff;border:1px solid #dce4e0;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.status-pill span{background:#3aa36c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e2f4e9}.canvas-title{color:#75817d;font-size:10px}.canvas-control{color:#61716b;cursor:pointer;background:#fff;border:1px solid #d7e0dc;border-radius:7px;height:28px;padding:0 9px;font-size:9px;font-weight:700}.canvas-control.active{color:var(--accent-dark);background:var(--accent-soft);border-color:#b9d6ce}.finish-route-button{height:28px;padding:0 10px;font-size:9px}.canvas-select{color:#75817d;align-items:center;gap:6px;font-size:9px;display:flex}.canvas-select select{color:#4f5e59;background:#fff;border:1px solid #d7e0dc;border-radius:7px;height:28px;font-size:9px}.zoom-controls{background:#fff;border:1px solid #d7e0dc;border-radius:8px;align-items:center;margin-left:auto;display:flex;overflow:hidden}.zoom-controls button,.zoom-controls span{background:0 0;border:0;border-right:1px solid #e1e7e4;place-items:center;min-width:30px;height:28px;font-size:10px;display:grid}.zoom-controls button{cursor:pointer}.zoom-controls span{color:#6c7974;min-width:46px}.zoom-controls>:last-child{border-right:0;padding:0 9px}.canvas-frame{min-height:0;padding:18px}.floor-plan-canvas,.canvas-empty,.preview-placeholder{background:#f3f6f4;border:1px solid #d8e1dd;border-radius:15px;width:100%;height:100%;box-shadow:0 14px 35px #233f3712}.canvas-frame .three-d-preview{border:1px solid #d8e1dd;border-radius:15px;box-shadow:0 14px 35px #233f3717}.grid-minor{fill:none;stroke:#dce5e1;stroke-width:.7px}.grid-major{fill:none;stroke:#cbd8d3;stroke-width:.9px}.room-floor{fill:#e5d5b7;stroke:none}.warning-overlay{pointer-events:none;stroke-width:3px;stroke-dasharray:9 6}.warning-overlay.amber{fill:#de913126;stroke:#ca7d24}.warning-overlay.red{fill:#ca504129;stroke:#be574a}.alignment-guides line{stroke:#2d94b0;stroke-width:1.5px;stroke-dasharray:6 5;pointer-events:none}.room-wall{fill:none;stroke:#31413c;stroke-linecap:square;stroke-linejoin:miter}.wall-hit{fill:#0000;cursor:pointer;pointer-events:all}.selected-wall{stroke:#3a8f7f;opacity:.78;pointer-events:none}.opening-symbol{cursor:pointer}.cable-route{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;pointer-events:stroke}.cable-route.power{stroke:#d27f32}.cable-route.ethernet{stroke:#347d9f;stroke-dasharray:10 6}.route-draft .cable-route{opacity:.68}.route-point{fill:#fff;stroke-width:3px;pointer-events:none}.cable-routes-layer .selected .route-point{cursor:move;pointer-events:all}.route-point.power{stroke:#d27f32}.route-point.ethernet{stroke:#347d9f}.cable-routes-layer .selected .cable-route{stroke-width:9px}.route-label{fill:#4b5a55;paint-order:stroke;stroke:#f7faf8;stroke-width:4px;font-size:12px;font-weight:700}.opening-cut{stroke:#e5d5b7}.door-leaf,.window-line{stroke:#346f63;stroke-width:5px}.door-swing{fill:#42837414;stroke:#68a093;stroke-width:2px;stroke-dasharray:6 4}.opening-symbol.selected .door-leaf,.opening-symbol.selected .window-line{stroke:#238e78;stroke-width:7px}.opening-hit{fill:#0000;pointer-events:all}.opening-label{fill:#23685b;paint-order:stroke;stroke:#f7faf8;stroke-width:4px;font-size:13px;font-weight:700}.floor-plan-canvas.is-placing-object{cursor:crosshair}.placed-object{cursor:move}.object-shape{fill:#ad8262;stroke:#5c493d;stroke-width:2px}.object-chair .object-shape{fill:#52615d}.object-sofa-bed .object-shape{fill:#9b9b8e}.object-cabinet .object-shape{fill:#c29c6e}.object-monitor .object-shape,.object-pc .object-shape{fill:#303b39;stroke:#17201e}.infrastructure-shape{fill:#f6f7f4;stroke:#56877c}.infra-dot{fill:#2b7f6d}.object-detail{stroke:#ffffff8c;stroke-width:2px}.object-label{fill:#243d36;paint-order:stroke;stroke:#f7faf8;stroke-width:4px;pointer-events:none;font-size:12px;font-weight:700}.object-hit{fill:#0000;pointer-events:all}.object-selection{fill:none;stroke:#1f8d76;stroke-width:2px;stroke-dasharray:5 4;pointer-events:none}.resize-handle{fill:#fff;stroke:#1f8d76;stroke-width:2px;cursor:nwse-resize;pointer-events:all}.rotation-stem{stroke:#1f8d76;stroke-width:2px;pointer-events:none}.rotation-handle{fill:#fff;stroke:#1f8d76;stroke-width:3px;cursor:grab;pointer-events:all}.rotation-handle:active{cursor:grabbing}.item-dimension line{stroke:#548579;stroke-width:1.2px}.item-dimension text{fill:#235f54;paint-order:stroke;stroke:#f7faf8;stroke-width:4px;font-size:11px;font-weight:700}.dimension line{stroke:#548579;stroke-width:1.4px}.dimension rect{fill:#f9fbfa;stroke:#d0ded9;stroke-width:1px}.dimension text{fill:#235f54;font-size:14px;font-weight:700}.north-marker path{fill:#385e55}.north-marker text,.scale-note text{fill:#72837d;font-size:12px;font-weight:600}.scale-note circle{fill:#71968c}.canvas-empty,.preview-placeholder{color:#7c8a85;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.canvas-empty.is-placing{cursor:crosshair}.rectangle-preview-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rectangle-preview{fill:#286d611a;stroke:var(--accent);stroke-width:3px;stroke-dasharray:10 7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 8px 12px #286d6124)}.rectangle-preview-label{fill:var(--accent-dark);paint-order:stroke;stroke:#fff;stroke-width:7px;stroke-linejoin:round;font-size:12px;font-weight:700}.wall-draft{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wall-draft polyline,.wall-draft line{fill:none;stroke:var(--accent);stroke-width:10px;stroke-linecap:square;stroke-linejoin:miter}.wall-draft .wall-preview-line{stroke-width:3px;stroke-dasharray:8 7;opacity:.72}.wall-draft .wall-preview-length{fill:#235f54;paint-order:stroke;stroke:#fff;stroke-width:4px;font-size:12px;font-weight:800}.wall-draft circle{fill:#fff;stroke:var(--accent);stroke-width:4px}.wall-draft .draft-start{fill:#fff}.wall-draft .draft-start.can-close{fill:#d6f4e8;stroke:#16826d;stroke-width:5px}.canvas-empty strong,.preview-placeholder strong{color:#33443e;font:700 18px Inter,Segoe UI,Arial,sans-serif}.canvas-empty span,.preview-placeholder span{font-size:12px}.empty-room-icon{border:3px solid #92a29c;width:56px;height:48px;margin-bottom:8px;transform:skewY(-8deg)}.inspector-heading{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.warnings-panel{border-bottom:1px solid #e2e8e5;margin-bottom:18px;padding-bottom:18px}.warnings-panel.has-warnings{background:#fffaf5;border:1px solid #eed8c4;border-radius:11px;padding:12px}.warnings-heading{justify-content:space-between;align-items:center;display:flex}.warnings-heading h2{margin:2px 0 0;font-size:13px}.warning-count{color:#357254;background:#e5f2e9;border-radius:999px;place-items:center;min-width:28px;height:22px;font-size:9px;font-weight:800;display:grid}.has-warnings .warning-count{color:#9b552c;background:#f7dfcb}.warning-list{gap:7px;margin-top:10px;display:grid}.warning-item{background:#fff;border-radius:8px;grid-template-columns:20px 1fr;gap:7px;padding:8px;display:grid}.warning-item.red{border:1px solid #efd3cd}.warning-item.amber{border:1px solid #f0dfc7}.warning-marker{color:#fff;background:#c56d2f;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:grid}.warning-item.red .warning-marker{background:#b94e43}.warning-item strong{font-size:9px;display:block}.warning-item p{color:#7d6a60;margin:3px 0 0;font-size:8px;line-height:1.35}.clearance-clear{color:#66756f;align-items:center;gap:7px;margin-top:9px;font-size:9px;display:flex}.clearance-clear span{color:#fff;background:#479267;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.clearance-clear p{margin:0}.clearance-settings{margin-top:9px}.clearance-settings summary{color:#75827d;cursor:pointer;font-size:8px;font-weight:700}.threshold-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px;display:grid}.threshold-grid label{color:#6c7873;font-size:8px}.eyebrow{color:#8a9691;text-transform:uppercase;letter-spacing:.11em;font-size:9px}.inspector-heading h2{letter-spacing:-.02em;margin:3px 0 0;font:700 17px Inter,Segoe UI,Arial,sans-serif}.more-button{color:#7a8782;cursor:pointer;letter-spacing:2px;background:0 0;border:0}.unit-select-label{color:#64716c;margin-bottom:14px;font-size:10px;font-weight:600;display:block}.unit-select-label select{color:#2d4039;background:#fff;border:1px solid #d9e1dd;border-radius:8px;width:100%;height:36px;margin-top:5px;padding:0 10px;font-size:11px;font-weight:600}.inspector-card{background:#fff;border:1px solid #dce4e0;border-radius:11px;padding:11px;box-shadow:0 4px 12px #223a330a}.creation-card{color:#52605b;grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.creation-card strong{color:var(--ink);font-size:11px;display:block}.creation-card p{margin:4px 0 0;font-size:9px;line-height:1.45}.step-badge{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:grid}.dimension-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dimension-fields h3{grid-column:1/-1}.text-field{color:#2d4039;background:#fff;border:1px solid #d9e1dd;border-radius:8px;width:100%;height:36px;margin-top:5px;padding:0 10px;font-size:11px;font-weight:600}.object-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.danger-button{color:#a84f43;cursor:pointer;background:#fff7f5;border:1px solid #ebc8c1;border-radius:9px;height:36px;font-size:11px;font-weight:700}.danger-button.full-width{width:100%;margin-top:20px}.route-kind-badge{color:#fff;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.route-kind-badge.power{background:#c9772f}.route-kind-badge.ethernet{background:#357e9f}.route-summary-card{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.route-summary-icon{color:#ad6728;background:#faeadb;border-radius:9px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.route-summary-card strong{font-size:14px}.route-summary-card p,.inspector-copy{color:#75837d;margin:4px 0 0;font-size:9px;line-height:1.5}.placement-tip{margin-top:14px}.room-summary{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.summary-icon{width:35px;height:35px;color:var(--accent);background:var(--accent-soft);border-radius:9px;place-items:center;font-size:19px;display:grid}.room-summary strong,.room-summary span{display:block}.room-summary strong{font-size:12px}.room-summary div span{color:#77837e;margin-top:3px;font-size:9px}.valid-badge{color:#347354;background:#e5f2e9;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:700}.inspector-section{border-top:1px solid #e5ebe8;margin-top:20px;padding-top:18px}.inspector-section label{color:#64716c;margin-top:10px;font-size:10px;font-weight:500;display:block}.field-with-unit{background:#fff;border:1px solid #d9e1dd;border-radius:8px;grid-template-columns:1fr auto;height:36px;margin-top:5px;display:grid;overflow:hidden}.field-with-unit input{color:#2d4039;background:0 0;border:0;min-width:0;padding:0 10px;font-size:11px;font-weight:600}.field-with-unit span{color:#7c8984;background:#f1f4f2;border-left:1px solid #e0e6e3;place-items:center;padding:0 9px;font-size:9px;display:grid}.two-column{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.two-column h3{grid-column:1/-1}.material-field{text-align:left;background:#fff;border:1px solid #dce3df;border-radius:8px;grid-template-columns:19px 1fr auto;align-items:center;gap:6px;width:100%;height:47px;margin-top:5px;padding:0 7px;font-size:9px;display:grid}.material-field select{color:#41514b;background:0 0;border:0;min-width:0;font-size:8px;font-weight:600}.swatch{border:1px solid #202d291f;border-radius:5px;width:19px;height:25px}.wall-swatch{background:#f4f0e7}.floor-swatch{background-color:#cba978;background-image:linear-gradient(90deg,#0000 48%,#4c37201f 49%,#0000 52%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.health-score{background:#e8f3eb;border-radius:999px;padding:4px 7px;font-weight:700;color:#3d7859!important}.health-row{grid-template-columns:24px 1fr;align-items:start;gap:7px;margin-top:13px;display:grid}.health-check{color:#fff;background:#479267;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;font-weight:700;display:grid}.health-row strong{font-size:10px}.health-row p{color:#82908a;margin:3px 0 0;font-size:9px;line-height:1.35}.inspector-tip{color:#66756f;background:#f0f6f3;border:1px solid #d8e4e0;border-radius:9px;grid-template-columns:20px 1fr;gap:7px;margin-top:20px;padding:10px;font-size:9px;line-height:1.45;display:grid}.inspector-tip span{color:#fff;background:#688e83;border-radius:50%;place-items:center;width:17px;height:17px;font-weight:700;display:grid}.inspector-tip p{margin:0}.desktop-required{display:none}@media (width<=1279px){.workspace,.topbar{display:none}.desktop-required{text-align:center;color:#66756f;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.desktop-required h1{color:var(--ink);margin:18px 0 8px;font:700 24px Inter,Segoe UI,Arial,sans-serif}.desktop-required p{margin:0}}