.ft-theater{container-type:inline-size}.ft-body{display:flex;flex-direction:column}.ft-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.75rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.ft-tab-sub{display:none}.ft-stage{padding:clamp(.75rem,4cqw,1.5rem);height:clamp(315px,72cqw,420px)}@container (min-width: 26rem){.ft-tab-sub{display:block}}@container (min-width: 44rem){.ft-body{flex-direction:row}.ft-tabs{display:flex;flex-direction:column;width:16rem;border-bottom:0;border-right:1px solid #f3f4f6}.ft-stage{height:360px}}.ft-progress-track{position:relative;overflow:hidden}.ft-progress-fill{transform:scaleX(0);transform-origin:left;transition:transform .2s linear}.ft-progress-fill[data-playing=true]{transition:transform linear}.ft-ghost-cursor{position:absolute;transition:top .9s cubic-bezier(.65,0,.35,1),left .9s cubic-bezier(.65,0,.35,1);pointer-events:none;z-index:20}@media (prefers-reduced-motion:no-preference){@keyframes ft-red-glow{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.35)}50%{box-shadow:0 0 0 6px rgba(220,38,38,.12)}}.ft-pulse-red{animation:ft-red-glow 1.6s ease-in-out infinite}@keyframes ft-cursor-click{0%,to{transform:scale(1)}50%{transform:scale(.7)}}.ft-cursor-click{animation:ft-cursor-click .3s ease-out}.ft-panel-in{animation:ft-slide-up-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes ft-scene-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.ft-scene-in{animation:ft-scene-in .4s cubic-bezier(.16,1,.3,1) both}@keyframes ft-check-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.ft-check-pop{animation:ft-check-pop .3s ease-out forwards}@keyframes ft-row-fade{0%{opacity:1}to{opacity:.45}}.ft-row-done{animation:ft-row-fade .3s ease-out forwards}@keyframes ft-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}.ft-shake{animation:ft-shake .35s ease-in-out 2}@keyframes ft-scale-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ft-gauge-fill{transform-origin:left;animation:ft-scale-x .7s ease-out forwards}@keyframes ft-scale-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.ft-rail-line{transform-origin:top;animation:ft-scale-y 2s ease-out 1.9s both}@keyframes ft-drop-in{0%{transform:translateY(-140%);opacity:0}60%{transform:translateY(6%);opacity:1}80%{transform:translateY(-3%)}to{transform:translateY(0);opacity:1}}.ft-notif-drop{animation:ft-drop-in .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ft-slide-up-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.ft-slide-up-in{animation:ft-slide-up-in .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes ft-fade-in{0%{opacity:0}to{opacity:1}}.ft-fade-in{animation:ft-fade-in .35s ease-out forwards}@keyframes ft-scan-line{0%{top:0;opacity:1}95%{opacity:1}to{top:100%;opacity:0}}.ft-scan-line{animation:ft-scan-line 1.1s ease-in-out 2}@keyframes ft-bracket-flash{0%,to{border-color:#e5e7eb}50%{border-color:hsl(16 90% 55%)}}.ft-bracket-flash{animation:ft-bracket-flash 1.1s ease-in-out 2}@keyframes ft-badge-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.ft-badge-pop{animation:ft-badge-pop .35s ease-out forwards}}@media (prefers-reduced-motion:reduce){.ft-ghost-cursor{display:none}}