: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 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)}.model-switcher{display:grid;grid-auto-flow:column;gap:2px;min-width:244px;padding:3px;border:1px solid rgba(255,255,255,.14);background:#ffffff12}.model-option{min-width:116px;height:38px;padding:0 12px;border:0;border-radius:4px;color:#dce3ea;background:transparent;cursor:pointer;font-size:13px;font-weight:720;letter-spacing:0;white-space:nowrap;transition:background .16s ease,color .16s ease}.model-option:hover{color:#fffaf0;background:#ffffff1a}.model-option.is-active{color:#181a1e;background:#f2a900}.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,.move-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,.move-button:hover{border-color:#ffffff52;background:#ffffff24;transform:translateY(-1px)}.icon-button:focus-visible,.control-button:focus-visible,.move-button:focus-visible,.model-option:focus-visible{outline:2px solid #f2a900;outline-offset:2px}.icon-button{width:44px;height:44px}.icon-button svg,.control-button svg,.move-button svg,.move-pad-mark svg{width:18px;height:18px;stroke-width:2}.move-pad{position:absolute;z-index:5;left:50%;bottom:106px;display:grid;grid-template-columns:repeat(4,38px);grid-template-rows:repeat(3,38px);gap:6px;padding:8px;border:1px solid rgba(255,255,255,.14);background:#101317a8;box-shadow:0 16px 36px #0003;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.move-button{width:38px;height:38px;padding:0;border-radius:6px;box-shadow:none;touch-action:none}.move-button:active{border-color:#f2a900bf;color:#181a1e;background:#f2a900;transform:translateY(0)}.move-button--forward{grid-column:2;grid-row:1}.move-button--left{grid-column:1;grid-row:2}.move-button--right{grid-column:3;grid-row:2}.move-button--backward{grid-column:2;grid-row:3}.move-button--up{grid-column:4;grid-row:1}.move-button--down{grid-column:4;grid-row:3}.move-pad-mark{display:inline-flex;grid-column:2;grid-row:2;align-items:center;justify-content:center;color:#f7f2e8ad;pointer-events:none}.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(640px,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;gap:10px}.brand-lockup{grid-column:1 / 2;min-width:0}.project-title{grid-column:1 / -1;grid-row:2}.model-switcher{grid-column:1 / -1;grid-row:3;grid-auto-flow:initial;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}.model-option{min-width:0;font-size:12px}.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:214px;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))}.status-strip>div{padding:8px 9px}.status-strip strong{font-size:12px}.move-pad{right:10px;bottom:154px;left:10px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:36px;width:auto;padding:6px;gap:5px;transform:none}.move-button{width:100%;height:36px}.move-pad-mark{display:none}.move-button--forward,.move-button--left,.move-button--right,.move-button--backward,.move-button--up,.move-button--down{grid-row:1}.move-button--forward{grid-column:1}.move-button--backward{grid-column:2}.move-button--left{grid-column:3}.move-button--right{grid-column:4}.move-button--up{grid-column:5}.move-button--down{grid-column:6}}