.viewer.svelte-x0ofji{display:flex;flex-direction:column;gap:14px;width:100%}.stage.svelte-x0ofji{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-l);overflow:hidden;background:radial-gradient(120% 90% at 50% 30%,#23232a,#0d0d10 70%);border:1px solid var(--line)}.compact.svelte-x0ofji .stage:where(.svelte-x0ofji){aspect-ratio:auto;height:100%;min-height:220px;border:0;border-radius:0;background:transparent}model-viewer.svelte-x0ofji{width:100%;height:100%;--poster-color: transparent;--progress-bar-color: var(--accent);background:transparent}.placeholder.svelte-x0ofji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:13px}.hint.svelte-x0ofji{position:absolute;left:14px;bottom:12px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);pointer-events:none}.finishes.svelte-x0ofji{display:flex;flex-wrap:wrap;gap:6px}.compact.svelte-x0ofji .finishes:where(.svelte-x0ofji){position:absolute;right:12px;bottom:12px;gap:4px}.finishes.svelte-x0ofji button:where(.svelte-x0ofji){display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;border-radius:999px;border:1px solid var(--line-2);background:#ffffff08;color:var(--text-2);font-size:12.5px;cursor:pointer;transition:all .2s var(--ease)}.finishes.svelte-x0ofji button:where(.svelte-x0ofji):hover{color:var(--text);border-color:var(--line-3)}.finishes.svelte-x0ofji button.on:where(.svelte-x0ofji){color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.finishes.svelte-x0ofji i:where(.svelte-x0ofji){width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px #fff3 inset}.compact.svelte-x0ofji .finishes:where(.svelte-x0ofji) button:where(.svelte-x0ofji){padding:0;width:28px;height:28px;justify-content:center}.compact.svelte-x0ofji .finishes:where(.svelte-x0ofji) span:where(.svelte-x0ofji){display:none}.compact.svelte-x0ofji .finishes:where(.svelte-x0ofji) i:where(.svelte-x0ofji){width:16px;height:16px}