:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--panel:#fff;--ink:#17202f;--muted:#647084;--line:#d8dee8;--accent:#1769e0;--accent-strong:#0f52b8;--ok:#11845b;--warn:#aa6a00;--danger:#b42318}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{grid-template-columns:minmax(0,1fr) 370px;gap:16px;max-width:1440px;margin:0 auto;padding:20px;display:grid}.viewer-panel,.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #17202f0f}.viewer-panel{min-width:0;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}h1,h2{margin:0;line-height:1.2}h1{font-size:18px}h2{font-size:15px}.subtitle,.note,.status,.saved-empty{color:var(--muted);font-size:13px;line-height:1.45}.viewer-wrap{background:#101624;width:100%;height:min(72vh,780px);min-height:460px;position:relative}iframe,matterport-viewer{background:#101624;border:0;width:100%;height:100%;display:block}.status{flex:none;align-items:center;gap:8px;display:flex}.dot{background:var(--warn);border-radius:999px;width:9px;height:9px}.dot.ready{background:var(--ok)}.dot.error{background:var(--danger)}.side-panel{align-self:start;padding:16px}.section{border-top:1px solid var(--line);padding:14px 0}.section:first-child{border-top:0;padding-top:0}.field{margin-top:12px}.field.compact{margin-top:0}label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.field-hint{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}input,select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px}input[type=range]{min-height:0;padding:0}.grid-3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.geo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.geo-status{margin-top:10px}.geo-status.ready{color:var(--ok)}.geo-status.error{color:var(--danger)}.actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.actions.single{grid-template-columns:1fr}button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:8px 10px}button.primary{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}button.primary:hover{background:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.55}.saved-list{gap:8px;margin-top:12px;display:grid}.saved-item,.box-list-item,.metric-card{border:1px solid var(--line);background:#fbfcfe;border-radius:6px;padding:10px}.box-list-item{text-align:left;width:100%;min-height:0;display:block}.box-list-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px #1769e01f}.saved-item strong,.box-list-item strong,.metric-card strong{margin-bottom:3px;font-size:13px;display:block}.saved-item span,.box-list-item span{color:var(--muted);font-size:12px}.selected-info{margin-top:12px}.metric-card dl{gap:8px;margin:8px 0 0;display:grid}.metric-card dl div{gap:2px;display:grid}.metric-card dt{color:var(--muted);font-size:12px}.metric-card dd{color:var(--ink);margin:0;font-size:13px;font-weight:700}.dropzone{border:1px dashed var(--accent);color:var(--ink);cursor:pointer;background:#f7fbff;border-radius:6px;gap:4px;margin-top:12px;padding:14px;display:grid}.dropzone span{color:var(--muted);font-size:12px}.dropzone.dragging{background:#eaf3ff;border-style:solid}.glb-controls{gap:12px;margin-top:12px;display:grid}.glb-controls.disabled{opacity:.55}.control-group{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:grid}.control-group h3{margin:0;font-size:13px}.slider-row{grid-template-columns:46px minmax(0,1fr) 48px;align-items:center;gap:8px;display:grid}.slider-row label{margin:0;font-weight:700}.slider-row output{color:var(--muted);text-align:right;font-size:12px}code{overflow-wrap:anywhere;white-space:pre-wrap;color:#263247;background:#eef2f7;border-radius:6px;margin-top:8px;padding:8px;font-size:12px;display:block}@media (width<=980px){.app{grid-template-columns:1fr;padding:12px}iframe,matterport-viewer{height:100%}.viewer-wrap{height:58vh;min-height:360px}}