/* Preserve the v66 subtitle showcase only. The rest of the cover uses v65. */
#coverView .cover-showcase{background:#fffc;backdrop-filter:none;border:1px solid #e7dff0;border-radius:26px;padding:22px;box-shadow:0 22px 54px #5e477413,0 2px 0 #fff inset;transform:none;animation:none;gap:13px}
#coverView .cover-demo-head{margin-bottom:2px;align-items:center;gap:8px}
#coverView .cover-demo-head>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#554969}
#coverView .cover-demo-head>small{font-size:10px;color:#9b8fa7;white-space:nowrap}
#coverView .cover-demo-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eee7ff;color:#8056c4;font-size:14px}
#coverView .cover-film-card{border:1px solid #ded7e9;border-radius:14px;box-shadow:0 9px 22px #3a20451a;overflow:hidden;transform:none;animation:none}
#coverView .cover-frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:#fff}
#coverView .cover-frame-toolbar>span{display:flex;gap:4px}
#coverView .cover-frame-toolbar i{width:5px;height:5px;border-radius:50%;background:#d5c8e9}
#coverView .cover-frame-toolbar i:first-child{background:#eda78e}
#coverView .cover-frame-toolbar i:last-child{background:#b6cfac}
#coverView .cover-frame-toolbar small{font-size:9px;color:#958a9e;letter-spacing:.5px}
#coverView .cover-frame-toolbar b{font-size:9px;color:#9c91a5;font-weight:500}
#coverView .cover-film-stage,#coverView #coverDemoImage,#coverView #coverDemoCanvas{transform:none;animation:none}
#coverView .cover-scenes{background:#f5f1fa;border-radius:10px;padding:4px;gap:3px}
#coverView .cover-scenes button{border:0;background:transparent;color:#8a7f97;border-radius:7px;box-shadow:none;padding:8px 5px;font-size:12px;transition:background .18s,color .18s,box-shadow .18s}
#coverView .cover-scenes button.selected{background:#fff;color:#684ab0;box-shadow:0 2px 5px #5135790c}
#coverView .cover-demo-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}
#coverView .cover-demo-controls button{min-width:0;min-height:38px;padding:6px 3px;background:#fff;border:1px solid #ece6f1;border-radius:8px;font-size:11px;color:#85748f;transition:background .18s,border-color .18s,transform .18s}
#coverView .cover-demo-controls button.selected{color:#7048bf;border-color:#9974d7;background:#f2eaff;box-shadow:0 0 0 1px #9974d729}
#coverView .cover-demo-switch{padding-top:8px;border-top:1px solid #eee8f3;color:#978ca2;font-size:11px}
#coverView .cover-demo-switch button{font-size:11px;border-radius:7px}
#coverView .cover-demo-note:empty{display:none}

@media(hover:hover){#coverView .cover-demo-controls button:hover{border-color:#b298ce;background:#f8f3ff;transform:translateY(-2px)}#coverView .cover-scenes button:hover{color:#704ab3;background:#ffffff9c}}
#coverView .cover-demo-controls button:active{transform:scale(.97)}
@media(max-width:1050px){#coverView .cover-showcase{padding:15px}#coverView .cover-demo-head>small{display:none}}
@media(max-width:800px){#coverView .cover-showcase{width:100%;max-width:630px;margin:auto}#coverView .cover-demo-head>small{display:block}}
@media(max-width:480px){#coverView .cover-showcase{padding:12px;border-radius:23px}#coverView .cover-demo-head>span{font-size:12px}#coverView .cover-demo-head>small{font-size:9px}#coverView .cover-demo-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#coverView .cover-showcase *{transition:none!important;animation:none!important}#coverView .cover-demo-controls button:hover,#coverView .cover-demo-controls button:active{transform:none}}
