:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0c151a;color:#f5f8f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,canvas{-webkit-tap-highlight-color:transparent}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:10px;background:radial-gradient(circle at 50% -15%,rgba(59,185,157,.16),transparent 36%),linear-gradient(145deg,#101d23,#091116 68%)}.topbar,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-block{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border:1px solid rgba(92,226,193,.58);border-radius:13px;color:#83f0d4;background:linear-gradient(145deg,#2fa78b3b,#122a30e6);box-shadow:inset 0 1px #ffffff1c,0 8px 28px #00000038;font-size:20px;font-weight:850}.eyebrow{margin:0 0 2px;color:#77d9c1;font-size:10px;font-weight:800;letter-spacing:.16em}h1{overflow:hidden;margin:0;max-width:min(58vw,640px);font-size:clamp(17px,2.5vw,26px);font-weight:760;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.connection-state{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(163,190,199,.18);border-radius:999px;color:#c5d2d6;background:#0b171db8;font-size:11px;font-weight:700}.connection-state.ready{border-color:#4fd7b052;color:#82e7c9}.viewer{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(151,183,194,.22);border-radius:clamp(16px,2vw,24px);background:radial-gradient(circle at 50% 37%,#f2f7f7f5,#b0c2c7eb 48%,#576d76f5);box-shadow:inset 0 1px #ffffff40,0 18px 48px #00000047;isolation:isolate;touch-action:none}#model-canvas{display:block;width:100%;height:100%;opacity:0;outline:none;transition:opacity .26s ease}#model-canvas.ready{opacity:1}.loading-panel,.error-panel{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:24px;color:#183039;text-align:center;background:linear-gradient(150deg,#e2ebedeb,#a4b7bde6);transition:opacity .22s ease,visibility .22s ease}.loading-panel.hidden{visibility:hidden;opacity:0}.loading-panel strong,.error-panel strong{font-size:clamp(16px,2.2vw,22px)}.loading-panel>span,.error-panel p{max-width:520px;margin:0;color:#425b64;font-size:13px;line-height:1.5}.loading-orbit{position:relative;width:62px;height:62px;margin-bottom:8px;border:2px solid rgba(28,94,84,.18);border-top-color:#1b8d76;border-radius:50%;animation:spin 1.1s linear infinite}.loading-orbit span{position:absolute;top:50%;left:50%;width:19px;height:19px;border-radius:6px;background:#247e6c;transform:translate(-50%,-50%) rotate(35deg)}@keyframes spin{to{transform:rotate(360deg)}}progress{width:min(280px,68vw);height:7px;margin-top:6px;overflow:hidden;border:0;border-radius:999px;appearance:none}progress::-webkit-progress-bar{border-radius:999px;background:#13373d24}progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#248f78,#54c7a7);transition:width .16s ease}progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#248f78,#54c7a7)}.error-panel[hidden]{display:none}.error-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:#b44b43;font-size:24px;font-weight:900}.gesture-hint{position:absolute;right:14px;bottom:12px;left:14px;z-index:2;display:flex;justify-content:center;gap:8px;pointer-events:none}.gesture-hint span{padding:5px 8px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#f4f8f8e6;background:#142328a3;backdrop-filter:blur(8px);font-size:10px;font-weight:650}.toolbar{justify-content:center;flex-wrap:wrap}.primary-controls,.map-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.map-controls[hidden]{display:none}.control-button{min-height:44px;padding:10px 15px;border:1px solid rgba(141,177,187,.28);border-radius:12px;color:#e9f1f3;background:linear-gradient(180deg,#263d45f0,#16272ef5);box-shadow:inset 0 1px #ffffff14,0 7px 18px #0003;font:inherit;font-size:13px;font-weight:730;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.control-button:hover:not(:disabled){border-color:#61e2c075;transform:translateY(-1px)}.control-button:active:not(:disabled){transform:translateY(1px)}.control-button[aria-pressed=true]{border-color:#5be8c49e;color:#92f0d6;background:linear-gradient(180deg,#1b6f5cf2,#154a43f5)}.control-button:disabled{cursor:not-allowed;opacity:.46}.control-button.compact{min-height:38px;padding:8px 11px;font-size:11px}.selection-panel{position:absolute;top:12px;right:12px;z-index:3;max-width:min(320px,calc(100% - 24px));padding:9px 12px;border:1px solid rgba(255,239,190,.36);border-radius:12px;color:#fff7df;background:#0a151ad1;backdrop-filter:blur(10px)}.selection-panel[hidden]{display:none}.selection-panel span{display:block;margin-bottom:2px;color:#83d9c3;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}.selection-panel strong{font-size:13px}.diagnostics{position:absolute;top:12px;left:12px;z-index:3;max-width:min(360px,calc(100% - 24px));padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#eaf5f5;background:#0a151ad1;backdrop-filter:blur(10px);font:11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.diagnostics dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;margin:7px 0 0}.diagnostics dt{color:#83d9c3}.diagnostics dd{overflow-wrap:anywhere;margin:0}@media(max-width:560px){.app-shell{gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.brand-mark{width:36px;height:36px;border-radius:11px;font-size:17px}.brand-block{gap:9px}.connection-state{padding:6px 8px;font-size:10px}.viewer{border-radius:16px}.gesture-hint{right:8px;bottom:8px;left:8px;gap:5px}.gesture-hint span{padding:4px 6px;font-size:9px}.gesture-hint span:nth-child(2){display:none}.toolbar{display:block;overflow-x:auto;white-space:nowrap}.primary-controls,.map-controls{display:inline-flex;flex-wrap:nowrap;margin-right:6px}.map-controls[hidden]{display:none}.control-button{width:100%;padding-inline:9px;font-size:12px}}@media(max-height:470px){.topbar{position:absolute;top:10px;right:10px;left:10px;z-index:5;pointer-events:none}.brand-mark,.eyebrow,.connection-state{display:none}h1{padding:6px 10px;border-radius:9px;background:#0c191eb3;font-size:15px}.app-shell{grid-template-rows:minmax(0,1fr) auto}.viewer{grid-row:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}