*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#11100e;font-family:Inter,Arial,sans-serif;color:#fff}body{position:relative;background:radial-gradient(circle at 52% 42%,#3b3832 0%,#1a1916 42%,#0c0b0a 82%)}model-viewer{position:absolute;inset:0;width:100%;height:100%;--poster-color:transparent;background:radial-gradient(circle at 52% 42%,#49443c 0%,#1c1a17 42%,#0d0c0b 82%)}.progress{position:absolute;left:18%;right:18%;bottom:24px;height:5px;border-radius:99px;background:rgba(255,255,255,.13);overflow:hidden}.progress-fill{height:100%;width:0;background:#ff5a2f;transition:width .15s}.model-status{position:absolute;z-index:5;right:14px;top:12px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(17,16,14,.75);font-size:9px;pointer-events:none}.model-status span{width:8px;height:8px;border-radius:50%;background:#d99115}.model-status.ready span{background:#1ead7b}.model-status.error span{background:#e5453f}.mouse-hint{position:absolute;z-index:4;left:50%;bottom:10px;transform:translateX(-50%);padding:6px 11px;border-radius:999px;background:rgba(17,16,14,.68);color:#b7afa4;font-size:9px;white-space:nowrap;pointer-events:none}.model-error{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:22px;border-radius:18px;background:#2a1411;border:1px solid #7f2f26;text-align:center;z-index:20}.model-error h3{margin:0 0 8px}.model-error p{margin:0;color:#d8c3bf}.model-error code{color:#fff}