/* AI capability: show a creative sequence instead of repeating the scope list. */
.cap-card .ai-studio-visual{container-type:inline-size;aspect-ratio:16/9;height:auto;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:4.5%;background:#eeedf8;color:#2722b6;gap:4%;isolation:isolate}
.ai-studio-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-size:clamp(9px,2.1cqw,12px);font-weight:700;letter-spacing:.12em;line-height:1.2}
.ai-studio-dots{font-size:8px;letter-spacing:4px;color:#b0accf}
.ai-studio-canvas{display:grid;grid-template-columns:29% 10% 61%;align-items:center;min-height:0;height:100%;margin:0}
.ai-studio-idea{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:6%;padding-right:6%;min-height:0}
.ai-studio-step{font-size:10px;font-size:clamp(9px,2.1cqw,12px);font-weight:650;letter-spacing:.07em}
.ai-studio-idea>.ai-studio-step{position:absolute;top:0;left:0;z-index:2}
.ai-studio-paper{background:#fff;position:relative;padding:8% 10%;width:72%;min-height:0;flex:1;margin:0 auto 9%;transform:rotate(-7deg);border:1px solid #d9d6e8;box-shadow:7px 7px 0 #dedbec;display:flex;flex-direction:column;justify-content:center}
.ai-studio-paper svg{width:100%;height:70%;margin-bottom:5%;color:#322bbb}
.ai-studio-paper i{display:block;height:2px;width:85%;background:#d1cedd;margin:5% 0}.ai-studio-paper i:last-child{width:55%}
.ai-studio-caption{font-size:11px;font-size:clamp(10px,2.35cqw,14px);line-height:1.35;font-weight:650;text-align:center;letter-spacing:-.03em;color:#494659}
.ai-studio-arrow{font-size:26px;font-size:5.8cqw;text-align:center;color:#938dd0;align-self:center}
.ai-studio-scene{position:relative;display:block;aspect-ratio:auto;height:100%;min-height:0;min-width:0;background:#201d2d;border-radius:5px;overflow:hidden;color:white;box-shadow:0 6px 18px #30256316}
.ai-studio-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ai-studio-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#171222d9,transparent 65%);z-index:0;pointer-events:none}
.ai-studio-scene>.ai-studio-step{position:absolute;top:8%;left:7%;z-index:1;padding:2px 5px;background:#15132266;border-radius:3px}
.ai-studio-play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:32px;width:7cqw;aspect-ratio:1;border:1px solid #ffffffc9;border-radius:50%;display:grid;place-items:center;padding-left:2px;font-size:11px;font-size:2.4cqw;z-index:1;background:#1115;backdrop-filter:blur(4px)}
.ai-studio-scene-copy{position:absolute;left:7%;bottom:9%;z-index:1;font-size:13px;font-size:clamp(11px,2.9cqw,17px);line-height:1.25;font-weight:600;letter-spacing:-.02em}
.ai-studio-scene-copy small{display:block;margin-top:5%;font-size:10px;font-size:clamp(9px,2cqw,12px);line-height:1.3;font-weight:450;color:#eeeaf8}
.ai-studio-scene:hover>img,.ai-studio-scene:focus-visible>img{transform:scale(1.045)}
.ai-studio-edit{background:#ffffffa1;border:1px solid #dedbea;border-radius:5px;padding:2.5% 3%;flex-shrink:0}
.ai-studio-edit-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-size:clamp(9px,2cqw,12px);line-height:1.3;color:#5d5972;margin-bottom:2%}
.ai-studio-edit-heading b{font-weight:650;color:#2722b6;margin-right:5px}
.ai-studio-edit-heading>span:last-child{font-variant-numeric:tabular-nums;color:#2722b6}
.ai-studio-tracks{position:relative;padding-bottom:1%}
.ai-studio-clips{display:grid;grid-template-columns:1.1fr 1fr .85fr 1.2fr;gap:3px;height:26px;height:5.7cqw;border-radius:2px;overflow:hidden}
.ai-studio-clips img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-left:3px solid #9185d1}
.ai-studio-wave{display:flex;gap:3px;align-items:center;height:11px;height:2.4cqw;margin-top:3px;background:#e4e0f1;padding:1px 3px;border-radius:2px}
.ai-studio-wave i{height:var(--h);flex:1;background:#9e95bf;border-radius:1px;min-height:1px}
.ai-studio-playhead{position:absolute;left:42%;top:-3px;bottom:-2px;width:2px;background:#3326be;box-shadow:0 0 0 1px #fff6}
.ai-studio-playhead:before{content:'';position:absolute;left:-3px;top:-1px;border:4px solid transparent;border-top-color:#3326be}
.ai-studio-visual:has(.ai-studio-scene:hover) .ai-studio-playhead,.ai-studio-visual:has(.ai-studio-scene:focus-visible) .ai-studio-playhead{animation:studio-scrub 3s ease-in-out infinite alternate}
@keyframes studio-scrub{from{left:28%}to{left:85%}}
@media(max-width:680px){.cap-card .ai-studio-visual{aspect-ratio:4/3;padding:5%;gap:3%}.ai-studio-scene{aspect-ratio:auto}.ai-studio-head{font-size:10px}.ai-studio-caption{font-size:10px}.ai-studio-scene-copy{font-size:12px}.ai-studio-scene-copy small{font-size:9px}.ai-studio-edit-heading{font-size:9px}.ai-studio-step{font-size:9px}.ai-studio-play{width:30px;font-size:10px}.ai-studio-clips{height:24px}.ai-studio-wave{height:9px}}
@media(prefers-reduced-motion:reduce){.ai-studio-visual *{animation:none!important;transition:none!important}}

@media(min-width:681px) and (max-width:1050px){.cap-card .ai-studio-visual{aspect-ratio:4/3}}