:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9eee8;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:4px;outline:2px solid #a0d88a}.viewer{background:#000;width:100%;height:100svh;min-height:380px;position:relative;overflow:hidden}.model-stage{position:absolute;inset:56px 0 96px}.model-stage canvas{touch-action:none;width:100%;height:100%;display:block}.object-label{top:max(24px, env(safe-area-inset-top));letter-spacing:.12em;color:#cad2cb;pointer-events:none;margin:0;font-size:14px;font-weight:600;position:absolute;left:28px}.object-label span{color:#8e9995;letter-spacing:.07em;margin-left:12px;font-size:12px;font-weight:400}.viewer-controls{bottom:calc(38px + env(safe-area-inset-bottom));white-space:nowrap;background:#15191bea;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0005}.viewer-controls button{color:#fff;background:0 0;border:0;border-radius:7px;min-height:40px;padding:0 15px;font-size:14px;transition:background .15s,color .15s}.viewer-controls button:hover{color:#fff;background:#ffffff0d}.viewer-controls button[aria-pressed=true]{color:#fff;background:#000}.viewer-controls button:disabled{opacity:.35;cursor:default}.control-divider{background:#ffffff16;width:1px;height:20px;margin:0 3px}.credit{opacity:0;pointer-events:none;color:#8a9690;margin:0;font-size:12px;position:absolute;bottom:12px;right:22px}.credit a{color:inherit;text-decoration:none}.credit a:hover{text-decoration:underline}.loading-state{pointer-events:none;color:#b8c4bd;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute;inset:0}.loading-state progress{accent-color:#acd593;border:0;width:180px;height:3px}.loading-state progress::-webkit-progress-bar{background:#ffffff16}.loading-state progress::-webkit-progress-value{background:#acd593}.loading-state button{pointer-events:auto;background:#1e2922;border:1px solid #7f968780;border-radius:6px;padding:10px 24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.object-label{top:max(20px, env(safe-area-inset-top));left:20px}.object-label span{margin:6px 0 0;display:block}.model-stage{inset:72px 0 120px}.viewer-controls{bottom:calc(48px + env(safe-area-inset-bottom));gap:0;padding:5px}.viewer-controls button{padding:0 11px}.credit{text-align:center;left:0;right:0;bottom:max(15px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.viewer-controls .color-control{color:#fbfffa;background:#000}.viewer-controls .rotate-control{color:#fff;background:#000}.viewer-controls .color-control{min-width:110px}@media (width<=600px){.viewer-controls .color-control{min-width:88px}}