/* Preview-only, independent adaptations of the visual references credited in
   button-previews.js. No library code is copied or executed from 21st.dev. */
body[data-interface=cinema][data-button-preview] .cinema-hero .actions{gap:14px}
body[data-interface=cinema][data-button-preview] .cinema-hero .actions button{position:relative;isolation:isolate;height:58px;min-height:58px;border-radius:14px;padding:0 25px;overflow:hidden;font-weight:600;letter-spacing:.005em;transition:none}
body[data-interface=cinema][data-button-preview] .cinema-hero .actions button svg,body[data-interface=cinema][data-button-preview] .cinema-hero .actions button span{position:relative;z-index:2}
body[data-interface=cinema][data-button-preview] .cinema-hero button.cinema-favorite{width:58px;min-width:58px;padding:0}
body[data-interface=cinema][data-button-preview] .cinema-hero button.cinema-more{padding:0 22px;color:#f4f5fa;border:1px solid #b7becf70;background:#1b1e2c87}
body[data-interface=cinema][data-button-preview] .cinema-hero button:active{transform:scale(.98)}
body[data-interface=cinema][data-button-preview=glass] .cinema-hero .cinema-play{color:#fff;border:1px solid #e1e9ff66;background:linear-gradient(145deg,#c3d7ff3d,#7e92bd18 45%,#20293f7a);box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #02091c7a,0 8px 26px #03071466;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}
body[data-interface=cinema][data-button-preview=glass] .cinema-hero .cinema-play:before{content:'';position:absolute;inset:1px;border-radius:12px;background:linear-gradient(180deg,#fff2,transparent 58%);pointer-events:none}
body[data-interface=cinema][data-button-preview=glass] .cinema-hero .cinema-play:focus{background-color:#586d9c;box-shadow:inset 0 1px 0 #fff9,0 10px 24px #03071499}
body[data-interface=cinema][data-button-preview=glass] .cinema-hero button.cinema-favorite{border-color:#e1e9ff66;background:linear-gradient(145deg,#c3d7ff25,#20293f80);box-shadow:inset 0 1px 0 #fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .actions button{border-radius:999px}
body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .cinema-play{color:#f8f9ff;border:1px solid #929bef91;background:linear-gradient(125deg,#414d9866,#121626 40%,#0b0e19);box-shadow:inset 0 1px 0 #d5dfff50,0 8px 24px #070b2690}
body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .cinema-play:before{content:'';position:absolute;inset:-30% -25%;background:linear-gradient(105deg,transparent 38%,#d9e2ff33 49%,#fff8 50%,#c4ccff22 53%,transparent 65%);transform:translateX(-100%);pointer-events:none}
body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .cinema-play:focus{background:linear-gradient(125deg,#5868c9,#202946 65%,#171d36);border-color:#d8ddff}
body[data-interface=cinema][data-button-preview=shiny] .cinema-hero button.cinema-favorite{border-color:#b5bef280;background:#111729;box-shadow:inset 0 1px 0 #ced6ff44}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero .actions button{border-radius:999px}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play{padding-left:14px;padding-right:27px;gap:14px;color:#131728;background:#f0f3fc;border:0;box-shadow:0 8px 24px #0004}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:before{content:'';position:absolute;inset:0;background:#435fe2;transform:scaleX(0);transform-origin:left center;pointer-events:none}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play svg{width:32px;height:32px;padding:6px;background:#16213a;color:#f7f9ff;border-radius:50%}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:focus{color:#fff;background:#435fe2}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:focus:before{transform:scaleX(1)}
body[data-interface=cinema][data-button-preview=flow] .cinema-hero button.cinema-favorite{color:#eef2ff;background:#263044;border-color:#91a1c778}
@media(hover:hover) and (pointer:fine){
 body[data-interface=cinema][data-button-preview] .cinema-hero .actions button{transition:transform 150ms var(--ease),background-color 150ms ease,border-color 150ms ease}
 body[data-interface=cinema][data-button-preview] .cinema-hero .actions button:hover{transform:translateY(-2px)}
 body[data-interface=cinema][data-button-preview=glass] .cinema-hero .cinema-play:hover{background-color:#6b83b84a;border-color:#eff4ffb0}
 body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .cinema-play:before{transition:transform 250ms var(--ease)}
 body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .cinema-play:hover:before{transform:translateX(45%)}
 body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:before{transition:transform 200ms var(--ease)}
 body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:hover:before{transform:scaleX(1)}
 body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:hover{color:#fff}
}
@media(max-width:600px){body[data-interface=cinema][data-button-preview] .cinema-hero .actions{gap:10px}body[data-interface=cinema][data-button-preview] .cinema-hero .actions button{height:52px;min-height:52px;padding:0 18px}body[data-interface=cinema][data-button-preview] .cinema-hero button.cinema-favorite{width:52px;min-width:52px;padding:0}}
@media(prefers-reduced-motion:reduce){body[data-interface=cinema][data-button-preview] .cinema-hero .actions button,body[data-interface=cinema][data-button-preview] .cinema-hero .actions button:before{animation:none!important;transition:none!important;transform:none!important}body[data-interface=cinema][data-button-preview=shiny] .cinema-hero .cinema-play:before{opacity:0}body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:before{transform:scaleX(0)!important}body[data-interface=cinema][data-button-preview=flow] .cinema-hero .cinema-play:hover{background:#435fe2}}