/* Cartoon Studio V7: scoped desktop/tablet image and layout repair. */
.cs-v4{min-width:0}
.cs-v4 main{box-sizing:border-box;width:100%;max-width:1320px;margin:0 auto;padding:18px 25px 38px;min-width:0}
.cs-v4 .home-primary,.cs-v4 .home-insights,.cs-v4 .home-columns{min-width:0}
.cs-v4 .home-columns{grid-template-columns:minmax(0,1fr) minmax(260px,302px);gap:16px}
.cs-v4 .studio-hero{min-height:316px;max-height:none;padding:32px 38px}
.cs-v4 .studio-hero::after{inset:0;background-image:url('dashboard-hero-art.webp');background-repeat:no-repeat;background-size:auto 100%;background-position:right center;opacity:1}
.cs-v4 .studio-hero::before{background:linear-gradient(90deg,#101b3dfd 0%,#101b3dfa 30%,#101b3df0 38%,#101b3da6 53%,#101b3d12 75%,transparent 100%)}
.cs-v4 .studio-hero>div:first-child{min-width:0;max-width:56%}
.cs-v4 .studio-hero h2{font-size:clamp(29px,2.8vw,42px);overflow-wrap:normal}
.cs-v4 .recent-grid,.cs-v4 .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cs-v4 .recent-cover{height:auto;aspect-ratio:1.6 / 1;background-size:cover;background-position:center 35%}
.cs-v4 .directions .format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cs-v4 .directions .format-grid>a{min-width:0}
.cs-v4 .directions .format-grid>a:before{height:auto;aspect-ratio:1.65 / 1;background-size:cover;background-position:center 38%}
.cs-v4 .creative-promo{box-sizing:border-box;width:100%;min-height:118px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 25px 20px clamp(170px,25%,300px);background:#efdcf8 url('dashboard-promo-clean.webp') center/100% 100% no-repeat;border-radius:17px;overflow:hidden}
.cs-v4 .creative-promo h2{font-size:clamp(15px,1.55vw,20px);line-height:1.23;margin:0 0 5px;max-width:540px;text-wrap:balance}
.cs-v4 .creative-promo p{font-size:12px;line-height:1.45;margin:0;max-width:560px}
.cs-v4 .creative-promo a{position:relative;flex:none;white-space:nowrap}
@media(min-width:1700px){.cs-v4 main{max-width:1380px}.cs-v4 .studio-hero::after{background-size:auto 100%}}
@media(max-width:1180px){.cs-v4 main{padding:17px 20px 35px}.cs-v4 .home-columns{grid-template-columns:minmax(0,1fr) 250px}.cs-v4 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-v4 .studio-hero>div:first-child{max-width:65%}.cs-v4 .creative-promo{padding-left:210px}}
@media(max-width:980px){.cs-v4 .home-columns{grid-template-columns:1fr}.cs-v4 .home-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cs-v4 .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-v4 .studio-hero>div:first-child{max-width:65%}.cs-v4 .creative-promo{padding-left:22%;grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:720px){.cs-v4 main{padding:12px 12px 30px}.cs-v4 .studio-hero{min-height:350px;padding:24px}.cs-v4 .studio-hero::after{background-size:auto 100%;opacity:.48}.cs-v4 .studio-hero::before{background:linear-gradient(90deg,#101b3dfc,#101b3de0 70%,#101b3d64)}.cs-v4 .studio-hero>div:first-child{max-width:100%}.cs-v4 .home-insights{grid-template-columns:1fr}.cs-v4 .quick-grid,.cs-v4 .recent-grid,.cs-v4 .directions .format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-v4 .creative-promo{background-size:auto 100%;background-position:left center;padding:20px;grid-template-columns:1fr;gap:12px}.cs-v4 .creative-promo>div{margin-left:0;background:#fff8;backdrop-filter:blur(8px);border-radius:10px;padding:10px}.cs-v4 .creative-promo a{justify-self:start}}