@import url('./fonts/fonts.css');
:root{font-family:'DM Sans','Segoe UI',sans-serif;color:#293e32;background:#f6f5ef;--line:#dce1d5;--muted:#65735e;--accent:#244d3b;--panel:#fafbf6;color-scheme:light}button,input,select{font-family:inherit}header{height:76px;background:#fafbf7;border-color:var(--line)}.brand{font:600 16px 'Manrope',sans-serif;letter-spacing:-.6px}.brandmark,.lab{color:#55724b}.brand small{color:#718267;letter-spacing:1.6px;font-size:7px}.project{color:#3e5540}.project small{color:#73826b}.project-icon{color:#78906a}.tag,.tiny-tag{border-color:#d8e0cd;color:#718264;background:#f0f4e8}.tag{font-size:8px}.actions button{font-size:12px}button{background:#fff;border-color:#d4ddce;color:#3d5540}button:hover{background:#eaf0df;border-color:#9bac8c;color:#23452c}button:disabled{opacity:.4}button.primary{background:#234a3e;color:#fff;border-color:#234a3e;font-weight:500}.primary:hover{background:#345e4e}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #729352;outline-offset:3px}nav{background:#f1f4e9;border-color:var(--line)}nav button{color:#697d60;font-size:12px}nav button.active{color:#244d3b;border-bottom-color:#244d3b}nav button>span{color:#96a487}#issue-count{background:#e9dfc9;color:#865d2b}#save-status{color:#607856;font-size:10px}main{grid-template-columns:252px minmax(0,1fr) 290px}.left,.right{background:var(--panel);scrollbar-color:#b7c4ad transparent}body.inspector-closed main{grid-template-columns:252px minmax(0,1fr)}section{padding:20px;border-color:var(--line)}h2{font-family:'Manrope',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.6px}.eyebrow{color:#7e8c71;font-size:9px}.muted{color:#697d60;line-height:1.7}label{color:#607655;font-size:11px}input,select{color:#29432f;background:white;border:1px solid #d4ddcc;border-radius:5px;font-size:12px;color-scheme:light;padding:9px;max-width:100%}select{display:block;width:100%;margin-top:7px}input{padding:10px}.sample-button{color:#58744d;border-color:#bdcbb0;background:#eff3e6}.sample-button span{color:#4e743b}.sample-button:hover{background:#e3ecd5}.catalog-card{background:white;border-color:#d5dfce;height:112px}.catalog-card:hover{background:#eef3e4;border-color:#8eaa75}.catalog-card .thumb{border-color:#d5dfce}.catalog-card .catalog-name{font-size:10px;color:#3b5135;padding:9px 8px}.catalog-card .plus{background:#eef5e3;color:#304f27}.catalog-filters{display:flex;gap:4px;margin:12px 0}.catalog-filters button{padding:6px 7px;font-size:9px;border-radius:4px}.catalog-filters button[aria-pressed=true]{background:#e3ecd7;border-color:#a7bd94;color:#32562a}.search-label{font-size:10px}.search-label input{font-size:11px}.lesson-teaser{background:#ecf0e3;border-color:#d4dfc7}.lesson-teaser .eyebrow{color:#678251}.lesson-teaser p{color:#728566}.lesson-teaser button{color:#355c30;border-color:#cedaba}.library-footer{color:#768b67}.viewbar{background:#f6f7f1;border-color:#d6decd;padding:0 16px;height:55px}.camera-tabs{background:#e8eede;border-color:#d5deca}.camera-tabs button{color:#667e58;font-size:11px;padding:7px 11px}.camera-tabs button.active{background:white;color:#284e33;border-color:#cbd8be;box-shadow:0 2px 5px #24412210}.viewport-tools button{font-size:22px;color:#557047;width:30px;height:30px}.viewport-tools button:hover{background:#e3ead7;border-color:#becdb0}.editbar{display:flex;align-items:center;gap:10px;background:#fff;padding:9px 16px;border-bottom:1px solid #dce2d4;flex-shrink:0;min-height:49px}.editbar label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px}.editbar select{margin:0;width:75px;padding:6px;font-size:10px}.editbar button{font-size:10px;padding:7px 9px;white-space:nowrap}.edit-mode-label{font-size:8px;letter-spacing:1px;color:#778d68}.editbar #selection-info{font-size:10px;color:#55714a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:auto}.atmosphere-bar{background:#edf1e7;border-color:#d7e0ce;padding:0 16px;height:43px}.lighting-control{color:#738568}.lighting-control select{background:white;color:#416037;border-color:#cfdbc4;font-family:inherit;margin:0}.motion-controls{gap:8px}#motion-toggle,#motion-toggle[aria-pressed=false]{background:#fff;color:#45623b;border-color:#cbd8be}#motion-status{color:#6e815f}.metrics{background:#f7f8f1;border-color:#dce3d2;height:78px;padding:14px 0}.metrics>div{border-color:#dce3d2;padding:0 15px;gap:10px}.metrics strong{color:#314e30;font-size:24px;font-weight:500}.metrics small{color:#718765;font-size:8px;letter-spacing:.6px}.metric-icon{color:#899f75}.metric-icon.amber{color:#a0793d}.inspector-heading{height:55px;border-color:var(--line)}.inspector-heading button{color:#59794b}.inspector-heading .eyebrow{color:#728568}#panel .eyebrow{color:#698754}#panel h2{font-size:21px;color:#2b4c2f}.step{color:#6c7f61;border-color:#dce4d3}.step b{color:#385c32;font-weight:600}.selected-badge{background:#edf3e3;border-color:#cfddbf;color:#4f713d}.fields{gap:12px;margin:20px 0}.row-actions button{font-size:11px;padding:10px 7px}.row-actions #focus{margin:0}.row-actions #delete{color:#a34f37}.notice{background:#f0f3e9}.notice>span{color:#7b8c6c}.notice p{color:#718465;font-size:10px}.issue{background:#fbf5e8;border-color:#dbc9a5;border-left-color:#b88b45}.issue h3{color:#876134;font-size:12px}.issue p{color:#887253;font-size:11px}.issue button{background:white;border-color:#d8c7a4;color:#816131}.good{background:#edf4e6;color:#426937;border-color:#bbd2a8}.row-builder{margin-top:20px;padding-top:18px;border-top:1px solid #d9e3cd}.row-builder h3{font-size:14px;font-weight:600;margin:0}.row-builder .fields{margin:15px 0}.row-builder button{width:100%}#row-error{color:#9a4e31;font-size:11px}.object-details{margin-top:22px;border-top:1px solid #d6e1c8;padding-top:17px}.object-details summary{cursor:pointer;font-size:11px;color:#4f6d42}.object-details summary span{float:right;font-size:10px;color:#839574}#object-list{display:grid;gap:5px;margin-top:13px;max-height:250px;overflow:auto}#object-list button{padding:8px;text-align:left;font-size:11px}#object-list button[aria-pressed=true]{border-color:#78975e;background:#e9f0df}#object-list small{display:block;color:#748969;font-size:9px;margin-top:3px}#catalog-empty{font-size:11px;color:#7a8c70}.right{top:147px}.plan-canvas{position:absolute;inset:0;width:100%;height:100%;background:#e9eee1;touch-action:none;user-select:none;cursor:grab;z-index:1}.plan-canvas:active{cursor:grabbing}.plan-object{cursor:move;outline:none}.plan-object:focus-visible>rect{stroke:#234d3b;stroke-width:.2}.plan-mode #viewport>canvas{visibility:hidden}.plan-mode .scene-label{z-index:2;top:14px;left:15px;background:#fffffff0;border-color:#d5dfca;text-shadow:none;backdrop-filter:none;padding:8px 12px}.plan-mode .scene-label>div{color:#738866;font-size:7px}.plan-mode .scene-label h1{color:#3e5f33;font-size:16px;margin:5px 0}.plan-mode .scene-label b{color:#668355;font-size:9px}.plan-mode .render-badge{display:none}.plan-mode .view-footer,.plan-mode .hint,.plan-mode .north-indicator{z-index:2;pointer-events:none}.plan-mode .legend,.plan-mode .scale-indicator,.plan-mode .north-indicator,.plan-mode .hint{background:#fffffff0;color:#5f7853;border-color:#d1ddc5}.plan-mode .atmosphere-bar{display:none}.plan-mode .right{top:104px}.plan-mode .hint{font-size:9px}.plan-mode #selection-info{color:#294d36}#toast{background:#234a3e;color:white;border-color:#506b4c;box-shadow:0 8px 28px #1f392730}body.mobile-library .left{top:147px}body.plan-mode.mobile-library .left{top:104px}
@media(min-width:1600px){main{grid-template-columns:268px minmax(0,1fr) 310px}}@media(max-width:1400px){.edit-mode-label{display:none}.editbar #selection-info{display:none}}@media(max-width:1250px){main{grid-template-columns:235px minmax(0,1fr)}body.inspector-closed main{grid-template-columns:235px minmax(0,1fr)}.right{background:#fafbf7f7;width:290px;bottom:78px;box-shadow:-12px 0 35px #1c322520}.metrics small{font-size:7px}.project{display:none}}@media(max-width:820px){header{height:65px}.brand{font-size:13px}.brand small{font-size:6px}.brandmark{width:28px}.actions>button{font-size:10px}.viewbar{padding:0 10px}.camera-tabs button{font-size:10px;padding:6px 8px}.viewport-tools button{width:25px;font-size:20px}.editbar{padding:8px 10px;gap:7px}.editbar button{font-size:9px}.editbar label{font-size:9px}.editbar select{width:65px}.metrics>div{padding:0 9px}.metrics strong{font-size:19px}.metrics small{font-size:7px}.atmosphere-bar{padding:0 10px}nav button{font-size:11px}.catalog-filters button{font-size:8px;padding:6px}.lighting-control{font-size:0}}@media(max-width:560px){.brand small{letter-spacing:1px}main{grid-template-columns:1fr!important}.camera-tabs button{font-size:9px;padding:6px}.viewbar{gap:5px;padding:0 8px}.viewport-tools{gap:0}.viewport-tools button{width:25px}#expand{display:none}.editbar{min-height:49px}.editbar button{font-size:9px}.editbar label{gap:5px}.metrics small{font-size:6px}.metrics>div{padding:0 10px}.right{width:min(290px,90vw)}body.mobile-library .left{width:235px;background:#fafbf7}.plan-mode .scene-label{top:8px;left:8px}.plan-mode .scene-label h1{font-size:14px}.plan-mode .scene-label>div{font-size:6px}.plan-mode .hint{font-size:8px;white-space:normal}.plan-mode .scale-indicator{display:none}nav>div{gap:16px}nav button{font-size:10px}.metrics{height:78px}.plan-mode .view-footer{bottom:14px}}
/* More space for the warehouse; properties open only when needed. */
header{height:60px}header .brandmark{height:33px}nav{height:40px}main{height:calc(100dvh - 100px)}.viewbar{height:44px}.editbar{min-height:40px;padding-top:5px;padding-bottom:5px}.atmosphere-bar{height:36px}.metrics{height:54px;padding:7px 0}.metrics strong{font-size:21px}.metrics small{font-size:7px}.scene-label{top:12px;left:14px;padding:8px 10px}.scene-label h1{font-size:18px;margin:5px 0}.scene-label>div{font-size:7px}.scene-label b{font-size:9px}.render-badge{top:15px}.hint{bottom:40px;font-size:8px;padding:5px 10px}.view-footer{bottom:10px}.right{top:120px;bottom:54px}.plan-mode .right{top:84px}.viewport-tools #expand{display:block;width:auto;white-space:nowrap;font-size:11px;padding:6px 10px;background:#e5edda;border:1px solid #bdceb0;height:30px}.inspector-heading{height:44px}body.expanded>header,body.expanded>nav{display:none}body.expanded main{height:100dvh}body.expanded .workspace{height:100dvh}body.expanded .editbar{display:none}body.expanded .scene-label{top:14px}body.mobile-library .left{top:120px;bottom:54px}body.plan-mode.mobile-library .left{top:84px}
@media(max-width:820px){header{height:60px}nav{height:40px}main{height:calc(100dvh - 100px)}.metrics{height:54px}.metrics strong{font-size:18px}.metrics small{font-size:6px}.viewport-tools #expand{font-size:10px;padding:5px}.camera-tabs button{padding:6px;font-size:9px}.viewbar{padding:0 7px;gap:5px}}@media(max-width:560px){.viewport-tools #expand{font-size:9px;padding:5px 6px}.camera-tabs button{padding:6px 4px;font-size:8px}.viewport-tools button{width:23px}.editbar{min-height:40px}.right{top:120px}.plan-mode .right{top:84px}.scene-label h1{font-size:16px}.hint{font-size:7px}}