:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf3ee;background:#0f1714;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0f1714;--panel: #151f1b;--panel-2: #1a2721;--panel-3: #203129;--border: #2a3b33;--border-soft: #22312a;--muted: #8fa49a;--text: #eaf3ee;--green: #62d995;--green-strong: #31c979;--green-dim: #193f2d;--danger: #ef8275;--warning: #f0bd68;--topbar-height: 54px;--status-height: 32px;--tool-width: 56px;--inspector-width: 334px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:1px}button:disabled{opacity:.38;cursor:not-allowed}.studio-app{display:grid;grid-template-rows:var(--topbar-height) minmax(0,1fr) var(--status-height);width:100%;height:100%;background:var(--bg)}.topbar{z-index:30;display:grid;grid-template-columns:auto auto minmax(120px,1fr) auto;align-items:center;gap:14px;height:var(--topbar-height);padding:0 10px 0 12px;background:linear-gradient(180deg,#17221d,#121b17);border-bottom:1px solid #2b3a33;box-shadow:0 2px 14px #00000040}.brand-lockup{display:flex;align-items:center;gap:9px;min-width:max-content}.brand-mark{position:relative;width:27px;height:27px;border:2px solid var(--green);border-radius:7px;transform:rotate(30deg);display:grid;place-items:center}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;background:var(--green);opacity:.9}.brand-mark:before{width:2px;height:24px;transform:rotate(-30deg)}.brand-mark:after{width:22px;height:2px;transform:rotate(-30deg)}.brand-mark span{width:8px;height:8px;border-radius:2px;transform:rotate(-30deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.02;letter-spacing:-.02em}.brand-copy strong{font-size:13px;font-weight:760}.brand-copy small{color:var(--green);font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-top:3px}.menu-strip{display:flex;align-items:center;gap:1px}.app-menu{position:relative}.app-menu>summary{display:flex;align-items:center;gap:2px;padding:8px 7px;border-radius:6px;color:#c9d6d0;cursor:pointer;list-style:none;font-size:12px;user-select:none}.app-menu>summary::-webkit-details-marker{display:none}.app-menu>summary:hover,.app-menu[open]>summary{background:#223029;color:#fff}.menu-popover{position:absolute;top:calc(100% + 7px);left:0;z-index:80;display:flex;flex-direction:column;width:228px;padding:7px;border:1px solid #34463d;border-radius:10px;background:#141e1afa;box-shadow:0 18px 50px #0000006b;backdrop-filter:blur(14px)}.menu-popover button{display:flex;align-items:center;gap:9px;min-height:33px;padding:6px 8px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:12px;cursor:pointer}.menu-popover button:hover:not(:disabled){background:#26382f}.menu-popover kbd{margin-left:auto;color:#80948a;background:transparent;border:0;font-size:10px}.menu-separator{height:1px;margin:5px 2px;background:#2b3c34}.wide-menu{width:250px}.view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.view-grid button{justify-content:center;text-transform:capitalize;background:#1c2a24}.topbar-centre{min-width:0;display:flex;justify-content:center}.project-title{width:min(360px,100%);border:1px solid transparent;border-radius:6px;background:transparent;color:#d9e5df;padding:6px 10px;text-align:center;font-size:12px;font-weight:600}.project-title:hover,.project-title:focus{border-color:#31443a;background:#101915}.topbar-actions{display:flex;align-items:center;gap:4px}.icon-button,.primary-compact{height:33px;border:1px solid transparent;border-radius:7px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.icon-button{width:33px;color:#bdccc4}.icon-button:hover:not(:disabled){background:#24342c;color:#fff;border-color:#30443a}.primary-compact{padding:0 11px;background:var(--green);color:#102019;font-size:12px;font-weight:760}.primary-compact:hover{background:#7de2a7}.workspace{position:relative;display:grid;grid-template-columns:var(--tool-width) minmax(0,1fr) auto;min-height:0;overflow:hidden;background:#cfded8}.viewport-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#dbe8e3}.viewport-shell canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-unavailable{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;background:radial-gradient(circle at center,#e8f1ed,#c9d9d2);color:#31483e;text-align:center}.viewport-unavailable strong{font-size:18px}.viewport-unavailable span{max-width:430px;color:#667c71;font-size:12px}.viewport-help{position:absolute;left:14px;bottom:13px;z-index:4;display:flex;gap:11px;padding:5px 8px;border:1px solid rgba(32,52,43,.16);border-radius:8px;background:#eff7f3b3;color:#51645b;font-size:10px;backdrop-filter:blur(8px);pointer-events:none}kbd{display:inline-flex;align-items:center;min-height:18px;padding:1px 5px;border:1px solid #3b4d44;border-bottom-width:2px;border-radius:4px;background:#202e27;color:#d7e2dc;font-family:inherit;font-size:10px}.viewport-help kbd{border-color:#b1c2ba;background:#f6fbf8;color:#405248}.tool-palette{z-index:20;display:flex;flex-direction:column;align-items:center;gap:6px;width:var(--tool-width);padding:8px 6px;background:linear-gradient(90deg,#131d19,#17231e);border-right:1px solid #283a31;overflow-y:auto;scrollbar-width:none}.tool-palette::-webkit-scrollbar{display:none}.tool-group{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding-bottom:7px;margin-bottom:1px;border-bottom:1px solid #28372f}.tool-group:last-child{border-bottom:0}.tool-button{position:relative;display:grid;place-items:center;width:40px;height:38px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9cb0a6;cursor:pointer}.tool-button:hover{color:#fff;background:#24362d;border-color:#30483c}.tool-button.is-active{color:#102019;background:var(--green);border-color:#89e5ae;box-shadow:0 5px 18px #32ce7c3d}.tool-shortcut{position:absolute;right:3px;bottom:1px;font-size:8px;font-weight:700;opacity:.55}.inspector{z-index:18;display:grid;grid-template-columns:42px var(--inspector-width);min-width:0;background:var(--panel);border-left:1px solid #2b3e34;box-shadow:-8px 0 24px #0b130f26}.inspector-tabs{display:flex;flex-direction:column;gap:3px;align-items:center;padding:8px 5px;background:#111a16;border-right:1px solid #26362e}.inspector-tabs button{width:32px;height:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#81978c;cursor:pointer}.inspector-tabs button:hover{background:#213129;color:#fff}.inspector-tabs button.is-active{background:#244533;border-color:#2c6345;color:var(--green)}.inspector-content{min-width:0;overflow:hidden;display:grid;grid-template-rows:45px minmax(0,1fr)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--border);background:#17231e}.panel-heading span{font-size:12px;font-weight:720}.panel-heading small{color:#667a70;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#3d5147 transparent}.panel-section{padding:13px;border-bottom:1px solid var(--border-soft)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#dbe7e1;font-size:11px;font-weight:720;letter-spacing:.02em}.section-title small{color:#70857a;font-size:9px;font-weight:500;text-transform:uppercase}.panel-search,.entity-name-input{width:100%;height:31px;border:1px solid #30433a;border-radius:6px;background:#101915;color:#fff;padding:0 9px;font-size:11px}.panel-search{margin-bottom:8px}.entity-tree{display:flex;flex-direction:column;gap:2px;max-height:268px;overflow-y:auto}.entity-row{display:grid;grid-template-columns:minmax(0,1fr) 27px 27px;align-items:center;min-height:30px;border-radius:6px;color:#b7c6be}.entity-row:hover{background:#1f2e27}.entity-row.is-selected{background:#204530;color:#ecfff4}.entity-row button{height:27px;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.entity-main{grid-template-columns:14px 16px minmax(0,1fr)!important;gap:5px;text-align:left;padding:0 3px!important}.entity-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-glyph{color:#7ea997}.kind-wall{color:#8de1ad}.kind-slab{color:#a6b4ad}.kind-line{color:#6fb9f1}.layer-list{display:flex;flex-direction:column;gap:3px}.layer-row{display:grid;grid-template-columns:14px minmax(0,1fr) 27px 27px;align-items:center;min-height:29px;font-size:11px;color:#b9c8c0}.layer-row button{border:0;background:transparent;color:#7e9388;cursor:pointer;display:grid;place-items:center}.layer-dot{width:8px;height:8px;border-radius:50%}.number-field,.select-field,.color-field,.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:31px;color:#9eafa7;font-size:10px}.number-input-wrap{display:grid;grid-template-columns:minmax(0,72px) auto;align-items:center;gap:4px}.number-field input,.select-field select{width:83px;height:27px;border:1px solid #30443a;border-radius:5px;background:#101915;color:#ecf5f0;padding:0 6px;text-align:right;font-size:10px}.select-field select{width:150px;text-align:left}.number-input-wrap small{color:#63766d;font-size:9px}.color-field input{width:42px;height:24px;border:1px solid #394c42;border-radius:5px;padding:2px;background:#101915}.toggle-field{position:relative}.toggle-field input{position:absolute;opacity:0;pointer-events:none}.toggle-field i{position:relative;width:31px;height:17px;border-radius:999px;background:#34443c;transition:.15s ease}.toggle-field i:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#91a199;transition:.15s ease}.toggle-field input:checked+i{background:#2b704b}.toggle-field input:checked+i:after{transform:translate(14px);background:var(--green)}.field-grid{display:grid;gap:5px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:5px}.field-grid.three .number-field{display:block;min-width:0}.field-grid.three .number-field>span:first-child{display:block;margin-bottom:3px;font-size:8px}.field-grid.three .number-input-wrap{display:block}.field-grid.three input{width:100%}.selection-empty{padding:26px 16px 20px;text-align:center;color:#859a90}.selection-empty .empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border:1px solid #30463a;border-radius:15px;background:#1b2b23;color:var(--green)}.selection-empty h3{margin:0 0 7px;color:#d8e5de;font-size:14px}.selection-empty p,.empty-state{margin:0;color:#73887d;font-size:10px;line-height:1.55}.inspector-identity{background:#17231e}.entity-kind-label{color:var(--green);font-size:8px;text-transform:uppercase;letter-spacing:.14em}.entity-name-input{margin:6px 0 8px;font-weight:650}.button-row{display:flex;justify-content:center;gap:7px;margin-top:14px}.compact-row{justify-content:flex-start;margin-top:0}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:0 10px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:650}.primary-button{width:100%;border:1px solid #6ee09c;background:var(--green);color:#102019}.secondary-button{border:1px solid #3a4c43;background:#1c2a24;color:#cbd8d1}.danger-button{border:1px solid #603d39;background:#2e211f;color:#f2a095}.opening-row{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;min-height:32px;border-bottom:1px solid #25352d;font-size:10px;color:#9db0a6}.opening-row button{border:0;background:transparent;color:#8ca097;cursor:pointer}.opening-kind{display:inline-flex;justify-content:center;padding:3px 4px;border-radius:4px;background:#30473b;color:#aee8c4;font-size:8px;text-transform:uppercase}.opening-kind.window{background:#253f4d;color:#a7d8ef}.metadata-list,.quantity-list{margin:0}.metadata-list>div,.quantity-list>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #24342c;font-size:10px}.metadata-list dt,.quantity-list dt{color:#7f958a}.metadata-list dd,.quantity-list dd{margin:0;color:#cdd9d3;text-align:right}.material-current{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:9px}.large-swatch{width:42px;height:42px;border:1px solid #4b6055;border-radius:9px;box-shadow:inset 0 0 0 2px #ffffff14}.material-current div{display:flex;flex-direction:column}.material-current strong{font-size:11px}.material-current small{color:#71867b;font-size:9px;margin-top:3px}.swatch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.swatch-grid button{min-width:0;padding:5px;border:1px solid #2e4037;border-radius:7px;background:#121c18;color:#82968c;cursor:pointer}.swatch-grid button:hover,.swatch-grid button.is-active{border-color:var(--green);color:#dbe8e1}.swatch-grid button>span{display:block;width:100%;aspect-ratio:1.65;border-radius:4px;margin-bottom:4px}.swatch-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.quantity-hero{margin:13px;padding:16px;border:1px solid #326347;border-radius:10px;background:linear-gradient(135deg,#183526,#1b2a24);display:flex;flex-direction:column}.quantity-hero small{color:#7ea98f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.quantity-hero strong{margin:7px 0 2px;color:var(--green);font-size:27px;letter-spacing:-.05em}.quantity-hero span{color:#91a69b;font-size:9px}.quantity-list dd{color:#e8f2ed;font-weight:650}.panel-note{margin:13px;padding:12px;border-left:2px solid var(--green);background:#19261f}.panel-note strong{font-size:10px}.panel-note p{margin:5px 0 0;color:#7f9389;font-size:9px;line-height:1.55}.scene-list{display:flex;flex-direction:column;gap:6px}.scene-card{display:grid;grid-template-columns:minmax(0,1fr) 30px;border:1px solid #2d4036;border-radius:8px;overflow:hidden;background:#131e19}.scene-card button{border:0;background:transparent;color:#92a69c;cursor:pointer}.scene-main{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;text-align:left;padding:6px!important}.scene-thumbnail{display:grid;place-items:center;height:38px;border-radius:5px;background:linear-gradient(145deg,#283b32,#19251f);color:var(--green)}.scene-main>span:last-child{display:flex;flex-direction:column;min-width:0}.scene-main strong{color:#d5e2dc;font-size:10px}.scene-main small{color:#71867b;font-size:8px;margin-top:3px;text-transform:capitalize}.statusbar{z-index:25;display:grid;grid-template-columns:minmax(200px,1fr) auto auto auto minmax(220px,310px);align-items:center;gap:12px;height:var(--status-height);padding:0 7px 0 12px;background:#101814;border-top:1px solid #283930;color:#8ba096;font-size:10px}.status-tool{min-width:0;display:flex;align-items:center;gap:9px;overflow:hidden}.status-tool strong{color:var(--green);text-transform:capitalize;white-space:nowrap}.status-tool span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-coordinates{font-variant-numeric:tabular-nums;color:#6f8479}.status-measure{color:#d4e0da;white-space:nowrap}.snap-toggle{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#6f8379;font-size:9px;cursor:pointer}.snap-toggle.is-on{color:var(--green)}.measurement-box{display:grid;grid-template-columns:auto minmax(0,1fr) 25px;align-items:center;height:25px;border:1px solid #35473e;border-radius:5px;background:#17221d;overflow:hidden}.measurement-box>span{padding:0 8px;color:#72867c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.measurement-box input{min-width:0;height:100%;border:0;background:#0d1511;color:#fff;padding:0 7px;font-size:10px}.measurement-box button{height:100%;border:0;background:#22362b;color:var(--green);cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#040a07ad;backdrop-filter:blur(9px)}.help-modal{width:min(800px,100%);max-height:min(680px,90vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #40564a;border-radius:16px;background:#141f1a;box-shadow:0 30px 90px #0000008c}.help-modal>header,.help-modal>footer{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #2c3e34}.help-modal>footer{border-top:1px solid #2c3e34;border-bottom:0}.help-modal header small{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.help-modal h2{margin:4px 0 0;font-size:20px}.help-content{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:22px;overflow-y:auto}.help-content h3{margin:0 0 7px;color:#e4eee9;font-size:12px}.help-content p{margin:0 0 17px;color:#8da097;font-size:10px;line-height:1.65}.help-content code{color:var(--green)}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shortcut-grid>div{display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 6px;border:1px solid #293b32;border-radius:6px;background:#101813;color:#9eb0a7;font-size:9px}.shortcut-grid kbd{min-width:32px;justify-content:center}.release-badge{padding:5px 8px;border-radius:999px;background:#1d3327;color:#82dca5;font-size:9px}.help-modal footer .primary-button{width:auto;padding:0 18px}.toast{position:fixed;right:18px;top:68px;z-index:250;display:grid;grid-template-columns:20px minmax(0,1fr) 22px;align-items:center;gap:8px;min-width:290px;max-width:430px;min-height:45px;padding:8px 8px 8px 12px;border:1px solid #3a5547;border-radius:9px;background:#15211bf5;box-shadow:0 15px 50px #0006;color:#dce8e2;font-size:11px;backdrop-filter:blur(12px);animation:toast-in .18s ease-out}.toast>svg{color:var(--green)}.toast-error{border-color:#71423c}.toast-error>svg{color:var(--danger)}.toast-info>svg{color:#76b7e8}.toast button{border:0;background:transparent;color:#81958b;cursor:pointer;display:grid;place-items:center}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media(max-width:980px){:root{--inspector-width: 286px}.brand-copy,.menu-strip{display:none}.topbar{grid-template-columns:auto minmax(100px,1fr) auto}.status-coordinates,.status-measure{display:none}.statusbar{grid-template-columns:minmax(100px,1fr) auto minmax(190px,270px)}}@media(max-width:720px){:root{--topbar-height: 48px;--status-height: 38px}.topbar-actions .icon-button:nth-of-type(-n+2),.primary-compact{display:none}.workspace{grid-template-columns:1fr}.tool-palette{position:absolute;left:7px;right:7px;bottom:8px;z-index:40;width:auto;height:50px;flex-direction:row;padding:5px;border:1px solid #2d4036;border-radius:12px;overflow-x:auto;overflow-y:hidden;box-shadow:0 10px 30px #00000052}.tool-group{flex-direction:row;width:auto;height:100%;padding:0 5px 0 0;margin:0 3px 0 0;border-bottom:0;border-right:1px solid #2b3c34}.tool-button{width:36px;height:36px}.inspector{position:absolute;inset:0 0 0 auto;z-index:50;width:min(90vw,350px);grid-template-columns:40px minmax(0,1fr)}.viewport-help{display:none}.statusbar{grid-template-columns:minmax(80px,1fr) minmax(170px,230px);gap:6px}.snap-toggle{display:none}.measurement-box>span{display:none}.measurement-box{grid-template-columns:minmax(0,1fr) 28px}.help-content,.shortcut-grid{grid-template-columns:1fr}}