*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow:gold;--yellow-dim:#c9a800;--black:#0a0a0a;--surface:#141414;--surface2:#1e1e1e;--text:#f0f0f0;--text-dim:#888;--radius:8px}html,body{background:var(--black);height:100%;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.tape-top,.tape-bottom{background:repeating-linear-gradient(-45deg, var(--yellow) 0px, var(--yellow) 18px, #000 18px, #000 36px);opacity:.9;height:28px}.tape-top{z-index:10;position:fixed;top:0;left:0;right:0}.tape-bottom{align-self:stretch;margin-top:2.5rem;position:relative}#landing{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;padding:60px 1rem 0;display:flex}.brand{text-align:center}.brand-icon{filter:drop-shadow(0 0 12px #ffd70066);width:72px;height:72px;margin-bottom:1rem}.brand h1{letter-spacing:-1px;color:var(--text);font-size:clamp(2.4rem,6vw,4rem);font-weight:800}.brand h1 .accent{color:var(--yellow);margin-left:2px}.tagline{color:var(--text-dim);letter-spacing:.04em;margin-top:.4rem;font-size:1.05rem}.load-panel{background:var(--surface);border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:420px;padding:1.8rem;display:flex}.input-group{flex-direction:column;gap:.4rem;display:flex}.input-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.input-group input{background:var(--surface2);border-radius:var(--radius);color:var(--text);border:1px solid #333;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.input-group input:focus{border-color:var(--yellow-dim)}.input-group input::placeholder{color:#444}.divider{color:#333;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:#2a2a2a;flex:1;height:1px}.divider span{color:var(--text-dim)}.file-btn{background:var(--surface2);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;border:1px dashed #333;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.9rem;transition:border-color .2s,color .2s;display:flex}.file-btn:hover{border-color:var(--yellow-dim);color:var(--yellow)}.btn-primary{background:var(--yellow);border-radius:var(--radius);color:#000;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:1rem;font-weight:700;transition:background .2s,transform .1s;display:flex}.btn-primary:hover{background:#ffe033}.btn-primary:active{transform:scale(.98)}.btn-secondary-full{border-radius:var(--radius);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:1px dashed #2a2a2a;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.7rem;font-size:.85rem;transition:border-color .2s,color .2s;display:flex}.btn-secondary-full:hover:not(:disabled){border-color:var(--yellow-dim);color:var(--yellow)}.btn-secondary-full:disabled{opacity:.6;cursor:default}.btn-secondary-full.done{color:var(--yellow);border-color:var(--yellow-dim);border-style:solid}.demo-gallery{flex-wrap:wrap;gap:.5rem;display:flex}.demo-chip{background:var(--surface2);color:var(--text-dim);cursor:pointer;border:1px solid #2a2a2a;border-radius:999px;padding:.45rem .85rem;font-size:.82rem;transition:border-color .2s,color .2s,background .2s}.demo-chip:hover{border-color:var(--yellow-dim);color:var(--yellow);background:#1c1c1c}.demo-chip:active{transform:scale(.97)}#viewer-container{background:#000;position:fixed;inset:0}#viewer-container canvas{display:block;width:100%!important;height:100%!important}#viewer-host{position:absolute;inset:0}#viewer-host canvas{display:block;width:100%!important;height:100%!important}#hud{z-index:20;background:linear-gradient(#000000b3,#0000);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}#btn-back{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}#btn-back:hover{background:#ffd70026}#scene-label{color:var(--text-dim);letter-spacing:.06em;flex:1;font-size:.85rem;font-weight:600}#vr-btn-container button{cursor:pointer;background:var(--yellow)!important;color:#000!important;border:none!important;border-radius:6px!important;padding:.4rem .9rem!important;font-size:.82rem!important;font-weight:700!important}#loading-overlay{z-index:15;color:var(--text-dim);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;display:flex;position:absolute;inset:0}.spinner{border:3px solid #222;border-top-color:var(--yellow);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;width:min(360px,70vw);height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--yellow-dim), var(--yellow));border-radius:999px;width:0%;height:100%;transition:width .12s linear}.progress-detail{color:var(--text-dim);font-variant-numeric:tabular-nums;min-height:1.2em;margin:0;font-size:.85rem}#orient-bar{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:10px 8px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.orient-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:2px;font-size:.62rem}#orient-bar button{color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:7px;padding:.45rem .6rem;font-size:.72rem;font-weight:600;transition:background .15s,color .15s}#orient-bar button:hover{color:var(--yellow);background:#ffd7002e}#orient-bar button:active{transform:scale(.96)}#orient-reset{color:var(--text-dim)!important}#measure-bar{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:280px;color:var(--text);background:#0000009e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:10px;padding:12px;font-size:.78rem;display:flex;position:absolute;top:64px;right:12px}.mb-row{align-items:center;gap:8px;display:flex}.mb-title-row{justify-content:space-between}.mb-title{letter-spacing:.04em;text-transform:uppercase;color:var(--yellow);font-size:.7rem;font-weight:700}.mb-calib-label{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.65rem}.mb-buttons{flex-wrap:wrap}.mb-buttons button{color:var(--text);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;padding:.4rem .65rem;font-size:.72rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.mb-buttons button:hover{color:var(--yellow);background:#ffd7002e}.mb-buttons button.active{background:var(--yellow);color:#000;border-color:var(--yellow)}.mb-buttons button:active{transform:scale(.97)}.mb-status{color:var(--text-dim);min-height:1.4em;margin:0;font-size:.72rem;line-height:1.4}.mb-result{border-top:1px solid #ffffff14;padding-top:10px}.mb-result-main{color:var(--yellow);font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.mb-result-sub{color:var(--text-dim);margin-top:2px;font-size:.7rem}.modal{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-panel{background:var(--surface);border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:12px;width:min(420px,88vw);padding:22px;display:flex}.modal-panel h3{color:var(--yellow);margin:0;font-size:1.1rem}.modal-sub{color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.5}.modal-panel label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.modal-panel input{color:var(--text);font-variant-numeric:tabular-nums;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:7px;padding:.6rem .7rem;font-size:1rem}.modal-panel input:focus{border-color:var(--yellow);outline:none}.modal-error{color:#ff7a7a;min-height:1.2em;margin:0;font-size:.8rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-secondary{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #333;border-radius:7px;padding:.55rem .9rem;font-size:.85rem}.btn-secondary:hover{color:var(--text);border-color:#555}.hidden{display:none!important}#sirva-login,#sirva-browser{flex-direction:column;gap:1rem;display:flex}.input-group select{background:var(--surface2);border-radius:var(--radius);color:var(--text);border:1px solid #333;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.input-group select:focus{border-color:var(--yellow-dim)}.demo-chip:disabled{opacity:.45;cursor:default}.demo-chip:disabled:hover{color:var(--text-dim);background:var(--surface2);border-color:#2a2a2a}