.drama-studio-page{--drama-studio-accent:#a78bfa;--drama-studio-accent-strong:#7c3aed;--drama-studio-accent-soft:#a78bfa24;--drama-studio-border:#ffffff1a;--drama-studio-surface:#ffffff09;min-height:100vh;color:var(--premium-white);background:#08080d;overflow:hidden}.drama-studio-page__main{flex-direction:column;display:flex}.drama-studio-page-hero-section{isolation:isolate;background:var(--premium-black);padding:4.5rem 0 5.5rem;position:relative;overflow:hidden}.drama-studio-page-hero-section:before{z-index:-2;content:"";pointer-events:none;background-image:linear-gradient(#0d0e12b8,#0d0e12e0),url(https://imagecdn.comik.ai/generated/AD_01JRZT9X4K2T6XVWN3P4QRST5U/GI01M0W735007VV0H7069HP4R2PS/thumbs/v1-16x9-960x540-01M0W7G80ZPP81TY1B0G6GZ3BK.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.drama-studio-page-hero-section__glow{z-index:-1;pointer-events:none;opacity:.19;background:linear-gradient(90deg,#f59e0b 18%,#84cc16 30%,#34d399 42%,#22d3ee 54%,#3b82f6 66%,#8b5cf6 78%);position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55%,#000 0%,#0000 70%);mask-image:radial-gradient(60% 55%,#000 0%,#0000 70%)}.drama-studio-page-hero-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-hero-section__copy{text-align:center;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex}.drama-studio-page-hero-section__wordmark{background:0 0;align-items:center;gap:.5rem;max-width:100%;margin:1.25rem 0 0;display:inline-flex}.drama-studio-page-hero-section__wordmark-icon{width:1.15rem;height:1.15rem;color:var(--standard-white);flex:none}.drama-studio-page-hero-section__wordmark-text{color:var(--standard-white);font-family:var(--font-brand-03);letter-spacing:.04em;white-space:nowrap;font-size:1.05rem;font-style:italic;font-weight:700;line-height:1}.drama-studio-page-hero-section__title{max-width:960px;color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.025em;margin:0;font-size:36px;font-weight:700;line-height:1.2}@media (min-width:640px){.drama-studio-page-hero-section__title{font-size:42px}}.drama-studio-page-hero-section__title-gradient{font-family:var(--font-geist);background:linear-gradient(90deg,#e8fbf4 0%,#8aefd6 30%,#37e1bf 60%,#2bc9a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.15em;font-style:italic;font-weight:700}.drama-studio-page-hero-section__subtitle{max-width:705px;color:var(--premium-white-secondary);font-family:var(--font-inter);margin:1.75rem 0 0;font-size:16px;font-weight:400;line-height:1.75}.drama-studio-page-my-projects-section{background-color:var(--premium-black);padding:6rem 0}.drama-studio-page-my-projects-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-my-projects-section__header{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem;margin-bottom:3rem;display:grid}.drama-studio-page-my-projects-section__title{max-width:750px;color:var(--premium-white);font-family:var(--font-geist);align-items:center;gap:.5rem;margin:0;font-size:28px;font-weight:700;line-height:1.3;display:flex}.drama-studio-page-my-projects-section__title-icon{width:35px;height:35px;color:inherit;flex:none}@media (min-width:640px){.drama-studio-page-my-projects-section__title{font-size:36px}.drama-studio-page-my-projects-section__title-icon{width:40px;height:40px}}.drama-studio-page-my-projects-section__subtitle{max-width:600px;color:var(--premium-white-secondary);font-family:var(--font-inter);text-align:left;margin:0;font-size:16px;line-height:1.6}.drama-studio-page-my-projects-section__empty-state{isolation:isolate;border:.5px solid var(--drama-studio-border);background:linear-gradient(145deg,#8b5cf624,#ffffff06 55%),#0e0d15;border-radius:1.5rem;grid-template-columns:minmax(15rem,.75fr) minmax(18rem,1.25fr);align-items:center;gap:4rem;min-height:22rem;margin-top:0;padding:3.5rem 5rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.drama-studio-page-my-projects-section__empty-state:before{z-index:-2;content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#ffffff59 .6px,#0000 .6px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.drama-studio-page-my-projects-section__decor{z-index:-1;pointer-events:none;filter:blur(80px);border-radius:50%;width:18rem;height:18rem;position:absolute}.drama-studio-page-my-projects-section__decor--left{background:#3b82f633;bottom:-11rem;left:-7rem}.drama-studio-page-my-projects-section__decor--right{background:#a855f740;top:-11rem;right:-7rem}.drama-studio-page-my-projects-section__create-button{color:#111018;cursor:pointer;min-height:2.75rem;font-family:var(--font-inter);white-space:nowrap;background:#f7f5ff;border:1px solid #ffffffb3;border-radius:999px;grid-area:1/2/3;justify-content:center;place-self:end;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.86rem;font-weight:680;line-height:1;text-decoration:none;transition:box-shadow .18s,transform .18s,background-color .18s;display:inline-flex;box-shadow:0 12px 30px #8b5cf633}.drama-studio-page-my-projects-section__create-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px #8b5cf647}.drama-studio-page-my-projects-section__create-button:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}.drama-studio-page-my-projects-section__create-button-icon{stroke-width:2px;flex:none;width:1rem;height:1rem}.drama-studio-page-my-projects-section__create-button--empty{text-align:center;white-space:normal;width:fit-content;max-width:100%;margin-top:1.5rem}.drama-studio-page-my-projects-section__visual{width:min(100%,19rem);height:14rem;margin:0 auto;position:relative}.drama-studio-page-my-projects-section__visual-card{border:1px solid #ffffff1c;border-radius:1rem;flex-direction:column;justify-content:flex-end;width:12.5rem;height:9.5rem;padding:1.25rem;display:flex;position:absolute}.drama-studio-page-my-projects-section__visual-card--back{color:#ffffff4d;background:#ffffff09;top:.5rem;right:.25rem;transform:rotate(8deg)}.drama-studio-page-my-projects-section__visual-card--front{color:#c4b5fd;background:linear-gradient(145deg,#191625,#0f0e16);bottom:.25rem;left:.25rem;transform:rotate(-5deg);box-shadow:0 24px 60px #00000057}.drama-studio-page-my-projects-section__visual-card-icon{stroke-width:1.55px;width:2rem;height:2rem;margin-bottom:auto}.drama-studio-page-my-projects-section__visual-line{background:#ffffff21;border-radius:999px;width:72%;height:.45rem;margin-top:.55rem;display:block}.drama-studio-page-my-projects-section__visual-line--short{background:#a78bfa4d;width:46%}.drama-studio-page-my-projects-section__empty-copy{max-width:540px}.drama-studio-page-my-projects-section__empty-title{color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,2.5vw,2.35rem);font-weight:680;line-height:1.15}.drama-studio-page-my-projects-section__empty-description{max-width:500px;color:var(--premium-white-secondary);font-family:var(--font-inter);margin:1rem 0 0;font-size:.98rem;line-height:1.7}.drama-studio-page-how-it-works-section{isolation:isolate;background:radial-gradient(ellipse 60% 55% at 50% 50%, #8b5cf630, transparent 70%), var(--premium-black);padding:6rem 0;position:relative;overflow:hidden}.drama-studio-page-how-it-works-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-how-it-works-section__header{text-align:center;max-width:760px;margin:0 auto}.drama-studio-page-how-it-works-section__eyebrow{font-family:var(--font-inter);letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(90deg,#e8fbf4 0%,#8aefd6 30%,#37e1bf 60%,#2bc9a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.75rem;font-weight:650;display:inline-block}.drama-studio-page-how-it-works-section__title{color:var(--premium-white);font-family:var(--font-geist);letter-spacing:-.035em;margin:.65rem 0 0;font-size:28px;font-weight:700;line-height:1.05}@media (min-width:640px){.drama-studio-page-how-it-works-section__title{font-size:36px}}.drama-studio-page-how-it-works-section__subtitle{color:var(--premium-white-secondary);font-family:var(--font-inter);text-wrap:balance;margin:1rem auto 0;font-size:16px;line-height:1.7}.drama-studio-page-how-it-works-section__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin:4rem 0 0;padding:0;list-style:none;display:grid}.drama-studio-page-how-it-works-section__step{isolation:isolate;-webkit-backdrop-filter:blur(48px);background:radial-gradient(circle at 50% 0,#ffffff0d,#0000 50%),linear-gradient(#ffffff08,#0000 45%,#0000000f);border:1px solid #ffffff14;border-radius:28px;min-height:18.5rem;padding:1.35rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000005c,inset 0 1px #ffffff1f}.drama-studio-page-how-it-works-section__step:hover{border-color:#ffffff24;transform:translateY(-2px);box-shadow:0 22px 70px #0000006b,inset 0 1px #ffffff2e}.drama-studio-page-how-it-works-section__step:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);height:1px;position:absolute;top:0;left:1.35rem;right:1.35rem}.drama-studio-page-how-it-works-section__step:after{content:"";z-index:-1;pointer-events:none;opacity:.6;filter:blur(48px);background:#ffffff14;border-radius:9999px;width:60%;height:5rem;transition:opacity .3s;position:absolute;top:-3rem;left:50%;transform:translate(-50%)}.drama-studio-page-how-it-works-section__step:hover:after{opacity:.8}.drama-studio-page-how-it-works-section__step-top{justify-content:space-between;align-items:flex-start;display:flex}.drama-studio-page-how-it-works-section__step-number{width:44px;height:44px;color:var(--premium-white);font-family:var(--font-inter);letter-spacing:.04em;background:#ffffff0f;border:1px solid #ffffff40;border-radius:9999px;justify-content:center;align-items:center;font-size:13px;font-weight:750;display:inline-flex}.drama-studio-page-how-it-works-section__step-icon-wrap{color:#c4b5fd;background:#8b5cf614;border:1px solid #a78bfa38;border-radius:.9rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.drama-studio-page-how-it-works-section__step-icon{stroke-width:1.65px;width:1.25rem;height:1.25rem}.drama-studio-page-how-it-works-section__step-title{font-family:var(--font-inter);background:linear-gradient(90deg,#e8fbf4 0%,#8aefd6 30%,#37e1bf 60%,#2bc9a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:1.5rem 0 0;padding-right:.15em;font-size:17px;font-weight:650;line-height:1.35}.drama-studio-page-how-it-works-section__step-description{color:var(--premium-white-secondary);font-family:var(--font-inter);margin:.85rem 0 0;font-size:15px;line-height:1.6}.drama-studio-page-cta-section{background-color:var(--premium-black);padding:6rem 0}.drama-studio-page-cta-section__container{grid-template-columns:minmax(0,1240px);justify-content:center;width:100%;max-width:none;margin:0;padding:0 2.5rem;display:grid}.drama-studio-page-cta-section__panel{--drama-studio-cta-media-bleed:1px;--drama-studio-cta-media-bleed-offset:-1px;isolation:isolate;text-align:center;background-color:var(--premium-black);border:.5px solid #a78bfa38;border-radius:1.75rem;flex-direction:column;align-items:center;padding:6.5rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.drama-studio-page-cta-section__bg-media{z-index:-1;pointer-events:none;background-color:var(--premium-black);border-radius:inherit;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.drama-studio-page-cta-section__bg-thumbnail,.drama-studio-page-cta-section__bg-video{inset:var(--drama-studio-cta-media-bleed-offset);width:calc(100% + var(--drama-studio-cta-media-bleed) + var(--drama-studio-cta-media-bleed));height:calc(100% + var(--drama-studio-cta-media-bleed) + var(--drama-studio-cta-media-bleed));object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;max-width:none;position:absolute}.drama-studio-page-cta-section__bg-video{opacity:0;transition:opacity .16s}.drama-studio-page-cta-section__bg-video--ready{opacity:1}.drama-studio-page-cta-section__bg-overlay{inset:var(--drama-studio-cta-media-bleed-offset);background:#00000040;position:absolute}.drama-studio-page-cta-section__title{max-width:925px;color:var(--premium-white);font-family:var(--font-geist);margin:0;font-size:28px;font-weight:700;line-height:1.4}@media (min-width:640px){.drama-studio-page-cta-section__title{font-size:40px}}.drama-studio-page-cta-section__description{max-width:655px;color:var(--premium-white-secondary);font-family:var(--font-inter);margin:1.35rem 0 0;font-size:16px;line-height:1.6}.drama-studio-page-cta-section__button{--drama-studio-cta-button-radius:36px;--drama-studio-cta-shimmer-spread:72deg;--drama-studio-cta-shimmer-speed:3.8s;--drama-studio-cta-shimmer-cut:.065em;--drama-studio-cta-shimmer-blur:1.35px;isolation:isolate;border-radius:var(--drama-studio-cta-button-radius);min-width:240px;min-height:55px;color:var(--premium-white);background:var(--premium-black);font-family:var(--font-inter);justify-content:center;align-items:center;margin-top:2.15rem;padding:0 1.5rem;font-size:18px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 8px 2px #22d3ee4d,0 0 20px 4px #34d39926}.drama-studio-page-cta-section__button-shimmer-container{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible;container-type:size}.drama-studio-page-cta-section__button-shimmer-slide{aspect-ratio:1.5;will-change:translate;height:100cqh;animation:dramaStudioCtaShimmerSlide var(--drama-studio-cta-shimmer-speed) linear infinite;position:absolute;inset:0}.drama-studio-page-cta-section__button-shimmer-spin{background:conic-gradient(from calc(270deg - (var(--drama-studio-cta-shimmer-spread) * .5)), transparent 0deg, transparent calc(var(--drama-studio-cta-shimmer-spread) * .14), #f59e0b calc(var(--drama-studio-cta-shimmer-spread) * .32), #84cc16 calc(var(--drama-studio-cta-shimmer-spread) * .46), #34d399 calc(var(--drama-studio-cta-shimmer-spread) * .6), #22d3ee calc(var(--drama-studio-cta-shimmer-spread) * .74), #3b82f6 calc(var(--drama-studio-cta-shimmer-spread) * .88), #8b5cf6 var(--drama-studio-cta-shimmer-spread), transparent calc(var(--drama-studio-cta-shimmer-spread) + .5deg));will-change:transform;width:auto;filter:blur(var(--drama-studio-cta-shimmer-blur));animation:dramaStudioCtaSpinAround var(--drama-studio-cta-shimmer-speed) linear infinite;position:absolute;inset:-100%}.drama-studio-page-cta-section__button-bg{inset:var(--drama-studio-cta-shimmer-cut);z-index:1;border-radius:inherit;pointer-events:none;background:inherit;position:absolute}.drama-studio-page-cta-section__button:hover{opacity:.92;transform:translateY(-1px)}.drama-studio-page-cta-section__button:focus-visible{outline-offset:4px;outline:2px solid #c4b5fd}.drama-studio-page-cta-section__button-text{z-index:2;font:inherit;line-height:1;position:relative}@keyframes dramaStudioCtaSpinAround{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dramaStudioCtaShimmerSlide{0%{translate:0}50%{translate:calc(100cqw - 100%)}to{translate:0}}@media (max-width:1100px){.drama-studio-page-how-it-works-section__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.drama-studio-page-how-it-works-section__step{min-height:16rem}}@media (max-width:820px){.drama-studio-page-hero-section{padding-top:5rem;padding-bottom:5rem}.drama-studio-page-cta-section__panel{padding:5rem 2rem}}@media (max-width:768px){.drama-studio-page-my-projects-section__empty-state{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2rem;padding:3rem}}@media (max-width:767px){.drama-studio-page-cta-section__button{width:fit-content;min-width:0;max-width:100%}}@media (max-width:640px){.drama-studio-page-hero-section__container,.drama-studio-page-how-it-works-section__container,.drama-studio-page-cta-section__container{padding-left:1.25rem;padding-right:1.25rem}.drama-studio-page-hero-section{padding-top:4.25rem;padding-bottom:4rem}.drama-studio-page-hero-section__subtitle{line-height:1.65}.drama-studio-page-my-projects-section,.drama-studio-page-how-it-works-section,.drama-studio-page-cta-section{padding:4rem 0}.drama-studio-page-my-projects-section__header{grid-template-columns:minmax(0,1fr);margin-bottom:2.25rem}.drama-studio-page-my-projects-section__empty-state{text-align:center;border-radius:1.15rem;grid-template-columns:1fr;gap:1.5rem;min-height:0;margin-top:0;padding:2.5rem 1.25rem}.drama-studio-page-my-projects-section__create-button{grid-area:auto/1;max-width:100%}.drama-studio-page-my-projects-section__visual{transform:scale(.88)}.drama-studio-page-my-projects-section__empty-copy{margin:0 auto}.drama-studio-page-my-projects-section__empty-description{margin-left:auto;margin-right:auto}.drama-studio-page-how-it-works-section__steps{grid-template-columns:1fr;gap:.75rem;margin-top:2.75rem}.drama-studio-page-how-it-works-section__step{min-height:0;padding:1.35rem}.drama-studio-page-cta-section__panel{border-radius:1.25rem;padding:4.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.drama-studio-page-my-projects-section__create-button,.drama-studio-page-how-it-works-section__step,.drama-studio-page-how-it-works-section__step:after,.drama-studio-page-cta-section__button{transition:none}.drama-studio-page-how-it-works-section__step:hover{transform:none}.drama-studio-page-cta-section__button-shimmer-slide,.drama-studio-page-cta-section__button-shimmer-spin{animation:none}}