._appearance_1u3p4_1{min-width:0;width:100%}._viewport_1u3p4_6{--preview-height: 320px;--preview-controls-height: 0px;position:relative;display:grid;place-items:center;width:100%;height:var(--preview-height)}._compact_1u3p4_16 ._viewport_1u3p4_6:not(._expanded_1u3p4_16):not(:fullscreen){--preview-height: 220px}._viewport_1u3p4_6[data-equipment]{--preview-controls-height: var(--ui-space-56)}._frame_1u3p4_24{position:absolute;inset:0;bottom:var(--preview-controls-height)}._poster_1u3p4_30{position:absolute;top:50%;left:50%;display:block;width:min(100% * var(--preview-fill),(var(--preview-height) - var(--preview-controls-height)) * var(--preview-aspect) * var(--preview-fill));height:auto;transform:translate(-50%,-50%)}._canvas_1u3p4_40{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}._canvas_1u3p4_40 canvas{display:block;width:100%;height:100%}._scene_1u3p4_55{position:absolute;inset:0}._frame_1u3p4_24[data-ready] ._poster_1u3p4_30{visibility:hidden}._frame_1u3p4_24[data-ready] ._canvas_1u3p4_40{opacity:1;pointer-events:auto;cursor:grab}._frame_1u3p4_24[data-ready] ._canvas_1u3p4_40:active{cursor:grabbing}._canvas_1u3p4_40:focus-visible{outline:2px solid var(--ui-accent);outline-offset:var(--ui-space-4)}._appearance_1u3p4_1 button,._appearance_1u3p4_1 select{color:var(--ui-text);background:var(--ui-bg-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);padding:var(--ui-space-8) var(--ui-space-12);font:inherit;cursor:pointer}._appearance_1u3p4_1 ._expand_1u3p4_16{position:absolute;top:var(--ui-space-8);right:var(--ui-space-8);z-index:1;display:grid;place-items:center;width:var(--ui-space-40);height:var(--ui-space-40);padding:0;color:var(--ui-text-muted);background:transparent;border-color:transparent;opacity:.5}._appearance_1u3p4_1 ._expand_1u3p4_16:hover,._appearance_1u3p4_1 ._expand_1u3p4_16:focus-visible{color:var(--ui-text);background:var(--ui-bg-overlay);opacity:1}._viewport_1u3p4_6:hover ._expand_1u3p4_16,._viewport_1u3p4_6:focus-within ._expand_1u3p4_16{opacity:1}._appearance_1u3p4_1 ._character_1u3p4_115{position:absolute;bottom:var(--ui-space-8);left:var(--ui-space-8);z-index:1;max-width:calc(100% - var(--ui-space-64));height:var(--ui-space-40);padding:0 var(--ui-space-8);font-size:var(--ui-text-sm);background:var(--ui-bg-overlay);box-shadow:var(--ui-shadow)}._character_1u3p4_115:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}._expand_1u3p4_16:focus-visible{outline:2px solid var(--ui-accent)}._viewport_1u3p4_6:fullscreen,._viewport_1u3p4_6._expanded_1u3p4_16{--preview-height: 100dvh;background:var(--ui-bg-body)}._viewport_1u3p4_6._expanded_1u3p4_16{position:fixed;inset:0;z-index:100}._controls_1u3p4_148{display:flex;gap:var(--ui-space-12);align-items:center;justify-content:center;margin-top:var(--ui-space-12);font-size:var(--ui-text-sm)}._status_1u3p4_157{position:absolute;bottom:var(--ui-space-8);left:50%;transform:translate(-50%)}._viewport_1u3p4_6[data-equipment] ._status_1u3p4_157{left:auto;right:var(--ui-space-8);transform:none}._viewport_1u3p4_6 ._status_1u3p4_157[data-loading]{inset:0;bottom:var(--preview-controls-height);z-index:1;display:grid;place-items:center;transform:none;pointer-events:none;background:color-mix(in srgb,var(--ui-bg-body) 45%,transparent)}._status_1u3p4_157 button{font-size:var(--ui-text-xs)}._loading_1u3p4_185{display:grid;place-items:center;color:var(--ui-accent)}._spinner_1u3p4_191{width:var(--ui-space-56);height:var(--ui-space-56);animation:_spin_1u3p4_191 1s linear infinite}@keyframes _spin_1u3p4_191{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_1u3p4_191{animation:none}}._hint_1u3p4_207{position:absolute;bottom:calc(var(--preview-controls-height) + var(--ui-space-8));margin:0;pointer-events:none;color:var(--ui-text-muted);font-size:var(--ui-text-xs)}._touchHint_1u3p4_216,._touchHint_1u3p4_216[hidden]{display:none}@media(any-pointer:coarse){._touchHint_1u3p4_216{display:inline}._appearance_1u3p4_1 ._expand_1u3p4_16{opacity:1;width:var(--ui-space-48);height:var(--ui-space-48)}._viewport_1u3p4_6[data-equipment]{--preview-controls-height: var(--ui-space-64)}._appearance_1u3p4_1 ._character_1u3p4_115{height:var(--ui-space-48)}}._srOnly_1u3p4_240{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}