@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#e9edf0;font-synthesis:none;text-rendering:optimizelegibility;background:#101820;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}.app-shell{background:#111a22;flex-direction:column;height:100vh;min-height:620px;display:flex}.topbar{background:#111a22;border-bottom:1px solid #2a3741;flex:none;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex}.brand{align-items:center;gap:11px;min-width:260px;display:flex}.brand-mark{color:#e5c47f;border:1px solid #b89452;place-items:center;width:34px;height:34px;font-family:DM Mono;font-size:20px;display:grid}.brand strong{letter-spacing:2px;font-size:13px;display:block}.brand span{color:#8d9aa4;letter-spacing:1.2px;margin-top:3px;font:9px DM Mono;display:block}.project-name{color:#e4e9ec;align-items:center;gap:8px;font-size:12px;display:flex}.project-name small{color:#8b98a2;margin-left:8px}.live-dot,.view-dot{background:#38a878;border-radius:50%;width:7px;height:7px;display:inline-block}.top-actions{align-items:center;gap:16px;display:flex}.unit-chip,.version,.export-link{letter-spacing:1px;color:#9eabb4;border:1px solid #34424c;padding:7px 9px;font:9px DM Mono}.export-link{color:#e3c37e;text-decoration:none}.export-link:hover{background:#26343e;border-color:#b89452}.workspace{flex:1;grid-template-columns:245px minmax(300px,1fr) 280px;min-height:0;display:grid}.left-panel,.right-panel{background:#151f28;flex-direction:column;min-height:0;display:flex}.left-panel{border-right:1px solid #2a3741}.right-panel{border-left:1px solid #2a3741}.panel-heading{letter-spacing:1.2px;color:#aeb9c0;justify-content:space-between;padding:19px 16px 12px;font:10px DM Mono;display:flex}.count{color:#d6b66e}.search{color:#e8edf0;background:#101820;border:1px solid #34414b;outline:none;margin:0 12px 17px;padding:10px 11px;font:11px DM Sans}.search:focus{border-color:#b89452}.tree-title,.section-label{color:#84939e;letter-spacing:1.1px;border-top:1px solid #283640;padding:12px 15px 8px;font:9px DM Mono}.layer-row{color:#c4cdd2;align-items:center;gap:9px;padding:8px 16px;font-size:11px;display:flex}.layer-row input{accent-color:#c4a15d}.swatch,.mini-swatch{border-radius:2px;width:9px;height:9px;display:inline-block}.swatch.slabs,.mini-swatch.slabs{background:#a6adb5}.swatch.columns,.mini-swatch.columns{background:#4f91c7}.swatch.beams,.mini-swatch.beams{background:#d3a15d}.layer-count{color:#82909a;margin-left:auto;font:10px DM Mono}.element-title{justify-content:space-between;margin-top:9px;display:flex}.element-title span{color:#d3b36d}.element-list{padding:3px 8px;overflow:auto}.element-row{color:#aebbc4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;gap:9px;width:100%;padding:8px 9px;font:10px DM Sans;display:flex}.element-row:hover,.element-row.active{color:#fff;background:#26343e}.left-foot{color:#778791;border-top:1px solid #2a3741;margin-top:auto;padding:13px 14px;font-size:9px}.viewport{background:#1b2731;flex-direction:column;min-width:0;display:flex;position:relative}.viewport-toolbar{color:#c5cdd2;letter-spacing:.7px;border-bottom:1px solid #35434e;flex:none;justify-content:space-between;align-items:center;height:45px;padding:0 15px;font:10px DM Mono;display:flex}.viewport-toolbar button{color:#aab6bd;cursor:pointer;background:0 0;border:1px solid #46535d;padding:6px 9px;font:9px DM Mono}.muted{color:#75858f;margin-left:8px;font-size:9px}.view-dot{margin-right:7px}.canvas-wrap{flex:1;min-height:0}.canvas-wrap canvas{outline:none}.viewport-bottom{color:#8e9ca5;letter-spacing:.7px;border-top:1px solid #35434e;flex:none;justify-content:space-between;align-items:center;height:30px;padding:0 14px;font:9px DM Mono;display:flex}.tabs{border-bottom:1px solid #2d3a44;height:46px;display:flex}.tabs button{color:#82919b;letter-spacing:.7px;cursor:pointer;background:0 0;border:0;flex:1;font:9px DM Mono}.tabs button.chosen{color:#e3c37e;border-bottom:2px solid #b89452}.details{padding:0 15px 18px;overflow:auto}.detail-type{color:#d3b36d;letter-spacing:1px;margin-top:17px;font:9px DM Mono}.details h2{margin:7px 0 5px;font-size:16px;font-weight:600}.id-line{color:#788993;margin-bottom:17px;font:9px DM Mono}.section-label{margin-top:9px;padding-left:0;padding-right:0}.info-row{color:#91a0aa;text-transform:capitalize;border-bottom:1px solid #25323c;justify-content:space-between;gap:10px;padding:8px 0;font-size:10px;display:flex}.info-row strong{color:#e0e6e9;text-align:right;font-weight:500}.volume-card,.total-card{background:#202e38;border:1px solid #394751;margin-top:17px;padding:13px}.volume-card span,.total-card span,.quantity-card span{color:#93a1aa;letter-spacing:.8px;font:9px DM Mono;display:block}.volume-card strong,.total-card strong{color:#e4c47c;margin:8px 0;font:20px DM Mono;display:block}.volume-card small,.quantity-card small{color:#84939d;font-size:9px}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:9px;margin:auto;padding:25px;display:flex}.empty-icon{color:#b89452;font-size:28px}.empty-state strong{font-size:12px}.empty-state span{color:#83919b;font-size:10px;line-height:1.5}.quantity-card{border-bottom:1px solid #2a3741;padding:13px 0}.quantity-card strong{margin:7px 0 4px;font-size:12px;display:block}.disclaimer{color:#85939c;margin-top:15px;font-size:9px;line-height:1.6}footer{color:#778791;letter-spacing:.7px;border-top:1px solid #2b3943;flex:none;justify-content:space-between;align-items:center;height:27px;padding:0 15px;font:8px DM Mono;display:flex}.loading{color:#d7e0e5;padding:30px;font-size:12px}.force-table-wrap{border:1px solid #2c3a44;border-radius:3px;margin:8px -7px 14px;overflow:auto}.force-table{border-collapse:collapse;white-space:nowrap;width:100%;font:9px DM Mono}.force-table th{color:#8e9da7;text-align:right;background:#202d37;padding:9px 7px;font-weight:400;position:sticky;top:0}.force-table th:first-child,.force-table td:first-child{text-align:left}.force-table td{color:#d7e0e4;text-align:right;border-top:1px solid #293741;padding:9px 7px}.force-table tbody tr{cursor:pointer}.force-table tbody tr:hover,.force-table tbody tr.force-active{background:#2b3c46}.force-table tbody tr.force-active td:first-child span{color:#e5c47f}.force-table td:first-child span,.force-table td:first-child small{display:block}.force-table td:first-child small{color:#81919b;margin-top:4px;font-size:8px}@media (width<=950px){.workspace{grid-template-rows:minmax(320px,1fr) 245px;grid-template-columns:190px minmax(0,1fr)}.right-panel{border-top:1px solid #2a3741;border-left:0;grid-column:1/-1;display:flex}.details{max-height:195px}.project-name small{display:none}}@media (width<=620px){.workspace{grid-template-rows:minmax(300px,1fr) 220px;grid-template-columns:1fr}.left-panel{display:none}.right-panel{grid-column:1}.topbar{padding:0 9px}.brand{min-width:0}.project-name{display:none}.top-actions{gap:4px}.unit-chip{display:none}.export-link{padding:6px}.version,footer span:nth-child(2){display:none}}