:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f1f5f3;font-synthesis:none;background:#101722;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #83e0be}.viewer-shell{isolation:isolate;background:#101722;width:100vw;height:100dvh;min-height:0;position:relative;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#renderCanvas:focus-visible{box-shadow:inset 0 0 0 2px #7ed0b2bf}.viewer-shell:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#080d15b8,#0000 27% 72%,#080d1594);position:absolute;inset:0}.topbar,.help-hint,.touch-hint,.orbit-zoom,.walk-dpad,.loading-overlay,.error-notice{position:absolute}.topbar{z-index:5;pointer-events:none;align-items:center;gap:8px;display:flex;top:24px;left:30px;right:30px}h2,p{margin-top:0}h2{letter-spacing:-.01em;margin-bottom:12px;font-size:14px}.glass-panel,.status-pill{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1820d1;border:1px solid #deebe726;box-shadow:0 18px 50px #0003}.status-pill{color:#d8e1dc;border-radius:999px;align-items:center;gap:9px;min-width:0;max-width:180px;min-height:36px;padding:0 13px;font-size:11px;display:inline-flex;overflow:hidden}.status-dot{background:#e9bb65;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #e9bb651f}#modelStatus[data-state=ready] .status-dot{background:#76d8b4;box-shadow:0 0 0 4px #76d8b41f}#modelStatus[data-state=error] .status-dot{background:#ef7d7d;box-shadow:0 0 0 4px #ef7d7d1f}#modelStatus[data-state=ready]{display:none}#statusText{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panels-toggle{color:#d6eee4;white-space:nowrap;pointer-events:auto;background:#0d1e22e6;border:1px solid #7ed0b266;border-radius:11px;flex:none;min-width:44px;min-height:44px;margin-left:auto;padding:8px 12px;font-size:11px}.panels-toggle:hover{background:#6ad7b129;border-color:#7ed0b2b8}.viewer-panels{display:contents}#viewerPanels[hidden]{display:none}.control-panel{z-index:2;overscroll-behavior:contain;border-radius:16px;width:min(320px,100vw - 60px);max-height:max(0px,100dvh - 136px);padding:17px;position:absolute;top:104px;left:30px;overflow-y:auto}.mode-switch{background:#040a0e99;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:10px;padding:3px;display:grid}.mode-button{color:#98a7a1;text-align:center;background:0 0;border:0;border-radius:8px;min-height:38px;padding:8px 5px;font-size:11px}.mode-button[aria-pressed=true]{color:#f4f6f3;background:#6ad7b129}.camera-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:15px;display:grid}.reset-button,.control-button,.view-buttons button,.error-card button{color:#d6eee4;background:#6ad7b112;border:1px solid #7ed0b240;border-radius:9px;min-height:36px;padding:7px 10px;font-size:11px}.reset-button{grid-column:1/-1}.reset-button:hover:not(:disabled),.control-button:hover:not(:disabled),.view-buttons button:hover:not(:disabled),.view-buttons button[aria-pressed=true]{color:#fff;background:#6ad7b12b;border-color:#7ed0b2ad}.view-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.floor-cut{color:#b9c7c1;align-items:center;gap:9px;min-height:46px;font-size:11px;display:flex}.floor-cut input,.layer-list input{accent-color:#6ad7b1;flex:none;width:18px;height:18px;margin:0}fieldset{border:0;border-top:1px solid #dfebe71c;min-width:0;padding:12px 0 0}legend{color:#dce5e0;padding:0 0 8px;font-size:12px;font-weight:600}.hotspot-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.hotspot-list button{overflow-wrap:anywhere;color:#cbd9d2;background:#6ad7b10b;border:1px solid #7ed0b233;border-radius:8px;min-width:0;min-height:36px;padding:6px 7px;font-size:10px}.hotspot-list button:hover:not(:disabled),.hotspot-list button[aria-pressed=true]{color:#fff;background:#6ad7b12b;border-color:#7ed0b2ad}.layer-list{grid-template-columns:1fr 1fr;gap:2px 8px;display:grid}.layer-list label{color:#b9c7c1;cursor:pointer;align-items:center;gap:8px;min-height:36px;font-size:11px;display:flex}.help-hint{z-index:2;color:#a5b1ac;letter-spacing:.02em;pointer-events:none;margin:0;font-size:10px;bottom:24px;left:30px}.touch-hint{display:none}.orbit-zoom{z-index:3;gap:8px;display:none;bottom:16px;right:16px}.orbit-zoom button,.walk-dpad button{color:#dff9ed;touch-action:none;-webkit-user-select:none;user-select:none;background:#0d1e22e6;border:1px solid #83e0be59;border-radius:12px;place-items:center;width:48px;height:48px;padding:0;font-size:22px;display:inline-grid;box-shadow:0 8px 20px #0000002e}.orbit-zoom button:active:not(:disabled),.walk-dpad button:active:not(:disabled){background:#6ad7b140}.walk-dpad{z-index:3;grid-auto-flow:row;justify-items:center;gap:4px;display:none;bottom:16px;right:16px}.walk-dpad>div{gap:4px;display:flex}.walk-dpad .flight-altitude{display:none}.is-flight-mode .walk-dpad .flight-altitude,.is-orbit-mode .orbit-zoom{display:flex}.is-walk-mode .walk-dpad,.is-flight-mode .walk-dpad{display:grid}.orbit-zoom[hidden],.walk-dpad[hidden]{display:none}.loading-overlay,.error-notice{background:#080d149e;place-items:center;display:grid;inset:0}.loading-overlay{z-index:20}.error-notice{z-index:21}.loading-overlay[hidden],.error-notice[hidden]{display:none}.loading-card,.error-card{background:#0d1820f0;border:1px solid #dfebe726;border-radius:15px;align-items:center;gap:13px;width:min(360px,100vw - 36px);padding:17px;display:flex;box-shadow:0 20px 70px #0000004d}.loading-card strong,.error-card strong{margin-bottom:5px;font-size:13px;display:block}.loading-card p,.error-card p{color:#aebbb5;margin-bottom:0;font-size:11px;line-height:1.5}.loader-ring{border:2px solid #76d8b433;border-top-color:#76d8b4;border-radius:50%;flex:none;width:23px;height:23px;animation:.9s linear infinite spin}.error-card{border-color:#ef7d7d47;display:block}.error-card strong{color:#ffd7d7}.error-card button{margin-top:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.topbar{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));gap:8px}.status-pill{max-width:180px;min-height:36px;padding:0 10px;font-size:10px}.viewer-panels{z-index:4;top:calc(max(12px, env(safe-area-inset-top)) + 56px);right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));overscroll-behavior:contain;gap:10px;padding:2px;display:none;position:absolute;overflow-y:auto}.is-panels-open .viewer-panels:not([hidden]){flex-direction:column;display:flex}.viewer-panels>.control-panel{background:#0d1820f7;flex:none;width:100%;max-height:none;padding:12px;position:static;inset:auto}.mode-button,.reset-button,.control-button,.view-buttons button,.hotspot-list button,.error-card button{min-height:44px;font-size:12px}.layer-list label{min-height:44px}.walk-dpad,.orbit-zoom{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.walk-dpad button,.orbit-zoom button{width:48px;height:48px}.touch-hint{z-index:2;top:calc(max(12px, env(safe-area-inset-top)) + 60px);right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));color:#d7dfdb;text-align:center;pointer-events:none;margin:0;font-size:11px;display:block}.is-panels-open .touch-hint,.help-hint,.is-panels-open .orbit-zoom,.is-panels-open .walk-dpad{display:none}.error-notice{padding:16px}}@media (width<=380px){.status-pill{gap:7px;max-width:132px;padding:0 8px}.panels-toggle{padding-left:9px;padding-right:9px}}