@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#303a34;--muted:#707c68;--faint:#858d7c;--surface:#fff;--canvas:#f7f5f0;--soft:#f4f6ee;--hover:#eeeee7;--border:#e0e1d9;--border-soft:#edf0e8;--border-strong:#9d9f8f;--active-bg:#e9eee2;--active-border:#dbe2d2;--active-ink:#5b6d4c;--source-bg:#f3eee5;--source-ink:#94754b;--error-bg:#fff0e7;--error-ink:#a5412c;--red:#b9432c;--primary-ink:#fff;--primary-hover:#a23826}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e1e2d8;--muted:#a3ad9e;--faint:#90998b;--surface:#242a26;--canvas:#191f1c;--soft:#2b322c;--hover:#333c34;--border:#3c453d;--border-soft:#343d35;--border-strong:#77816f;--active-bg:#384533;--active-border:#56664a;--active-ink:#bed1a9;--source-bg:#393329;--source-ink:#d3b48b;--error-bg:#402c26;--error-ink:#f3aa93;--red:#dc8064;--primary-ink:#241f1c;--primary-hover:#eda187}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.38;cursor:not-allowed}button{transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:3px}button:hover:not(:disabled){background-color:var(--hover)}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:5px;outline:none;min-width:0;padding:9px 10px}input:focus,select:focus,textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px #b9432c12}textarea{resize:vertical;min-height:74px;line-height:1.5}h2{letter-spacing:-.7px;margin:10px 0 13px;font-size:23px;font-weight:550;line-height:1.25}p{line-height:1.65}a{color:inherit}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:28px;height:82px;padding:0 25px;display:flex}.brand{letter-spacing:.6px;min-width:212px;color:var(--ink);align-items:center;gap:10px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;text-decoration:none;display:flex}.brand-shop{letter-spacing:0;color:var(--red);font-weight:500}.brand small{letter-spacing:1.55px;margin-top:2px;font-family:DM Sans,sans-serif;font-size:7.5px;font-weight:600;display:block}.brand-mark{border:1px solid var(--red);width:37px;height:40px;color:var(--red);clip-path:polygon(0 17%,50% 0,100% 17%,100% 100%,0 100%);background:#b9432c0b;place-items:center;display:grid}.eyebrow{letter-spacing:1.65px;color:var(--muted);font-size:9px;font-weight:650}.project-picker{border-left:1px solid var(--border);min-width:170px;padding-left:27px}.project-picker .eyebrow{margin-bottom:6px;display:block}.project-picker select{background:0 0;border:none;width:auto;max-width:255px;padding:0 22px 0 0;font-weight:600}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.local-status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-right:12px;font-size:10px;display:flex}.live-dot{background:#829979;border-radius:50%;width:6px;height:6px;display:inline-block}.unsaved .live-dot{background:#c79d59}.button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:550;display:inline-flex}.dark-button{color:#fff;background:#343d33;border-color:#343d33}.dark-button:hover:not(:disabled){background:#465242}.primary{background:var(--red);border-color:var(--red);color:var(--primary-ink)}.primary:hover:not(:disabled){background:var(--primary-hover)}.subtle-button{background:0 0;border-color:#0000}.workspace-bar{border-bottom:1px solid var(--border);background:var(--soft);flex-shrink:0;justify-content:space-between;align-items:center;height:53px;padding:0 25px;display:flex}.breadcrumbs,.bar-actions{align-items:center;gap:15px;display:flex}.breadcrumbs{color:var(--muted);font-size:11px}.breadcrumbs strong{color:var(--ink);font-weight:500}.draft-badge{letter-spacing:1px;border:1px solid var(--border);background:var(--active-bg);color:var(--active-ink);border-radius:3px;padding:4px 6px;font-size:8px}.dimension-summary{color:var(--muted);margin-right:13px;font-size:11px}.dimension-summary span{padding:0 6px}.icon-button{background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.toolbar-divider{background:var(--border);width:1px;height:18px}.bar-actions{gap:8px}.tool-toggle{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}.tool-toggle.active{background:var(--active-bg);border-color:var(--active-border);color:var(--active-ink)}.workspace{flex:1;min-height:0;display:flex}.sidebar{background:var(--surface);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.library{border-right:1px solid var(--border);width:243px}.inspector{border-left:1px solid var(--border);width:266px}.sidebar-title{border-bottom:1px solid var(--border-soft);height:57px;color:var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;font-weight:600;display:flex}.sidebar-title svg{color:var(--muted)}.library-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:18px;padding:0 18px;display:flex}.library-tabs button{text-transform:capitalize;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:15px 0 12px;font-size:10px}.library-tabs button.active{border-bottom-color:var(--red);color:var(--red);font-weight:600}.library-content,.inspector-content{flex:1;padding:22px 18px;overflow-y:auto}.section-heading{letter-spacing:1.3px;color:var(--ink);justify-content:space-between;margin-bottom:12px;font-size:9px;font-weight:650;display:flex}.section-heading span{color:var(--faint);font-size:9px}.muted{color:var(--muted)}.help{margin:8px 0 20px;font-size:11px;line-height:1.7}.catalog{flex-direction:column;gap:9px;display:flex}.catalog-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:5px;align-items:center;gap:10px;min-height:60px;padding:9px;display:flex;position:relative}.catalog-card:hover:not(:disabled){border-color:var(--border-strong);background:var(--soft)}.catalog-card strong{font-size:11px;font-weight:550;display:block}.catalog-card small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.catalog-card small span{color:var(--faint)}.catalog-plus{color:var(--muted);margin-left:auto}.catalog-illustration{background:var(--soft);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:40px;display:flex}.mini-footprint{border:1px solid var(--item-color);background:color-mix(in srgb, var(--item-color) 17%, transparent);border-radius:2px;width:26px;height:22px}.mini-0{background:0 0;border-left-width:4px;border-right-width:4px}.mini-1{box-shadow:inset 0 0 0 2px var(--surface);border-width:3px;border-radius:1px}.mini-2{border-bottom:3px solid var(--item-color);height:13px}.mini-3{border-radius:5px;width:18px;height:28px;box-shadow:inset 0 5px #7c869430,inset 0 -5px #7c869430}.mini-4{background:repeating-linear-gradient(90deg,#0000,#0000 7px,#8d816c 8px 9px);height:14px}.mini-5{border-radius:7px;width:15px;height:23px}.mini-7{border-style:dashed}.library-note{color:var(--muted);gap:9px;margin-top:22px;font-size:9px;line-height:1.6;display:flex}.library-note p{margin:0}.tiny-square{background:#bca989;flex-shrink:0;width:6px;height:6px;margin-top:5px}.library-footer{border-top:1px solid var(--border);flex-direction:column;gap:7px;padding:17px 18px;display:flex}.library-footer button{color:var(--muted);background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.library-footer>span{color:var(--faint);margin-left:23px;font-size:9px}.editor-center{flex-direction:column;flex:1;min-width:0;display:flex}.canvas-area{touch-action:none;background:var(--canvas);flex:1;min-height:250px;position:relative;overflow:hidden}.canvas-area.panning{cursor:grab}.canvas-area.placing{cursor:crosshair}.canvas-top,.canvas-bottom{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:23px;right:23px}.canvas-top{top:22px}.view-chip{background:var(--surface);border:1px solid var(--border);letter-spacing:1px;color:var(--muted);border-radius:4px;align-items:center;gap:7px;padding:8px 10px;font-size:8px;display:flex;box-shadow:0 2px 4px #33333304}.subtle{color:var(--faint)}.plan-note{letter-spacing:1.2px;color:var(--faint);font-size:8px}.canvas-bottom{color:var(--faint);gap:10px;font-size:9px;bottom:20px}.zoom-controls{background:var(--surface);border:1px solid var(--border);pointer-events:auto;border-radius:5px;align-items:center;padding:3px;display:flex}.zoom-controls button{height:27px;color:var(--muted);background:0 0;border:0;border-radius:3px;padding:0 10px;font-size:11px}.zoom-controls button.active{background:var(--active-bg)}.zoom-controls span{text-align:center;width:39px;font-size:9px}.canvas-feedback{color:var(--surface);text-align:center;pointer-events:none;background:#343e32;border-radius:5px;max-width:90%;padding:10px 18px;font-size:11px;position:absolute;bottom:75px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0002}.editor-status{border-top:1px solid var(--border);background:var(--surface);height:35px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 17px;font-size:9px;display:flex}.editor-status>span{align-items:center;gap:6px;display:flex}.editor-status button{color:var(--muted);white-space:nowrap;background:0 0;border:0;font-size:9px}.status-dot{background:#8b9f78;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.status-dot.warning{background:#b78b52}.inspector-content{padding:26px 21px}.overview-symbol{width:58px;height:58px;color:var(--muted);background:var(--soft);border:1px solid var(--border);border-radius:9px;justify-content:center;align-items:center;margin-bottom:25px;display:flex}.building-stats{border-top:1px solid var(--border-soft);margin-top:23px}.building-stats>div{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px 0;font-size:10px;display:flex}.building-stats span{color:var(--muted)}.building-stats strong{color:var(--ink);font-weight:550}.spacing-top{margin-top:25px}.zone-summary{align-items:center;gap:10px;padding:9px 0;display:flex}.zone-summary>span{border-radius:2px;width:11px;height:24px}.zone-summary strong{color:var(--ink);font-size:10px;font-weight:550;display:block}.zone-summary small{letter-spacing:1px;color:var(--faint);margin-top:5px;font-size:8px;display:block}.info-card{background:var(--soft);border:1px solid var(--border);color:var(--muted);border-radius:5px;gap:9px;margin:24px 0 17px;padding:13px 11px;display:flex}.info-card svg{flex-shrink:0;margin-top:2px}.info-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.fine-print{color:var(--faint);font-size:9px;line-height:1.75}.inspector-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:19px 18px;display:flex}.inspector-footer strong{color:var(--muted);font-size:10px;font-weight:500;display:block}.inspector-footer small{color:var(--faint);margin-top:5px;font-size:9px;display:block}.source-tag{background:var(--source-bg);color:var(--source-ink);border:1px solid var(--border);text-transform:capitalize;border-radius:3px;padding:4px 7px;font-size:9px;display:inline-block}.field{flex-direction:column;gap:7px;margin:13px 0;display:flex}.field>span{color:var(--muted);font-size:10px}.field input,.field select{font-size:11px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-grid .field{margin-top:0}.field-error{color:var(--red);font-size:10px}.two-actions{gap:7px;display:flex}.two-actions .button{flex:1;padding:8px;font-size:10px}.object-actions{border-top:1px solid var(--border);gap:17px;margin-top:20px;padding-top:17px;display:flex}.danger{color:var(--error-ink)}.active{color:var(--red)}.full-width{width:100%}.door-list{margin-top:25px}.door-list button{border:none;border-bottom:1px solid var(--border-soft);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:12px 5px;font-size:10px;display:flex}.door-list small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.layer-row{border:0;border-bottom:1px solid var(--border-soft);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:13px 0;font-size:11px;display:flex}.layer-row>span:nth-child(2){flex:1}.layer-swatch{border-radius:3px;width:12px;height:12px;display:block}.error-banner{background:var(--error-bg);color:var(--error-ink);flex-shrink:0;align-items:center;gap:10px;padding:10px 20px;font-size:11px;display:flex}.error-banner span{flex:1}.error-banner button:not(.icon-button){white-space:nowrap;background:#fff;border:1px solid #dfb4a3;border-radius:4px;padding:5px 10px;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#242d2866;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:10px;width:100%;max-width:490px;max-height:90dvh;padding:35px;position:relative;overflow:auto;box-shadow:0 20px 100px #17201835}.modal h2{letter-spacing:-.8px;font-size:27px}.modal p{color:var(--muted);font-size:12px}.modal-close{position:absolute;top:15px;right:15px}.export-option{border:1px solid var(--border);text-align:left;background:var(--soft);width:100%;color:var(--muted);border-radius:5px;align-items:center;gap:15px;margin:12px 0;padding:17px;display:flex}.export-option strong{color:var(--ink);font-size:12px;font-weight:550;display:block}.export-option small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.text-button{text-underline-offset:3px;color:var(--source-ink);background:0 0;border:0;padding:12px 0 0;font-size:10px;text-decoration:underline}.checks-list{color:var(--source-ink);padding-left:18px;font-size:11px;line-height:1.7}.checks-list li{margin:8px 0}.mobile-only,.mobile-nav{display:none}.cloud-footer{background:var(--surface);text-align:left;cursor:pointer;border-bottom:0;border-left:0;border-right:0}.cloud-message{background:var(--soft);border-radius:4px;padding:10px 12px;font-size:11px!important}@media (width>=1600px){.library{width:270px}.inspector{width:285px}.catalog-card{min-height:69px}.library-content{padding:25px 22px}.catalog{gap:12px}}@media (width<=1200px){.library{width:212px}.inspector{width:237px}.app-header{gap:13px;padding:0 17px}.brand{min-width:180px}.project-picker{padding-left:17px}.local-status{display:none}.catalog-card{gap:8px;padding:7px}.catalog-card strong{font-size:10px}.catalog-illustration{width:34px}.dimension-summary,.canvas-bottom>span{display:none}}@media (width<=1000px){.inspector{width:218px}.library{width:197px}.sidebar-title{padding:0 15px}.library-content,.inspector-content{padding:20px 14px}.library-tabs{gap:14px;padding:0 14px}.header-actions .subtle-button span{display:none}.desktop-only{display:none!important}.canvas-top{left:15px;right:15px}.plan-note{display:none}.canvas-bottom{justify-content:flex-end}.brand{min-width:170px}.project-picker select{max-width:190px}.catalog-plus{display:none}}@media (width<=760px){.app-header{gap:9px;height:68px;padding:0 13px}.brand{gap:7px;min-width:142px;font-size:22px}.brand small{letter-spacing:1px;font-size:6px}.brand-mark{width:30px;height:34px}.project-picker{flex:1;min-width:0;padding-left:10px}.project-picker select{width:100%;max-width:200px;font-size:11px}.project-picker .eyebrow{letter-spacing:1px;font-size:7px}.header-actions{gap:0}.header-actions .dark-button{display:none}.header-actions .button{padding:8px}.workspace-bar{gap:8px;height:49px;padding:0 12px}.breadcrumbs{gap:8px}.breadcrumbs>span:first-child,.breadcrumbs>span:nth-child(2){display:none}.breadcrumbs strong{font-size:10px}.bar-actions{gap:2px}.tool-toggle{gap:4px;padding:6px;font-size:9px}.toolbar-divider{margin:0 5px}.library,.inspector{z-index:10;width:min(320px,90vw);display:none;position:absolute;top:117px;bottom:59px;box-shadow:0 6px 20px #27312625}.library{left:0}.inspector{right:0}.sidebar.mobileOpen{display:flex}.mobile-only{display:inline-flex}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);z-index:11;flex-shrink:0;justify-content:space-around;height:59px;display:flex}.mobile-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 15px;font-size:9px;display:flex}.canvas-top{top:15px}.editor-status{height:30px;padding:0 10px;font-size:8px}.editor-status button{font-size:8px}.view-chip{font-size:7px}.modal{padding:28px 22px}.modal h2{font-size:23px}.library-content,.inspector-content{padding:24px 20px}.catalog-card strong{font-size:12px}.catalog-card{min-height:62px}.error-banner{padding:8px 10px;font-size:10px}.canvas-bottom{bottom:14px;right:14px}.field input,.field select,.field textarea{font-size:16px}.inspector-footer{padding:12px 18px}.canvas-area{min-height:200px}}.theme-picker{background:var(--soft);width:84px;padding:7px 5px;font-size:11px}@media (width<=760px){.theme-picker{width:65px;padding:7px 2px;font-size:10px}}.bot-check{min-height:65px;margin:14px 0}.code-input{letter-spacing:8px;text-align:center;font-size:26px!important}.cloud-current{border:1px solid var(--border);background:var(--soft);border-radius:6px;padding:17px}.cloud-current>strong{margin:10px 0;font-size:15px;display:block}.account-email{overflow-wrap:anywhere}.change-email{margin-left:18px}.library-tabs{justify-content:space-between;gap:0;padding:0 10px}.library-tabs button{padding:14px 4px 11px}.floor-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:9px 16px;display:flex}.floor-toolbar>.tool-toggle:last-child{margin-left:auto}.floor-switch{background:var(--soft);border:1px solid var(--border);border-radius:6px;gap:3px;padding:3px;display:flex}.floor-switch button{background:0 0;border:0;border-radius:4px;padding:7px 10px;font-size:11px}.floor-switch button.active{background:var(--active-bg);color:var(--active-ink)}.office-prompt{background:var(--soft);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:10px;display:flex}.office-prompt button{color:var(--active-ink);white-space:nowrap;background:0 0;border:0;font-size:11px}.starter-card{border:1px solid var(--active-border);background:var(--active-bg);border-radius:7px;margin:0 0 20px;padding:15px}.starter-card strong{font-size:12px}.starter-card p{color:var(--muted);font-size:11px;line-height:1.65}.space-actions{gap:9px;display:grid}.space-actions .button{justify-content:flex-start}.space-meta{color:var(--muted);margin-top:5px;font-size:9px;display:block}.spaces-panel .layer-row,.layer-swatch{background-color:var(--active-bg)}.check-option{cursor:pointer;align-items:flex-start;gap:8px;margin:14px 0;font-size:11px;line-height:1.5;display:flex}.check-option input{width:15px;min-width:15px;height:15px;accent-color:var(--active-ink);margin:1px 0 0;padding:0}.planning-step{border-bottom:1px solid var(--border);padding:6px 0 15px}.planning-step p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.7}.planning-step .text-button{font-size:10px}.preset-row{align-items:center;gap:7px;display:flex}.floor-section{background:var(--canvas);border:1px solid var(--border);border-radius:6px;width:100%;margin-top:20px;display:block}.planning-guide a{color:var(--active-ink)}@media (width<=760px){.floor-toolbar{gap:4px;padding:7px 10px}.floor-switch button{padding:7px;font-size:10px}.floor-toolbar .tool-toggle{font-size:9px}.office-prompt{align-items:flex-start;padding:8px 10px}.office-prompt span{max-width:52%;line-height:1.5}}.floor-toolbar .tool-toggle{flex-shrink:0}@media (width<=760px){.floor-toolbar .tool-toggle{padding:6px 3px;font-size:9px}.floor-toolbar .tool-toggle:last-child{margin-left:0}}
