._appearance_1gebe_1{min-width:0;width:100%}._viewport_1gebe_6{--preview-height: 320px;--preview-controls-height: 0px;position:relative;display:grid;place-items:center;width:100%;height:var(--preview-height)}._viewport_1gebe_6[data-equipment]{--preview-controls-height: var(--ui-space-56)}._frame_1gebe_20{position:absolute;inset:0;bottom:var(--preview-controls-height)}._poster_1gebe_26{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_1gebe_36{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}._canvas_1gebe_36 canvas{display:block;width:100%;height:100%}._scene_1gebe_51{position:absolute;inset:0}._frame_1gebe_20[data-ready] ._poster_1gebe_26{visibility:hidden}._frame_1gebe_20[data-ready] ._canvas_1gebe_36{opacity:1;pointer-events:auto;cursor:grab}._frame_1gebe_20[data-ready] ._canvas_1gebe_36:active{cursor:grabbing}._canvas_1gebe_36:focus-visible{outline:2px solid var(--ui-accent);outline-offset:var(--ui-space-4)}._appearance_1gebe_1 button,._appearance_1gebe_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_1gebe_1 ._expand_1gebe_85{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_1gebe_1 ._expand_1gebe_85:hover,._appearance_1gebe_1 ._expand_1gebe_85:focus-visible{color:var(--ui-text);background:var(--ui-bg-overlay);opacity:1}._viewport_1gebe_6:hover ._expand_1gebe_85,._viewport_1gebe_6:focus-within ._expand_1gebe_85{opacity:1}._appearance_1gebe_1 ._character_1gebe_111{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_1gebe_111:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}._expand_1gebe_85:focus-visible{outline:2px solid var(--ui-accent)}._viewport_1gebe_6:fullscreen,._viewport_1gebe_6._expanded_1gebe_133{--preview-height: 100dvh;background:var(--ui-bg-body)}._viewport_1gebe_6._expanded_1gebe_133{position:fixed;inset:0;z-index:100}._controls_1gebe_144{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_1gebe_153{position:absolute;bottom:var(--ui-space-8);left:50%;transform:translate(-50%)}._viewport_1gebe_6[data-equipment] ._status_1gebe_153{left:auto;right:var(--ui-space-8);transform:none}._viewport_1gebe_6 ._status_1gebe_153[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_1gebe_153 button{font-size:var(--ui-text-xs)}._loading_1gebe_181{display:grid;place-items:center;color:var(--ui-accent)}._spinner_1gebe_187{width:var(--ui-space-56);height:var(--ui-space-56);animation:_spin_1gebe_187 1s linear infinite}@keyframes _spin_1gebe_187{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_1gebe_187{animation:none}}._hint_1gebe_203{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_1gebe_212,._touchHint_1gebe_212[hidden]{display:none}@media(any-pointer:coarse){._touchHint_1gebe_212{display:inline}._appearance_1gebe_1 ._expand_1gebe_85{opacity:1;width:var(--ui-space-48);height:var(--ui-space-48)}._viewport_1gebe_6[data-equipment]{--preview-controls-height: var(--ui-space-64)}._appearance_1gebe_1 ._character_1gebe_111{height:var(--ui-space-48)}}._srOnly_1gebe_236{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}