.play-inner.svelte-55b0e8{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.showcase.svelte-55b0e8{display:flex;flex-direction:column;width:100%;max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#00000059;box-shadow:0 20px 60px #0006}.showcase.with-sidebar.svelte-55b0e8{max-width:min(1600px,94vw)}.stage-row.svelte-55b0e8{display:contents}.showcase.with-sidebar.svelte-55b0e8 .stage-row:where(.svelte-55b0e8){display:flex;flex-direction:row;align-items:stretch;width:100%}.stage-column.svelte-55b0e8{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.panel-slot.svelte-55b0e8{flex:0 0 380px;max-width:380px;display:flex;flex-direction:column;min-height:0}.swap-controls.svelte-55b0e8{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem 1rem .5rem;flex-shrink:0}.swap-buttons.svelte-55b0e8{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.swap-btn.svelte-55b0e8{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:0 0 auto;min-height:44px;padding:.6875rem 1.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;color:#e8e6f4;font-family:var(--font-body, system-ui, sans-serif);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,border-color .18s ease}.swap-btn.svelte-55b0e8:hover:not(:disabled),.swap-btn.svelte-55b0e8:focus-visible:not(:disabled){transform:translateY(-2px);background:#ffffff1f;border-color:#ffffff4d;color:#fff;outline:none}.swap-btn.svelte-55b0e8:active:not(:disabled){transform:translateY(0)}.swap-btn.svelte-55b0e8:disabled{opacity:.45;cursor:default}.swap-btn.svelte-55b0e8 i:where(.svelte-55b0e8){font-size:.85rem;opacity:.8}.swap-caption.svelte-55b0e8{margin:0;min-height:1.2em;display:flex;align-items:center;gap:.4rem;font-size:var(--font-size-compact, .75rem);letter-spacing:.02em;color:var(--theme-text-dim, rgba(255, 255, 255, .5))}.swap-word.svelte-55b0e8{font-family:var(--font-tka, inherit);color:#ffffffb8}.swap-sep.svelte-55b0e8{opacity:.4}@media(min-width:1680px){.swap-btn.svelte-55b0e8{font-size:1rem;padding:.8125rem 1.5rem}.swap-caption.svelte-55b0e8{font-size:.875rem}}@media(max-width:600px){.swap-controls.svelte-55b0e8{padding:.5rem .75rem .375rem;gap:.3125rem}.swap-buttons.svelte-55b0e8{width:100%;flex-wrap:nowrap;gap:.5rem}.swap-btn.svelte-55b0e8{flex:1 1 0;min-width:0;padding:.625rem .5rem;font-size:.8125rem}}@media(max-width:360px){.swap-btn.svelte-55b0e8 i:where(.svelte-55b0e8){display:none}}@media(prefers-reduced-motion:reduce){.swap-btn.svelte-55b0e8{transition:none}.swap-btn.svelte-55b0e8:hover:not(:disabled),.swap-btn.svelte-55b0e8:focus-visible:not(:disabled){transform:none}}.strip-reserve.svelte-55b0e8{min-height:124px;flex-shrink:0}.canvas-area.svelte-55b0e8{position:relative;width:100%;aspect-ratio:1;max-height:min(1100px,70vh);display:flex;align-items:center;justify-content:center}@media(min-width:1680px){.showcase.with-sidebar.svelte-55b0e8{max-width:min(2800px,94vw)}.canvas-area.svelte-55b0e8{max-height:min(1500px,72vh)}.panel-slot.svelte-55b0e8{flex:0 0 440px;max-width:440px}}.canvas-wrapper.svelte-55b0e8{width:100%;height:100%;overflow:hidden}.canvas-placeholder.svelte-55b0e8{width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--theme-text-dim, rgba(255, 255, 255, .6));font-size:var(--font-size-min, 14px)}.placeholder-icon.svelte-55b0e8{font-size:3rem;opacity:.4}@media(max-width:600px){.play-inner.svelte-55b0e8{flex:1 1 auto;min-height:0;gap:10px}.showcase.svelte-55b0e8{flex:1 1 auto;min-height:0;max-width:100%;border-radius:12px}.stage-column.svelte-55b0e8{min-height:0}.canvas-area.svelte-55b0e8{aspect-ratio:auto;flex:1 1 auto;min-height:0;max-height:none}.canvas-wrapper.svelte-55b0e8{position:absolute;inset:0}}