/* Studio visual system: neutral surfaces, forest accents and consistent controls. */
:root{--line:#e0e5e1;--panel:#fafbf9;--muted:#697770;--accent:#235846;color:#293c34;background:#f3f5f2}
.brand{text-decoration:none;color:#233e33}.brandmark{background:#e7eee7;border-radius:9px;padding:5px}.brand .lab{color:#62806b}.brand small{letter-spacing:1.5px}
header{background:#fff;padding:0 22px}.project-icon{display:none}.project{padding-left:24px;border-left:1px solid var(--line)}.tag{background:#f1f5f1;border-radius:20px;letter-spacing:.6px}
button{border-radius:7px;transition:background .16s,border-color .16s,box-shadow .16s;color:#42584d}button:hover{background:#eef4ef;border-color:#a5bcae;color:#234d3c}button.primary{background:#245742;border-color:#245742;box-shadow:0 2px 4px #163b2514}button.primary:hover{background:#1a4735}button:disabled{opacity:.38}
nav{background:#fff;padding:0 22px}nav>div{gap:26px}nav button{font-weight:500;color:#748077}nav button.active{color:#245742;border-bottom:2px solid #245742}nav button>span{font-size:8px;background:#f0f3ee;border-radius:4px;padding:3px 5px;letter-spacing:0}nav button.active>span{color:#245742;background:#e7f0e9}#save-status{color:#77847c}#save-status:before{content:'';display:inline-block;width:5px;height:5px;background:#7d9c85;border-radius:50%;margin-right:7px}
.left,.right{background:#fafbf9}.left{box-shadow:3px 0 14px #273c3104;z-index:2}.space-section{background:#f3f6f1}.eyebrow{color:#7c8b82;letter-spacing:1.5px;font-weight:600}h2{color:#263f32}.muted{color:#6c7c71}.tiny-tag{border:0;border-radius:4px;background:#e8eee6;color:#68806b}
input,select{border-color:#dce3dc;border-radius:7px;color:#344b3d;background:#fff;box-shadow:0 1px 2px #142e1e03}input:hover,select:hover{border-color:#acbeae}input:focus,select:focus{border-color:#658a73}.dimensions input{font-size:15px;font-weight:500;padding:9px 10px}.sample-button{background:#fff;border:1px solid #d7e1d5;border-radius:7px;font-size:10px;padding:10px}.search-label{color:#6c7c71}.search-label input{background:#f0f3ef;border-color:transparent;border-radius:7px}
.catalog-filters{background:#edf1eb;border-radius:7px;padding:3px;gap:2px}.catalog-filters button{flex:1;border-color:transparent;background:transparent;padding:6px 3px;color:#7a877b}.catalog-filters button[aria-pressed=true]{background:#fff;border-color:#dce5da;color:#28533c;box-shadow:0 1px 3px #24412b0a}
#catalog{gap:10px}.catalog-card{border:1px solid #dfe5de;border-radius:9px;background:#fff;height:120px;box-shadow:0 2px 4px #263a2a03}.catalog-card .thumb{height:80px;background:#e4e9e2;border:0}.catalog-card .catalog-name{font-size:10px;font-weight:500;line-height:1.3;padding:10px 9px;color:#405544}.catalog-card .plus{right:6px;top:6px;width:20px;line-height:20px;background:#ffffffdf;border:1px solid #d9e1d8;color:#406b4c;border-radius:6px}.catalog-card:hover{border-color:#8eae95;background:#fff;box-shadow:0 4px 12px #294e3310}.catalog-card img{transition:transform .2s;object-fit:contain}.catalog-card:hover img{transform:scale(1.06)}
.lesson-teaser{background:#edf2e9;border:1px solid #dce6d5;border-radius:9px}.lesson-teaser h3{color:#354e39}.lesson-teaser p{color:#778671}.library-footer{color:#85917f;font-size:8px}.object-details summary{color:#5e725f}.object-details{border-color:#e0e6dc}
.workspace{background:#f6f8f4}.viewbar{background:#fafcf9;border-color:#e3e8e0;padding:0 14px}.camera-tabs{background:#edf2eb;border-color:#e0e7dc;border-radius:8px;padding:3px}.camera-tabs button{border-radius:5px;color:#76856f;display:flex;align-items:center;gap:6px;font-weight:500}.camera-tabs button.active{color:#285540;background:#fff;border-color:#d7e1d1;box-shadow:0 1px 4px #33432a09}.ui-icon{width:15px;height:15px;flex-shrink:0;vertical-align:middle}.viewport-tools{gap:4px;align-items:center}.viewport-tools button{display:flex;align-items:center;justify-content:center;border-radius:6px;color:#66816b}.viewport-tools button .ui-icon{width:17px;height:17px}.viewport-tools #expand{background:#e8efe3;border-color:#d0dec5;color:#3c623f;margin-left:4px}
.editbar{background:#fafcf9;border-color:#e2e8df;gap:8px}.editbar button{background:#fff;border-color:#dce5d7}.editbar select{border-color:#dce5d7}.editbar label{color:#7b8873}.edit-mode-label{letter-spacing:1.3px;color:#8a9683;font-size:7px}.atmosphere-bar{background:#f1f5ed;border-color:#dce5d6}.lighting-control select{background:#fafcf8;border-color:#dce5d5;border-radius:6px;color:#617255}#motion-toggle{background:#fafcf8;border-color:#dce5d5;color:#54734d}#motion-status{color:#819176}
.scene-label{background:#1c2b32b8;border:1px solid #c5d5d012;border-radius:10px;box-shadow:0 6px 24px #07141a12;padding:12px 15px;top:18px;left:18px;text-shadow:none}.scene-label h1{font-family:'Manrope',sans-serif;font-size:20px;font-weight:500;letter-spacing:-.7px;color:#e7ede9;margin:7px 0}.scene-label>div{font-size:7px;letter-spacing:1.6px;color:#99afa8}.scene-label b{font-size:10px;color:#8fa69d}.scene-divider{padding:0 6px}.render-badge{background:#24353a9c;border-color:#b8d0c71c;color:#a2b9b0;border-radius:20px;padding:7px 10px;font-size:7px;top:20px;right:18px}.render-badge .dot{background:#93c1a9;box-shadow:0 0 7px #84caa33b}.legend,.scale-indicator{background:#1b2b329e;color:#a1b5ad;border:1px solid #b0c5bd12;border-radius:6px;font-size:8px}.legend{padding:8px 10px}.hint{background:#203139cc;color:#a5bab0;border-color:#a8c2b720;box-shadow:0 3px 12px #08161c15;font-size:8px;bottom:44px}.north-indicator{background:transparent;color:#9fb4ab;border-left:1px solid #a1b8ae20;border-radius:0;padding-left:12px;right:20px;bottom:55px}
.metrics{background:#fafcf8;border-color:#dce4d7;padding:8px 0}.metrics>div{border-color:#e2e8dc;gap:10px}.metrics .metric-icon{font-size:21px;color:#95a787;background:#edf3e7;border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.metrics .metric-icon.amber{background:#f7f0e2;color:#b09160}.metrics strong{font-family:'Manrope',sans-serif;font-weight:500;font-size:21px;color:#34523b;line-height:1.35}.metrics small{font-size:7px;color:#849478;letter-spacing:.65px}
.inspector-heading{background:#f2f6ef}.selected-badge{border-radius:20px;background:#eaf2e5;border-color:#d7e4cd;color:#527342}#panel h2{font-size:21px;letter-spacing:-.6px}.notice{background:#f1f5ee}.fields label{color:#71836b}.row-builder{border-color:#dfe7d9}.row-builder h3{color:#476140}.good{background:#edf5e9;border-color:#cfdfc6;border-radius:8px}.issue{border-radius:8px}.plan-mode .scene-label{box-shadow:0 3px 12px #26412c08}
@media(max-width:820px){.scene-label{padding:9px 11px;top:12px;left:12px}.scene-label h1{font-size:17px}.scene-label b{font-size:9px}.camera-tabs .ui-icon{width:12px;height:12px}.camera-tabs button{gap:4px}.metrics .metric-icon{display:none}.metrics strong{font-size:18px}.viewbar{padding:0 8px}.catalog-card{height:110px}.catalog-card .thumb{height:72px}}
@media(max-width:560px){header{padding:0 12px}.camera-tabs .ui-icon{display:none}.camera-tabs button{font-size:9px}.viewport-tools{gap:1px}.viewport-tools #expand{margin-left:0}.metrics small{font-size:6px}.scene-label>div{font-size:6px}.scene-label h1{font-size:16px}.hint{font-size:7px}.render-badge{display:none}}
@media(prefers-reduced-motion:reduce){button,.catalog-card img{transition:none}}

/* Workspace refinement: object information, navigation and direct actions. */
.catalog-card{height:148px}.catalog-card .thumb{height:78px}.catalog-card .catalog-name{padding:8px 9px 2px;min-height:24px}.catalog-size,.catalog-count{display:block;padding:0 9px;font-size:9px;color:#7e8e80;line-height:1.6}.catalog-count{font-size:8px;color:#5b7d61}.catalog-card .plus{font-size:15px}.catalog-card:hover .plus{background:#245742;color:white}.left{scrollbar-gutter:stable}#catalog-section{padding-bottom:18px}.object-details summary{font-weight:600}.object-details button{border:1px solid #e0e7dc;border-radius:6px}#object-list button[aria-pressed=true]{border-left:3px solid #547a59}
.workflow-strip{height:36px;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;background:#edf3e9;border-top:1px solid #d9e3d2;color:#72826b;font-size:10px}.workflow-strip>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-strip>div{display:flex;gap:4px}.workflow-strip button{font-size:9px;padding:4px 8px;border-color:transparent;background:transparent}.workflow-strip button:hover{background:#fff;border-color:#d5dfce}.workflow-strip #dock-delete{color:#94624a}
.navigation-dock{position:absolute;right:18px;bottom:18px;z-index:3;display:flex;align-items:center;gap:8px}.zoom-controls{display:flex;align-items:center;gap:2px;padding:3px;background:#f8fbf2f5;border:1px solid #ccd8c1;border-radius:9px;box-shadow:0 4px 15px #13291b1a}.navigation-dock button{border:0;background:transparent;color:#35583d;padding:5px 10px;font-size:18px;min-height:30px;min-width:30px}.navigation-dock #zoom-fit{font-size:10px;letter-spacing:.3px}.navigation-dock button:hover{background:#e0ead7}.navigation-dock #help-editor{background:#f8fbf2ed;border:1px solid #ccd8c1;border-radius:50%;font-size:13px;width:32px;height:32px;padding:0}.north-indicator{bottom:80px}.view-footer{bottom:19px;right:210px}.scale-indicator{display:none}.hint{bottom:62px}.plan-mode .hint{bottom:62px}.right{bottom:90px}.mobile-library .left{bottom:90px}.scene-label{padding:10px 13px;max-width:calc(100% - 130px)}.scene-label h1{font-size:18px}
.selection-check{margin:16px 0 0;padding:10px 12px;border-radius:7px;background:#edf4e7;border-left:3px solid #8aa774;color:#587348;font-size:10px}.selection-check b{font-weight:500}.selection-check p{margin:4px 0 0;font-size:9px;color:#7d8f71}.selection-check.warning{background:#fbf2e3;border-color:#c49a55;color:#926a32}.selection-check.warning p{color:#9c7d51}.fields{margin:18px 0;gap:11px}.fields input{padding:10px;font-size:13px}.row-actions #delete{border-color:#eaded3;background:#fcf8f4}.row-builder{padding:0;border:1px solid #dce5d5;border-radius:8px;margin-top:24px}.row-builder summary{padding:13px 12px;cursor:pointer;font-size:12px;font-weight:500;color:#4e6a42}.row-builder[open]{padding:0 12px 12px}.row-builder[open] summary{margin-inline:-12px;border-bottom:1px solid #e1e9da;margin-bottom:10px}.row-builder p{font-size:10px}.row-builder button{background:#eff5e8}.analysis-summary{display:flex;align-items:center;gap:14px;padding:16px;background:#edf3e8;border:1px solid #dbe6d2;border-radius:9px;margin:18px 0}.analysis-summary strong{font:500 38px 'Manrope',sans-serif;line-height:1;color:#4e7140}.analysis-summary span{font-size:10px;line-height:1.6;color:#718568}.issue{padding:14px;background:#fffaf0}.issue h3{line-height:1.5}.issue button{width:100%;margin-top:4px}.step b{font-size:12px}.notice{padding:15px 20px}
.editor-help{border:1px solid #d5dfcd;border-radius:14px;background:#fafbf6;color:#3a503c;width:min(560px,92vw);max-height:85dvh;overflow:auto;padding:30px;box-shadow:0 25px 80px #15251f35}.editor-help::backdrop{background:#11272380;backdrop-filter:blur(4px)}.editor-help form{float:right}.editor-help form button{background:none;border:0;font-size:24px;padding:0 5px}.editor-help h2{font-size:25px;margin-bottom:16px}.editor-help p{font-size:12px;color:#71826b}.editor-help dl{margin:24px 0}.editor-help dl>div{display:grid;grid-template-columns:155px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e1e7db;font-size:11px}.editor-help dt{font-weight:600;color:#4b6942}.editor-help dd{margin:0;color:#78856f}
@media(max-width:820px){#capture-view{display:none}.workflow-strip{font-size:9px;padding-inline:10px}.workflow-strip button{font-size:8px;padding:4px 6px}.scene-label{max-width:calc(100% - 24px)}.navigation-dock{right:10px;bottom:12px}.view-footer{left:12px;bottom:17px}.legend{gap:7px;font-size:7px;padding:6px}.catalog-card{height:140px}.catalog-card .thumb{height:70px}.catalog-size{font-size:8px}.navigation-dock button{padding:3px 8px}.hint{bottom:55px}}
@media(max-width:560px){.workflow-strip>span{max-width:42%;font-size:8px}.workflow-strip{gap:4px}.editor-help{padding:22px}.editor-help dl>div{grid-template-columns:125px 1fr}.navigation-dock{gap:5px}.scene-label b{font-size:8px}.scene-label h1{font-size:16px}}
.view-preview{width:min(1000px,92vw)}.view-preview img{display:block;width:100%;height:auto;border-radius:8px;margin:20px 0}.download-view{display:inline-block;text-decoration:none;background:#245742;color:white;padding:12px 20px;border-radius:7px;font-size:12px}
@media(max-width:900px){main,body.inspector-closed main{grid-template-columns:1fr!important}.left{display:none}#library-toggle{display:flex}body.mobile-library .left{display:flex;position:absolute;left:0;top:120px;bottom:90px;width:252px;z-index:6;background:#fafbf9;box-shadow:12px 0 30px #1b332529}body.plan-mode.mobile-library .left{top:84px}.project{display:none}.viewbar{padding-inline:10px}.camera-tabs button{font-size:10px}.right{width:290px}}
.catalog-filters{flex-wrap:wrap}.catalog-filters button{flex:1 0 28%;font-size:9px}.catalog-filters button:nth-child(n+4){flex-basis:40%}
.template-dialog{width:min(740px,92vw);max-height:90dvh;overflow:auto;border:1px solid #d6e3d9;border-radius:18px;padding:30px;background:#f7faf5;color:#2d4c3b;box-shadow:0 25px 90px #102b3a44}.template-dialog::backdrop{background:#14283199;backdrop-filter:blur(5px)}.template-dialog form{float:right}.template-dialog form button{border:0;background:none;font-size:24px}.template-dialog h2{font-size:28px}.template-dialog p{font-size:12px;line-height:1.7;color:#758777}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.template-grid button{display:flex;flex-direction:column;text-align:left;gap:12px;padding:22px;border:1px solid #d7e2d5;background:white;border-radius:12px}.template-grid button:hover{border-color:#6d9e7f;background:#eff6ed}.template-grid strong{font:600 20px 'Manrope',sans-serif}.template-grid span{font-size:12px;line-height:1.65;color:#6a7e6f}.template-grid .template-number{font-size:30px;color:#a2baa7}.template-grid .template-size{color:#357051;font-weight:600}.template-grid b{font-size:12px;margin-top:auto;padding-top:12px}.cargo-field{display:block;margin:14px 0}.cargo-field select{margin-top:8px}
#yard-status{position:absolute;bottom:67px;left:15px;z-index:4;display:flex;gap:16px;align-items:center;padding:10px 13px;background:#19313bef;border:1px solid #ffffff20;border-radius:10px;color:#e0eae1}#yard-status[hidden],.plan-mode #yard-status,.flow-mode #yard-status{display:none}#yard-status small{display:block;font-size:7px;letter-spacing:1.3px;color:#b7c9bc}#yard-status b{display:block;font-size:11px;font-weight:500;margin-top:4px}#yard-status button{font-size:9px;padding:7px;border-color:#a7c6b630;background:#ffffff0a;color:#c3dbca}@media(max-width:600px){.template-grid{grid-template-columns:1fr}.template-dialog{padding:20px}#yard-status{gap:8px;bottom:65px;padding:8px;max-width:90%}}

.project-name-label{display:block;font-size:11px;color:#607460;margin:10px 0}.project-name-label input{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #cddcc6;border-radius:6px;background:white;color:#244b39}.editor-help form>label{display:block;margin:16px 0}.editor-help form input{width:100%;padding:10px;margin:6px 0;border:1px solid #cddcc6;border-radius:6px}.editor-help form .dimensions{display:flex;gap:16px}.editor-help form>button{margin:10px 6px 0 0}
.template-dialog{width:min(1050px,94vw)}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-grid .template-new{font-size:9px;color:#267061;background:#e7f2e9;border-radius:5px;padding:6px 9px;letter-spacing:.7px}.equipment-purpose{font-size:12px;line-height:1.7;padding:14px;border-left:3px solid #75a192;background:#eef4ee;color:#416154;margin:16px 0}@media(max-width:760px){.template-grid{grid-template-columns:1fr}.template-dialog{max-height:90dvh}}