:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111418;color:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.viewer-shell{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#ffffff08,#fff0 42%),#14181d}.viewport-wrap,#viewerCanvas{position:absolute;inset:0;width:100%;height:100%}#viewerCanvas{display:block;outline:none;cursor:grab}#viewerCanvas:active{cursor:grabbing}.topbar{position:absolute;z-index:5;top:18px;left:18px;right:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;height:66px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);background:#101317c2;box-shadow:0 18px 44px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:182px;height:46px}.logo{display:block;object-fit:contain;background:#fff}.logo-arco{width:72px;height:46px;padding:5px 8px}.logo-bhp{width:86px;height:46px;padding:6px 10px}.divider{width:1px;height:34px;background:#fff3}.project-title{min-width:0;line-height:1.1}.project-title span{display:block;color:#b8c0ca;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:0}.project-title strong{display:block;margin-top:3px;overflow:hidden;color:#fffaf0;font-size:20px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.icon-button,.control-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);color:#f7f2e8;background:#ffffff14;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.icon-button:hover,.control-button:hover{border-color:#ffffff52;background:#ffffff24;transform:translateY(-1px)}.icon-button{width:44px;height:44px}.icon-button svg,.control-button svg{width:18px;height:18px;stroke-width:2}.control-rail{position:absolute;z-index:5;right:18px;bottom:24px;display:flex;flex-direction:column;gap:10px;width:146px}.view-buttons{display:flex;flex-direction:column;gap:10px}.control-button{min-height:42px;gap:10px;padding:10px 12px;text-align:left;justify-content:flex-start;border-radius:6px;box-shadow:0 12px 26px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.control-button span{overflow:hidden;font-size:13px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.status-strip{position:absolute;z-index:5;left:18px;bottom:24px;display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));gap:1px;overflow:hidden;max-width:min(560px,calc(100vw - 206px));border:1px solid rgba(255,255,255,.14);background:#ffffff1f;box-shadow:0 16px 36px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-strip>div{min-width:0;padding:10px 13px;background:#0f1216b8}.status-label{display:block;color:#aeb8c2;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}.status-strip strong{display:block;overflow:hidden;margin-top:2px;color:#fffaf0;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.load-panel{position:absolute;z-index:8;left:50%;top:50%;display:grid;justify-items:center;gap:10px;width:min(320px,calc(100vw - 40px));padding:26px;border:1px solid rgba(255,255,255,.14);background:#0f1216d6;box-shadow:0 24px 64px #00000052;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.load-panel.is-hidden{pointer-events:none;opacity:0;transform:translate(-50%,-48%);transition:opacity .26s ease,transform .26s ease}.load-mark{width:42px;height:42px;border:3px solid rgba(255,255,255,.16);border-top-color:#f2a900;border-radius:50%;animation:spin .9s linear infinite}.load-panel strong{font-size:16px}.load-panel span{color:#b8c0ca;font-size:13px}.toast{position:absolute;z-index:9;top:96px;right:18px;padding:10px 13px;border:1px solid rgba(255,255,255,.16);color:#fffaf0;background:#0f1216c7;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toast.is-visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.topbar{top:10px;left:10px;right:10px;grid-template-columns:1fr auto;height:auto}.brand-lockup{grid-column:1 / 2;min-width:0}.project-title{grid-column:1 / -1;grid-row:2}.project-title strong{font-size:17px}.control-rail{right:10px;bottom:12px;left:10px;width:auto}.view-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.control-button{min-height:40px;padding:8px 9px}.control-button span{font-size:12px}.status-strip{left:10px;right:10px;bottom:202px;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.status-strip>div{padding:8px 9px}.status-strip strong{font-size:12px}}