/* Character-video showcase stays inside the existing AI studio catalogue. */
#cvMs-character-video{--cv-char-gold:#e6ca7d;--cv-char-muted:#a4a49b;padding:16px;border:1px solid #d8c07a35;border-radius:20px;background:linear-gradient(155deg,#242218 0,#121310 32%,#11120f 100%);overflow:hidden;box-shadow:inset 0 1px #fff1}
#cvMs-character-video [hidden]{display:none!important}
.cv-character-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.cv-character-kicker>span:last-child{font-size:8px;letter-spacing:.13em;color:#a8a494;font-weight:650;text-align:right}
.cv-character-model{display:inline-flex;gap:6px;align-items:baseline;border:1px solid #dec47755;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;line-height:1.1;color:#f5e1a9;white-space:nowrap;background:#d5ba5f0b}
.cv-character-model b{font-weight:750;color:#f9e8b4}
/* Keep this header independent of the catalogue's generic h2 reset. */
#cvMs-character-video .cv-character-intro{padding-bottom:18px}
#cvAiStudioScreen #cvMs-character-video .cv-character-intro h2{font-size:20px;letter-spacing:-.035em;line-height:1.2;margin:0;font-weight:700;color:#f8f5eb}
.cv-character-intro h2 em{font-style:normal;color:var(--cv-char-gold)}
.cv-character-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;background:#0b0d0a;border:1px solid #ffffff12;border-radius:12px;padding:3px;margin-bottom:10px}
.cv-character-tabs button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;margin:0;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a7aaa0;font-family:inherit;font-size:10px;font-weight:550;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.cv-character-tabs button[aria-selected=true]{background:#25261f;border-color:#d8c07a24;color:#eddba8}
.cv-character-rule{margin:0 2px 12px;color:#a4a49b;font-size:11px;line-height:1.5}
.cv-character-example{min-width:0}
.cv-character-compare{position:relative;aspect-ratio:1.08;width:100%;overflow:hidden;border-radius:14px;background:#060706;border:1px solid #fff1;isolation:isolate}
.cv-character-compare video{display:block;width:100%;height:100%;object-fit:contain;margin:0;background:#060706}
.cv-character-label{position:absolute;z-index:1;top:10px;left:10px;display:flex;gap:5px;align-items:center;max-width:calc(50% - 18px);padding:5px 7px;border-radius:5px;background:#121512e6;color:#fff;font-size:10px;font-weight:750;line-height:1.2;border:1px solid #fff2;pointer-events:none}
.cv-character-label small{font-size:8px;font-weight:500;color:#e6e6dc;white-space:nowrap}
.cv-character-label-after{left:calc(50% + 10px);background:#e3c77a;color:#1c1b12;border-color:#fff3}
.cv-character-label-after small{color:#322e1e}
.cv-character-compare-line{position:absolute;inset:0 auto 0 50%;width:1px;background:#f2dfb0a6;pointer-events:none}
[data-layout=stack] .cv-character-label{max-width:calc(100% - 20px)}
[data-layout=stack] .cv-character-label-after{top:calc(50% + 10px);left:10px}
[data-layout=stack] .cv-character-compare-line{inset:50% 0 auto;width:100%;height:1px}
.cv-character-cover-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #f4dfa5b3;border-radius:50%;color:#f4dfa5;background:#161a13ed;box-shadow:0 4px 18px #0006;cursor:pointer}
.cv-character-cover-play svg{width:24px;height:24px;margin-left:-2px}
.cv-character-real{position:absolute;bottom:9px;right:9px;color:#eeeadd;font-size:8px;letter-spacing:.03em;line-height:1.2;padding:5px 7px;border-radius:4px;background:#111710dc;pointer-events:none}
.cv-character-player{display:flex;align-items:center;gap:8px;padding:6px 0 2px;min-height:48px}
.cv-character-player button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;padding:0 3px;background:transparent;color:#e6dbb8;font-family:inherit;font-size:11px;font-weight:650;cursor:pointer;line-height:1.3}
.cv-character-player svg{width:20px;height:20px;flex:none}
.cv-character-player [data-demo-sound]{margin-left:4px;width:44px;border-radius:8px}
.cv-character-player [data-demo-sound][aria-pressed=true]{color:#f0d68c;background:#e2c67815}
.cv-character-time{margin-left:auto;font-size:10px;color:#9e9f93;font-variant-numeric:tabular-nums;white-space:nowrap}
.cv-character-progress{display:block;width:100%;height:2px;border:0;appearance:none;background:#ffffff12;accent-color:#e6ca7d;border-radius:2px}
.cv-character-progress::-webkit-progress-bar{background:#ffffff12;border-radius:2px}.cv-character-progress::-webkit-progress-value{background:#e6ca7d;border-radius:2px}.cv-character-progress::-moz-progress-bar{background:#e6ca7d;border-radius:2px}
#cvMs-character-video .cv-character-start{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;padding:13px 16px;border:1px solid #f4e2a480;border-radius:12px;background:linear-gradient(110deg,#ead89b,#d4b35b);color:#232014;font-family:inherit;font-size:14px;font-weight:750;line-height:1.3;cursor:pointer;box-shadow:inset 0 1px #fff4;transition:filter .18s}
.cv-character-start svg{width:22px;height:22px;flex:none}.cv-character-start:hover{filter:brightness(1.05)}
#cvMs-character-video .cv-character-start{margin-top:12px}
.cv-character-demo-error{font-size:12px;line-height:1.5;color:#f1bda8;margin:12px 0}
#cvMs-character-video button:focus-visible{outline:2px solid #f1d787;outline-offset:3px}
@media(min-width:500px){#cvMs-character-video{padding:20px}#cvAiStudioScreen #cvMs-character-video .cv-character-intro h2{font-size:22px}.cv-character-kicker>span:last-child{font-size:9px}.cv-character-label{font-size:12px;padding:7px 9px}.cv-character-label small{font-size:10px}.cv-character-tabs button{font-size:11px}.cv-character-player button{font-size:13px}.cv-character-cover-play{width:56px;height:56px}}
@media(max-width:360px){#cvMs-character-video{padding:14px 12px}.cv-character-kicker{gap:6px}.cv-character-kicker>span:last-child{font-size:7px;letter-spacing:.07em}.cv-character-label{left:6px;top:7px;padding:5px;font-size:9px}.cv-character-label-after{left:calc(50% + 6px)}.cv-character-label small{font-size:7px}.cv-character-label-before small{display:none}}
@media(prefers-reduced-motion:reduce){#cvMs-character-video *{transition:none!important;animation:none!important}}
html.cv-desktop-mode #cvMs-character-video{display:none!important}
.cv-character-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#090a09;color:#eae6d9;overflow:hidden}
.cv-character-dialog::backdrop{background:#090a09}.cv-character-dialog[open]{display:flex;flex-direction:column}
.cv-character-dialog header{padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #303127;font:12px/1.3 system-ui}
.cv-character-dialog header button{color:#e0ca80;background:#1c1c14;border:1px solid #4a432c;border-radius:12px;padding:10px 12px;min-height:42px;font:inherit}
.cv-character-dialog iframe{width:100%;flex:1;min-height:0;border:0;background:#090a09;padding-bottom:env(safe-area-inset-bottom,0px)}
body.cv-telegram-expanded .cv-character-dialog header{padding-top:calc(var(--cv-fullscreen-safe-top,104px) + 6px)}
body.cv-character-open> :not(.cv-character-dialog),body.cv-character-open> :not(.cv-character-dialog) *{animation-play-state:paused!important}
body.cv-character-open{overflow:hidden}
body.cv-character-open> :not(.cv-character-dialog){content-visibility:hidden}