:root .studio-control{isolation:isolate;cursor:pointer;touch-action:manipulation;transition:background-color 180ms cubic-bezier(.16,1,.3,1),border-color 180ms ease-out,color 180ms ease-out,box-shadow 180ms ease-out,transform 120ms ease-out}
:root .studio-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:10px 15px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-family:inherit;font-size:12px;font-weight:650;line-height:1.35}
:root .studio-action:is(.primary,[data-transcribe]){background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 13%,transparent)}
:root .studio-control:hover:not(:disabled):not([aria-busy=true]){border-color:var(--accent)}
:root .studio-action:hover:not(:disabled):not([aria-busy=true]){background:var(--accent-soft);color:var(--text);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 10%,transparent)}
:root .studio-action:is(.primary,[data-transcribe]):hover:not(:disabled):not([aria-busy=true]){background:var(--accent-strong);color:var(--accent-ink)}
:root .studio-control:active:not(:disabled):not([aria-busy=true]){transform:scale(.975)}
:root .studio-control:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:root .studio-control:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}
:root .studio-control[aria-busy=true]{cursor:progress;pointer-events:none;opacity:1}
.studio-loader{display:inline-block;width:16px;height:16px;min-width:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:studio-spin 750ms linear infinite;pointer-events:none}
.studio-ai{overflow:hidden}
.studio-ai-mark{display:inline-flex;width:22px;height:22px;flex:none;align-items:center;justify-content:center;pointer-events:none}
.studio-ai-mark svg{width:22px;height:22px;transform-origin:50% 50%}
.studio-ai.studio-in-view .studio-ai-mark svg{animation:studio-ai-spark 2800ms cubic-bezier(.16,1,.3,1) infinite}
.studio-ai::after{content:'';position:absolute;inset:-30% -65%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,color-mix(in srgb,currentColor 16%,transparent) 50%,transparent 62%);transform:translateX(-65%);opacity:0}
.studio-ai:is(:hover,:focus-visible)[class]::after,.studio-ai[aria-busy=true]::after{animation:studio-ai-sweep 1800ms cubic-bezier(.16,1,.3,1) infinite}
.studio-ai[aria-busy=true] .studio-ai-mark svg{animation:studio-ai-spark 1200ms ease-in-out infinite}
.smart-history .studio-action{width:36px;padding:7px;gap:0}
.smart-editor-header [data-export].studio-action{min-height:44px;padding-inline:20px}
.smart-tool-panel [data-transcribe].studio-action{min-height:46px}
.studio-feedback-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-motion-paused .studio-ai *,.studio-motion-paused .studio-ai::after{animation-play-state:paused!important}
@keyframes studio-spin{to{transform:rotate(360deg)}}
@keyframes studio-ai-spark{0%,100%{transform:scale(1) rotate(0);opacity:.8}35%{transform:scale(1.18) rotate(12deg);opacity:1}62%{transform:scale(.94) rotate(-8deg);opacity:.9}}
@keyframes studio-ai-sweep{0%{transform:translateX(-65%);opacity:0}18%{opacity:1}78%{opacity:1}100%{transform:translateX(65%);opacity:0}}
@media(max-width:700px){:root .studio-action{padding:9px 12px;font-size:12px}.smart-editor-header .studio-action{font-size:11px;min-height:36px}.smart-editor-header .smart-history .studio-action{padding:5px;min-height:32px}.studio-ai-mark,.studio-ai-mark svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){:root .studio-control{transition:background-color 150ms ease-out,border-color 150ms ease-out,color 150ms ease-out}:root .studio-control:active{transform:none}.studio-ai.studio-in-view .studio-ai-mark svg,.studio-ai::after,.studio-ai[aria-busy=true] .studio-ai-mark svg{animation:none}.studio-loader{animation:studio-loader-gentle 1600ms ease-in-out infinite;border-right-color:currentColor}@keyframes studio-loader-gentle{50%{opacity:.35}}}