.tm-showcase[data-v-61a06602]{aspect-ratio:16/9;background:repeating-conic-gradient(var(--surface-2) 0 25%,transparent 0 50%) 0 0 /24px 24px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.tm-showcase.is-flush[data-v-61a06602]{aspect-ratio:auto;border:0;border-radius:0;height:100%;width:100%}.tm-viewport[data-v-61a06602]{display:flex;height:100%;overflow:auto;padding:var(--space-5);width:100%}.tm-showcase-canvas[data-v-61a06602]{display:block;image-rendering:pixelated;margin:auto;max-height:100%;max-width:100%}.tm-showcase-canvas[style][data-v-61a06602]{max-height:none;max-width:none}.tm-zoom[data-v-61a06602]{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);bottom:var(--space-3);box-shadow:var(--shadow-modal);display:flex;gap:2px;padding:2px;position:absolute;right:var(--space-3)}.tm-zoom-btn[data-v-61a06602],.tm-zoom-pct[data-v-61a06602]{align-items:center;background:transparent;border:0;border-radius:calc(var(--radius-sm) - 2px);color:var(--muted);cursor:pointer;display:flex;height:24px;justify-content:center;transition:background var(--transition),color var(--transition)}.tm-zoom-btn[data-v-61a06602]{font-size:var(--text-sm);line-height:1;width:24px}.tm-zoom-pct[data-v-61a06602]{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:600;min-width:42px;padding:0 var(--space-1)}.tm-zoom-btn[data-v-61a06602]:hover:not(:disabled),.tm-zoom-pct[data-v-61a06602]:hover{background:var(--surface-2);color:var(--foreground)}.tm-zoom-btn[data-v-61a06602]:disabled{cursor:default;opacity:.35}
