.ShowcaseStage-module__vDhqpW__stage.ShowcaseStage-module__vDhqpW__stage{flex-direction:column;gap:14px;padding:0;display:flex}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewport{aspect-ratio:16/10;border:1px solid var(--entity-rule,var(--line));background:var(--entity-surface-subtle,#7f7f7f0f);perspective:1200px;border-radius:12px;position:relative;overflow:hidden}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__media{object-fit:cover;width:100%;height:100%;transform:scale(1.04) rotateX(calc(var(--tilt-x,0) * -2.4deg)) rotateY(calc(var(--tilt-y,0) * 2.4deg));view-transition-name:ShowcaseStage-module__vDhqpW__showcase-stage-media;transition:transform .45s cubic-bezier(.22,.61,.36,1);display:block}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__placeholder{width:100%;height:100%;color:var(--entity-muted,inherit);letter-spacing:.1em;justify-content:center;align-items:center;font-size:15px;display:flex}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__gallery{perspective:900px;flex-wrap:wrap;gap:10px;display:flex}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb{width:164px;color:inherit;font:inherit;text-align:left;cursor:pointer;transform-origin:0;background:0 0;border:0;flex-direction:column;gap:5px;padding:0;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;transform:rotateY(-7deg)translateZ(-14px)}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb:hover,.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb:focus-visible{transform:rotateY(-3deg)translateZ(-4px)}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb[aria-selected=true]{transform:rotateY(0)translateZ(0)}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumbImage{aspect-ratio:16/10;border:1px solid var(--entity-rule,var(--line));background:var(--entity-surface-subtle,#7f7f7f0f);border-radius:6px;display:block;overflow:hidden}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumbImage img{object-fit:cover;width:100%;height:100%;display:block}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb[aria-selected=true] .ShowcaseStage-module__vDhqpW__thumbImage{border-color:var(--entity-accent,currentColor)}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumbLabel{color:var(--entity-muted,inherit);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb[aria-selected=true] .ShowcaseStage-module__vDhqpW__thumbLabel{color:var(--entity-text,inherit);font-weight:650}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__credit{color:var(--entity-muted,inherit);margin:0;font-size:12px;line-height:1.6}@media (max-width:700px){.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb{width:120px}}@media (prefers-reduced-motion:reduce){.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__media{view-transition-name:none;transition:none;transform:none}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb,.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb:hover,.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb:focus-visible,.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumb[aria-selected=true]{transition:none;transform:none}}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewer{width:100%;height:100%;position:relative}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerCanvas{width:100%;height:100%}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerCanvas canvas{display:block;width:100%!important;height:100%!important}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPrompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPrompt button{border:1px solid var(--entity-accent,currentColor);background:var(--entity-accent,currentColor);color:var(--entity-accent-contrast,#fff);font:inherit;cursor:pointer;border-radius:999px;padding:10px 22px;font-weight:650}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPrompt button:disabled{opacity:.7;cursor:progress}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPrompt span{color:var(--entity-muted,inherit);font-size:13px}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerNote{background:var(--entity-surface-subtle,#fffc);color:var(--entity-muted,inherit);border-radius:999px;margin:0;padding:3px 10px;font-size:12px;position:absolute;bottom:10px;right:12px}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPoster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewer[data-status=loading] .ShowcaseStage-module__vDhqpW__viewerPoster{filter:saturate(.6)brightness(.92)}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerCanvas{position:relative}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerCanvas:focus-visible{outline:2px solid var(--entity-accent,currentColor);outline-offset:-2px}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerBar{align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;right:12px}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerBar .ShowcaseStage-module__vDhqpW__viewerNote{position:static}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerReset{border:1px solid var(--entity-rule-strong,currentColor);background:var(--entity-surface-subtle,#fffc);color:var(--entity-copy,inherit);font:inherit;cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerReset:hover{border-color:var(--entity-accent,currentColor)}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPrompt[data-loading]{background:#0000002e}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__viewerPrompt[data-loading] button{cursor:progress}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__watching{color:var(--entity-muted,inherit);margin:0;font-size:13px}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__watching b{background:var(--entity-accent,currentColor);width:20px;height:20px;color:var(--entity-accent-contrast,#fff);font-family:var(--entity-font-data,var(--font-mono));border-radius:999px;justify-content:center;align-items:center;margin-right:4px;font-size:11px;font-weight:650;display:inline-flex}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumbImage{position:relative}.ShowcaseStage-module__vDhqpW__stage .ShowcaseStage-module__vDhqpW__thumbBadge{background:var(--entity-accent,currentColor);color:var(--entity-accent-contrast,#fff);font-family:var(--entity-font-data,var(--font-mono));letter-spacing:.06em;border-radius:4px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:650;position:absolute;top:6px;right:6px}
.ShowcaseWorkbench-module__RN5qnW__workbench{grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}.ShowcaseWorkbench-module__RN5qnW__workbench .ShowcaseWorkbench-module__RN5qnW__stageColumn,.ShowcaseWorkbench-module__RN5qnW__workbench .ShowcaseWorkbench-module__RN5qnW__stepsColumn{min-width:0}@media (min-width:1100px){.ShowcaseWorkbench-module__RN5qnW__workbench{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px}.ShowcaseWorkbench-module__RN5qnW__workbench .ShowcaseWorkbench-module__RN5qnW__stageColumn{position:sticky;top:86px}}
