.xd-storyboard-toggle{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:var(--xd-text-secondary);cursor:pointer;flex-shrink:0;transition:background .16s,color .16s}.xd-storyboard-toggle:hover{background:rgba(var(--xd-fg-rgb,255,255,255),.1);color:var(--xd-text-primary)}.xd-storyboard-toggle:focus-visible{outline:2px solid var(--xd-text-secondary);outline-offset:2px}.xd-storyboard-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;min-height:0;background:rgba(0,0,0,.12)}.xd-storyboard-script{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;cursor:text}.xd-storyboard-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;box-sizing:border-box;text-align:center;color:var(--xd-text-secondary);font-size:13px;background:radial-gradient(ellipse at center,rgba(var(--xd-fg-rgb,255,255,255),.035),transparent)}.xd-storyboard-placeholder small{font-size:11px;max-width:360px;color:var(--xd-text-tertiary);line-height:1.5}.xd-storyboard-placeholder button{font:inherit;color:var(--xd-text-primary);border:1px solid var(--xd-border-default);border-radius:8px;padding:7px 12px;background:rgba(var(--xd-fg-rgb,255,255,255),.05);cursor:pointer}.xd-storyboard-placeholder button:hover:not(:disabled){background:rgba(var(--xd-fg-rgb,255,255,255),.12)}.xd-storyboard-placeholder button:disabled{opacity:.55;cursor:default}.xd-storyboard-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.xd-storyboard-mini{--xd-board-w:28px;--xd-board-h:calc(var(--xd-board-w) * 9 / 16);--xd-board-gap:calc(var(--xd-board-w) * 2 / 7);position:relative;width:calc(var(--xd-board-w) * 3 + var(--xd-board-gap) * 2);height:calc(var(--xd-board-h) * 2 + var(--xd-board-gap));opacity:.5}.xd-storyboard-mini span{position:absolute;top:0;left:0;width:var(--xd-board-w);height:var(--xd-board-h);box-sizing:border-box;border:1px solid var(--xd-text-tertiary);border-radius:2px;background:linear-gradient(130deg,transparent,rgba(var(--xd-fg-rgb,255,255,255),.1));transform-origin:center}.xd-storyboard-mini span:nth-child(2){transform:translate(128.5714%)}.xd-storyboard-mini span:nth-child(3){transform:translate(257.1429%)}.xd-storyboard-mini span:nth-child(4){transform:translate(257.1429%,150.7937%)}.xd-storyboard-mini span:nth-child(5){transform:translate(128.5714%,150.7937%)}.xd-storyboard-mini span:nth-child(6){transform:translateY(150.7937%)}@media (max-width:500px){.xd-storyboard-placeholder{gap:8px;padding:10px}.xd-storyboard-mini{--xd-board-w:18px}.xd-storyboard-placeholder small{font-size:10px}}.xd-storyboard-toggle{position:relative}.xd-storyboard-toggle[data-discover=true]{background:#b6a4ff28;color:#dbd2ff;box-shadow:inset 0 0 0 1px #b6a4ff70,0 0 12px #b6a4ff20}.xd-storyboard-switch-hint{position:fixed;transform:translate(-100%,-50%);padding:6px 10px;border:1px solid #ffffff24;border-radius:99px;background:#27262d;color:#f2f0f7;font-family:inherit;font-size:11px;line-height:1.4;font-weight:500;white-space:nowrap;opacity:1;pointer-events:none;transition:opacity .15s ease;box-shadow:0 4px 14px #0003;z-index:10000}.xd-storyboard-toggle:focus-visible .xd-storyboard-switch-hint,.xd-storyboard-toggle:hover .xd-storyboard-switch-hint,.xd-storyboard-toggle[data-discover=true] .xd-storyboard-switch-hint{opacity:1}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini{opacity:1}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span{animation:xd-board-step 5.4s infinite;will-change:transform}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span:nth-child(2){animation-delay:-.9s}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span:nth-child(3){animation-delay:-1.8s}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span:nth-child(4){animation-delay:-2.7s}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span:nth-child(5){animation-delay:-3.6s}.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span:nth-child(6){animation-delay:-4.5s}@keyframes xd-board-step{0%{transform:translate(0) scale(1)}9.2593%{transform:translate(0) scale(1);animation-timing-function:ease-in}12.963%{transform:translate(64.2857%) scale(.6);animation-timing-function:ease-out}16.6667%{transform:translate(128.5714%) scale(1)}25.9259%{transform:translate(128.5714%) scale(1);animation-timing-function:ease-in}29.6296%{transform:translate(192.8571%) scale(.6);animation-timing-function:ease-out}33.3333%{transform:translate(257.1429%) scale(1)}42.5926%{transform:translate(257.1429%) scale(1);animation-timing-function:ease-in}46.2963%{transform:translate(257.1429%,75.3968%) scale(.6);animation-timing-function:ease-out}50%{transform:translate(257.1429%,150.7937%) scale(1)}59.2593%{transform:translate(257.1429%,150.7937%) scale(1);animation-timing-function:ease-in}62.963%{transform:translate(192.8571%,150.7937%) scale(.6);animation-timing-function:ease-out}66.6667%{transform:translate(128.5714%,150.7937%) scale(1)}75.9259%{transform:translate(128.5714%,150.7937%) scale(1);animation-timing-function:ease-in}79.6296%{transform:translate(64.2857%,150.7937%) scale(.6);animation-timing-function:ease-out}83.3333%{transform:translateY(150.7937%) scale(1)}92.5926%{transform:translateY(150.7937%) scale(1);animation-timing-function:ease-in}96.2963%{transform:translateY(75.3968%) scale(.6);animation-timing-function:ease-out}to{transform:translate(0) scale(1)}}.xd-storyboard-placeholder[data-loading]>[role=status]{background:linear-gradient(100deg,var(--xd-text-tertiary) 25%,var(--xd-text-primary) 48%,var(--xd-text-tertiary) 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xd-board-label 2.4s linear infinite}@keyframes xd-board-label{0%{background-position:150% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.xd-storyboard-placeholder[data-loading] .xd-storyboard-mini span{animation:none}.xd-storyboard-placeholder[data-loading]>[role=status]{animation:none;color:inherit;background:none}}