.studio-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:16px 0 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.studio-steps li{display:flex;align-items:center;gap:18px;padding:22px 18px}.studio-steps li+li{border-left:1px solid #ffffff18}.studio-steps b{font-size:27px;font-weight:400;color:#ff47bf;font-family:Georgia,serif}.studio-steps span{color:#a998ae;font-size:12px;line-height:1.6}.studio-steps strong{display:block;color:#f5eaf4;font-weight:500;font-size:14px}.intro{padding-top:38px;gap:30px}.ai-workshop{border-radius:24px;background:#151018}.ai-controls{padding:32px}.ai-preview{background:linear-gradient(145deg,#1b1120,#0d0a10 60%)}.preview-heading{font-size:10px;line-height:1.5}.result-frame{box-shadow:0 16px 50px #0006;border:1px solid #ffffff15}.ai-modes button[aria-pressed=true]{background:linear-gradient(135deg,#ff40bc23,#ff40bc08)}.ai-modes button[aria-pressed=true] strong:before{content:'• ';color:#ff69d0}.quick-styles{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.quick-styles button{font:inherit;font-size:12px;border:1px solid #ffffff25;border-radius:8px;padding:9px 12px;color:#bfaec2;background:#ffffff03;cursor:pointer;transition:border-color .18s,background .18s}.quick-styles button[aria-pressed=true]{color:#ffb1e6;border-color:#ff40bc80;background:#ff40bc12}.quick-styles button:hover{border-color:#ff40bc}.quick-styles button:focus-visible{outline:2px solid #ff8cda;outline-offset:3px}.prompt-count{display:block;text-align:right;color:#97839c;font-size:10px;margin:5px 2px 0}.ai-controls textarea{font-size:16px}.ai-generate{border:1px solid #ff86d9;box-shadow:0 8px 30px #ff2bb61a}.ai-preview>.muted{padding-top:8px;max-width:64ch}.teacher-link{display:flex!important;align-items:center;gap:16px;margin:24px 0;text-decoration:none!important}.teacher-link img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid #ff40bc80}.teacher-link span{font-size:13px;line-height:1.5;max-width:20ch}.course-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#ff40bc22,transparent 70%),#19101f!important;border:1px solid #ff40bc45!important;border-radius:22px!important;padding:32px!important}.course-card h2{font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-1px}.course-card .course-cta{display:flex;justify-content:space-between;gap:20px;border-radius:11px;background:#ff2bb6;color:#1b0514;padding:17px 20px;margin:24px 0 14px;text-decoration:none;font-weight:700}.course-cta:hover{background:#ff65ca}.course-links{display:flex;flex-wrap:wrap;gap:20px}.course-links a{font-size:13px}.studio-link{margin-top:25px!important}.studio-link a{color:#ff90d5}.studio-credit{border-top:1px solid #ffffff18;padding-top:18px;flex-basis:100%;font-size:11px;color:#aa9bb2!important;line-height:1.7;text-decoration:none}.studio-credit strong{display:block;color:#ebd9ec;font-weight:500;font-size:13px}.studio-credit:hover strong{color:#ff77d1}.faq>details{transition:border-color .2s}.faq>details[open]{border-color:#ff40bc80}.faq>details[open]>summary{color:#ff9add}@media(min-width:1000px){.ai-preview{align-self:start;position:sticky;top:110px}.ai-workshop{overflow:visible}.ai-preview{border-radius:0 24px 24px 0}}@media(max-width:700px){.studio-steps{gap:0}.studio-steps li{padding:15px 8px;gap:8px;align-items:flex-start;flex-direction:column}.studio-steps strong{font-size:12px}.studio-steps span{font-size:10px}.studio-steps b{font-size:22px}.ai-controls{padding:22px}.intro{padding-top:25px;gap:18px}.quick-styles button{font-size:11px;padding:8px 10px}.course-card{padding:23px!important}.teacher-link{margin:18px 0}}@media(prefers-reduced-motion:reduce){.quick-styles button,.faq>details{transition:none}}
@media(min-width:801px){.intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.intro>div{min-width:0}.studio-steps{width:100%}}@media(max-width:800px){.ai-selects:has(select:disabled){grid-template-columns:1fr}#body-label:has(select:disabled){display:none}.ai-preview{scroll-margin-top:90px}}