/* Cartoon Studio approved-dashboard finishing layer, homepage only */
.cs-v4{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#181c37;background:#f6f7fc}.cs-icon{width:21px;height:21px;flex:none;vertical-align:middle}.cs-v4 .sidebar{width:258px;min-width:258px;background:#fff;border-right:1px solid #ecedf6;padding:22px 17px}.cs-v4 .sidebar .logo{font-size:22px;display:flex;align-items:center;white-space:nowrap}.cs-v4 .sidebar .logo .mark{margin-right:9px}.cs-v4 .sidebar .tag{font-size:9px;letter-spacing:2px;color:#8792b1;margin-top:3px;margin-bottom:28px}.cs-v4 .sidebar nav .nav-section{margin-top:27px;font-size:10px;color:#8996b8}.cs-v4 .sidebar nav a{font-size:13px;font-weight:580;min-height:44px;border-radius:11px;padding:11px 12px;margin:1px 0;color:#263355}.cs-v4 .sidebar nav a.active{color:#6430db;background:#eee7ff;font-weight:800}.cs-v4 .sidebar nav a:hover{background:#f5f0ff}.cs-v4 .navicon{display:grid;place-items:center;width:21px;height:22px;color:#2e3c66}.cs-v4 .navicon .cs-icon{width:20px;height:20px}.cs-v4 .sidebar nav a.active .navicon{color:#6232e9}.cs-v4 .sidebar-bottom{margin-top:auto}.cs-v4 .plan-preview{display:grid;grid-template-columns:34px 1fr;gap:2px 8px;align-items:center;background:linear-gradient(120deg,#7541ef,#c164ef);border-radius:12px;color:white;padding:13px;margin:14px 1px}.cs-v4 .plan-preview>span{grid-row:span 2;font-size:25px}.cs-v4 .plan-preview strong{font-size:12px}.cs-v4 .plan-preview small{font-size:10px;color:#f4e7ff}.cs-v4 .sidebrand{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f7;padding:15px 5px 3px;text-decoration:none;color:#182044}.cs-v4 .sidebrand .mark{width:36px;height:36px}.cs-v4 .sidebrand b{font-size:15px;white-space:nowrap}.cs-v4 .sidebrand b span{color:#8243ec}.cs-v4 .sidebrand small{display:block;font-size:10px;color:#8391a5}.cs-v4 .sidefoot{display:none}
.cs-v4 main{max-width:none;width:100%;padding:15px 19px 38px}.cs-v4 .studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;min-height:47px}.cs-v4 .studio-search{height:46px;max-width:730px;background:#edf0fa;border-color:#e7eafa}.cs-v4 .studio-search .cs-icon{width:23px;height:23px}.cs-v4 .studio-search input{font-size:13px;color:#384264}.cs-v4 .top-new{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:13px;box-shadow:0 5px 16px #683bd930}.cs-v4 .top-new .cs-icon{width:19px;height:19px}.cs-v4 .account-menu{position:relative;flex:none;z-index:15}.cs-v4 .account-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}.cs-v4 .account-menu summary::-webkit-details-marker{display:none}.cs-v4 .account-menu summary img{border-radius:50%;border:3px solid #e9dafa;object-fit:cover}.cs-v4 .account-dropdown{position:absolute;right:0;top:52px;width:190px;padding:13px;background:white;border:1px solid #e7e9f3;box-shadow:0 16px 34px #151e3b22;border-radius:13px;display:grid;gap:8px}.cs-v4 .account-dropdown small{font-size:11px;color:#8690aa}.cs-v4 .account-dropdown a{font-size:12px;color:#5f39c6;padding:8px;border-radius:8px;background:#f7f4ff}.cs-v4 .dashboard-intro[hidden]{display:none!important}
.cs-v4 .studio-hero{min-height:322px;padding:37px 40px;border-radius:19px;overflow:hidden;box-shadow:0 7px 23px #19224412}.cs-v4 .studio-hero::after{inset:0 0 0 43%;background-image:url('dashboard-hero-art.webp');background-position:center center;background-size:cover;opacity:1}.cs-v4 .studio-hero::before{background:linear-gradient(90deg,#101b3d 0%,#111d3efb 30%,#101b3de8 40%,#101b3d52 62%,transparent 89%)}.cs-v4 .studio-hero>div:first-child{max-width:58%;min-width:0}.cs-v4 .studio-hero h2{font-size:clamp(32px,3.15vw,45px);line-height:1.08;letter-spacing:-.045em;margin:13px 0}.cs-v4 .studio-hero p{font-size:13px;max-width:510px}.cs-v4 .studio-hero .cta,.cs-v4 .hero-secondary{margin-top:17px}.cs-v4 .hero-secondary{display:inline-flex;gap:7px;align-items:center}.cs-v4 .hero-secondary .cs-icon{width:16px;height:16px}
.cs-v4 .home-columns{grid-template-columns:minmax(0,1fr) 303px;gap:14px;margin-top:14px}.cs-v4 .quick-start,.cs-v4 .recent-projects,.cs-v4 .directions{margin-bottom:16px}.cs-v4 .home-columns h2{font-size:17px;letter-spacing:-.025em}.cs-v4 .home-columns h2 .cs-icon{color:#7438ed;margin-right:4px}.cs-v4 .sectionhead{margin-bottom:10px}.cs-v4 .section-link{font-size:11px}.cs-v4 .quick-grid,.cs-v4 .recent-grid{gap:10px}.cs-v4 .quick-card{min-height:147px;padding:13px;background:linear-gradient(140deg,#fff,#fdfcff);box-shadow:0 5px 15px #15214308}.cs-v4 .quick-card .quick-icon{width:51px;height:51px;border-radius:14px}.cs-v4 .quick-card .quick-icon .cs-icon{width:29px;height:29px;stroke-width:2.2}.cs-v4 .quick-card strong{font-size:12px;margin-top:12px;margin-bottom:3px}.cs-v4 .quick-card small{font-size:10px}.cs-v4 .quick-arrow{display:grid;place-items:center;width:27px;height:27px;background:#f4edff;border-radius:100%;bottom:12px;right:10px;font-size:17px}.cs-v4 .recent-grid{margin-top:9px}.cs-v4 .recent-card{transition:transform .18s,box-shadow .18s}.cs-v4 .recent-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1b2a6018}.cs-v4 .recent-cover{height:116px;background-position:center;background-size:cover}.cs-v4 .recent-cover-1{background-image:url('format-animation-design.webp')}.cs-v4 .recent-cover-2{background-image:url('format-music-design.webp')}.cs-v4 .recent-cover-3{background-image:url('format-films-design.webp')}.cs-v4 .recent-cover-4{background-image:url('format-commercial-design.webp')}.cs-v4 .recent-content{gap:4px;padding:9px}.cs-v4 .recent-content strong{font-size:12px}.cs-v4 .recent-content small{font-size:10px}.cs-v4 .insight-panel{padding:14px;border-radius:14px}.cs-v4 .insight-stats{gap:8px}.cs-v4 .insight-stats a{min-height:73px;padding:9px;grid-template-columns:41px 1fr}.cs-v4 .insight-stats .quick-icon{height:38px;width:38px}.cs-v4 .insight-stats .cs-icon{width:23px;height:23px}.cs-v4 .insight-stats strong{font-size:18px}.cs-v4 .home-insights{gap:12px}.cs-v4 .flow-list{margin-top:10px}.cs-v4 .flow-list li{gap:8px;margin-bottom:9px;align-items:center}.cs-v4 .flow-list li>span{flex-basis:24px;width:24px;height:24px}.cs-v4 .flow-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f0e8ff;color:#8442e3}.cs-v4 .flow-symbol-2{background:#e4faf0;color:#19ac75}.cs-v4 .flow-symbol-3{background:#eaf2ff;color:#3486e8}.cs-v4 .flow-symbol-4{background:#fff0e5;color:#ed8c29}.cs-v4 .flow-symbol .cs-icon{width:21px;height:21px}.cs-v4 .flow-list strong{font-size:11px}.cs-v4 .flow-list small{font-size:10px}.cs-v4 .flow-list a{font-size:10px}.cs-v4 .directions .format-grid>a:nth-child(1):before{background-image:url('format-animation-design.webp')}.cs-v4 .directions .format-grid>a:nth-child(2):before{background-image:url('format-music-design.webp')}.cs-v4 .directions .format-grid>a:nth-child(3):before{background-image:url('format-films-design.webp')}.cs-v4 .directions .format-grid>a:nth-child(4):before{background-image:url('format-commercial-design.webp')}.cs-v4 .directions .format-grid>a:before{height:112px}.cs-v4 .creative-promo{margin-top:6px;min-height:95px;padding:14px 20px 14px 31%;grid-template-columns:1fr auto;background:linear-gradient(90deg,#e3c2f900,#eee5fb55 42%,#ded1fd55),url('dashboard-promo-art.webp') center/cover no-repeat}.cs-v4 .creative-promo h2{font-size:16px}.cs-v4 .creative-promo p{font-size:11px}.cs-v4 .creative-promo a{box-shadow:0 6px 18px #7135e64a}.cs-v4 .studio-footer{margin-top:12px}.cs-v4 .studio-footer .footer-logo{display:none}
@media(min-width:1460px){.cs-v4 .studio-hero::after{inset:0 0 0 41%}.cs-v4 .studio-hero{min-height:337px}.cs-v4 .recent-cover{height:134px}}
@media(max-width:1180px){.cs-v4 .home-columns{grid-template-columns:minmax(0,1fr) 260px}.cs-v4 .home-insights{display:flex;flex-direction:column}.cs-v4 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-v4 .quick-card{min-height:138px}.cs-v4 .studio-hero>div:first-child{max-width:66%}.cs-v4 .studio-hero::after{inset:0 0 0 40%}}
@media(max-width:950px){.cs-v4 .home-columns{grid-template-columns:1fr}.cs-v4 .home-insights{display:grid;grid-template-columns:1fr 1fr}.cs-v4 .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-v4 .studio-hero{padding:30px;min-height:300px}.cs-v4 .studio-hero>div:first-child{max-width:75%}.cs-v4 .studio-hero::after{opacity:.64}}
@media(max-width:720px){.cs-v4 main{padding:14px 11px 32px}.cs-v4 .studio-topbar{gap:8px}.cs-v4 .studio-search{height:43px}.cs-v4 .studio-search input{font-size:11px}.cs-v4 .top-new{padding:11px;font-size:11px}.cs-v4 .account-menu summary img{width:35px;height:35px}.cs-v4 .studio-hero{min-height:370px;padding:25px}.cs-v4 .studio-hero>div:first-child{max-width:100%}.cs-v4 .studio-hero::after{inset:0;opacity:.4}.cs-v4 .studio-hero::before{background:linear-gradient(90deg,#101936fa,#101c3bf0 50%,#111d3d70)}.cs-v4 .studio-hero h2{font-size:30px}.cs-v4 .quick-grid,.cs-v4 .recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-v4 .home-insights{grid-template-columns:1fr}.cs-v4 .creative-promo{padding:22px;background-position:20% center;grid-template-columns:1fr;gap:10px}.cs-v4 .creative-promo>div{background:#fbf3ffcc;border-radius:10px;padding:10px}.cs-v4 .creative-promo a{justify-self:start}.cs-v4 .studio-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cs-v4 .quick-card,.cs-v4 .recent-card{transition:none}}.cs-v4 .studio-search:focus-within{outline:3px solid #8c5cf3;outline-offset:2px}