/* Shared glass action for Pro, before and after upload. */
.pro-generate-storyboard{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:min(404.8px,calc(100% - 28px));height:62px;margin:12px auto 0;padding:0 62px 0 26px;overflow:hidden;border:1px solid rgba(171,163,221,.48);border-radius:32px;color:#343747;background:radial-gradient(ellipse at 90% 100%,rgba(184,154,255,.25),transparent 56%),linear-gradient(165deg,rgba(255,255,255,.94) 0%,rgba(243,245,255,.72) 45%,rgba(222,226,249,.78) 100%);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:inset 0 2px 2px rgba(255,255,255,.98),inset 0 -2px 3px rgba(255,255,255,.75),inset 1px 0 2px rgba(255,255,255,.85),0 8px 24px rgba(91,80,157,.14),0 2px 6px rgba(111,103,167,.08);font:inherit;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}
.pro-generate-storyboard::before{content:"";position:absolute;z-index:0;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(174deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.18) 39%,transparent 40%);}
.pro-generate-storyboard::after{content:"";position:absolute;z-index:0;inset:-80% -25%;pointer-events:none;background:radial-gradient(ellipse at 75% 60%,rgba(187,158,255,.28),transparent 38%),radial-gradient(ellipse at 25% 45%,rgba(166,207,255,.2),transparent 42%);animation:proGlassAmbient 9s ease-in-out infinite alternate}
.pro-generate-storyboard:hover{transform:translateY(-2px);filter:none;box-shadow:inset 0 2px 2px #fff,inset 0 -2px 3px rgba(255,255,255,.85),0 12px 30px rgba(91,80,157,.2)}
.pro-generate-storyboard:active{transform:translateY(0) scale(.992)}
.pro-generate-storyboard:disabled{cursor:wait;opacity:.7;transform:none}
.pro-generate-storyboard:focus-visible{outline:2px solid #9b85ff;outline-offset:4px}
.pro-generate-storyboard>b{position:relative;z-index:2;font-size:16px;font-weight:650;letter-spacing:.2px;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.pro-generate-storyboard>.ic{position:relative;z-index:2;width:23px;height:23px;flex:none;color:#9980e5;filter:drop-shadow(0 1px 0 rgba(255,255,255,.95))}
.pro-generate-storyboard>em{position:absolute;z-index:2;right:18px;display:flex;align-items:center;gap:4px;height:30px;padding-left:12px;border-left:1px solid rgba(154,140,200,.25);font-style:normal;font-size:13px;font-weight:650;color:#8a68d5;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.pro-generate-storyboard>em .ic{width:14px;height:14px}
.pro-generate-shine{position:absolute;z-index:1;inset:-60% -30%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.08) 44%,rgba(255,255,255,.65) 50%,rgba(223,237,255,.22) 55%,transparent 62%);transform:translateX(-75%) rotate(-8deg);animation:proGlassSweep 6.5s ease-in-out infinite}
@keyframes proGlassSweep{0%,12%{transform:translateX(-75%) rotate(-8deg);opacity:0}25%{opacity:.9}65%{transform:translateX(75%) rotate(-8deg);opacity:.8}78%,100%{transform:translateX(75%) rotate(-8deg);opacity:0}}
@keyframes proGlassAmbient{from{transform:translate(-4%,2%) rotate(-7deg)}to{transform:translate(5%,-3%) rotate(8deg)}}
[data-theme='dark'] .pro-generate-storyboard{color:#f0effa;border-color:rgba(196,189,235,.35);background:radial-gradient(ellipse at 90% 100%,rgba(158,122,221,.18),transparent 56%),linear-gradient(165deg,rgba(82,85,109,.8),rgba(43,46,65,.75));box-shadow:inset 0 1px 2px rgba(255,255,255,.4),inset 0 -1px 2px rgba(255,255,255,.14),0 9px 26px rgba(0,0,0,.25)}
[data-theme='dark'] .pro-generate-storyboard>b{text-shadow:0 1px 2px rgba(0,0,0,.2)}
[data-theme='dark'] .pro-generate-storyboard::before{opacity:.2}
[data-theme='dark'] .pro-generate-storyboard>.ic,[data-theme='dark'] .pro-generate-storyboard>em{color:#c5b0ff;text-shadow:none;filter:none}
@media(max-width:640px){.pro-generate-storyboard{height:56px;padding:0 54px 0 16px;gap:7px}.pro-generate-storyboard>b{font-size:14px;letter-spacing:0}.pro-generate-storyboard>.ic{width:20px;height:20px}.pro-generate-storyboard>em{right:13px;font-size:12px;padding-left:9px}}
@media(prefers-reduced-motion:reduce){.pro-generate-shine,.pro-generate-storyboard::after{animation:none}.pro-generate-shine{opacity:0}}

/* Refined translucent capsule, matching the approved Pro reference. */
.pro-generate-storyboard{border-color:rgba(178,160,247,.55);background:radial-gradient(ellipse at 92% 75%,rgba(197,163,255,.24),transparent 58%),linear-gradient(115deg,rgba(255,255,255,.95),rgba(247,246,255,.79) 50%,rgba(235,226,255,.75));box-shadow:inset 0 1px 2px rgba(255,255,255,.96),inset 0 -1px 2px rgba(255,255,255,.72),0 10px 28px rgba(140,112,218,.12);color:#303340}
.pro-generate-storyboard>.ic{color:#9b78ee}
.pro-generate-storyboard>em{color:#9570e1;border-left-color:rgba(162,138,220,.32)}
.pro-generate-shine{background:linear-gradient(110deg,transparent 34%,rgba(237,228,255,.12) 42%,rgba(255,255,255,.92) 50%,rgba(213,225,255,.38) 56%,transparent 65%);animation-duration:4.8s}

/* Approved variant A: transparent glass. */
.pro-generate-storyboard{width:min(340px,calc(100% - 28px));height:66px;padding:0 22px;gap:13px;border-radius:21px;color:#33394c;border:1px solid #cfd6eb;background:radial-gradient(at 98% 100%,rgba(217,219,255,.5),transparent 65%),linear-gradient(125deg,rgba(255,255,255,.93),rgba(240,244,255,.79));box-shadow:inset 0 2px 2px #fff,inset 0 -1px 2px rgba(255,255,255,.85),0 8px 24px rgba(80,109,169,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.pro-generate-storyboard>b{flex:1;text-align:left;font-size:16px;font-weight:600;letter-spacing:.1px;text-shadow:none}
.pro-generate-storyboard>.ic{width:23px;height:23px;color:#757cef}
.pro-generate-storyboard>em{position:relative;right:auto;height:24px;padding-left:16px;border-left:1px solid rgba(0,0,0,.06);color:#757cef;font-size:12px;font-weight:600;text-shadow:none;flex:none}
.pro-generate-shine{inset:-80% -50%;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.63) 50%,transparent 60%);animation:proVariantAShine 4.5s ease-in-out infinite}
@keyframes proVariantAShine{0%,15%{transform:translateX(-55%);opacity:0}28%{opacity:1}70%{transform:translateX(55%);opacity:1}85%,100%{transform:translateX(55%);opacity:0}}
@media(max-width:640px){.pro-generate-storyboard{padding:0 14px;gap:9px;height:60px;border-radius:21px}.pro-generate-storyboard>b{font-size:14px}.pro-generate-storyboard>em{right:auto;padding-left:10px}}
@media(prefers-reduced-motion:reduce){.pro-generate-shine{animation:none;opacity:0}}


/* Retain the compact width with the approved glass depth. */
.pro-generate-storyboard{padding:0 16px;gap:10px}.pro-generate-storyboard>b{font-size:14px}.pro-generate-storyboard>.ic{width:20px;height:20px}.pro-generate-storyboard>em{padding-left:10px}