*{box-sizing:border-box}body{margin:0;background:#f9fafb;color:#242831;font-family:Poston,'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:14px;letter-spacing:-.3px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}input,textarea,select{border:1px solid #dbdee3;border-radius:9px;padding:12px;background:#fff;color:#282d36}textarea{resize:vertical;line-height:1.65}h1,h2,h3,p{margin-top:0}h2{font-size:24px;letter-spacing:-1px}h3{font-size:16px}.sidebar{width:226px;background:#fff;border-right:1px solid #e6e8eb;position:fixed;inset:0 auto 0 0;padding:29px 19px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:750 25px system-ui;letter-spacing:-1.4px;margin:0 10px 38px}.brand-mark{background:#ef733e;color:white;width:34px;height:36px;border-radius:10px;font-size:32px;line-height:27px;padding-left:7px;position:relative}.brand-mark span{position:absolute;right:3px;top:0;color:#ffccb1}.brand-ai{font-size:15px;margin-left:3px;color:#ee794b;letter-spacing:0}.workspace-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#929caf;margin:0 13px 18px}.workspace-label span{font-size:8px;background:#eeeff2;color:#727e96;padding:4px 5px;border-radius:4px;letter-spacing:.2px;margin-left:6px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 15px;border-radius:9px;color:#69758e;font-weight:700;font-size:13px}.nav-item>span{font:23px system-ui;width:23px;line-height:20px}.nav-item.active{background:#fdf0e8;color:#c45a30}.nav-item:hover{background:#f2f3f5}.coming{background:#f1f2f4;border:1px solid #e3e5e9;border-radius:12px;padding:18px 15px;margin-top:46px}.coming-icon{display:block;color:#616d84;font-size:24px;margin-bottom:12px}.coming strong{font-size:12px;display:block;letter-spacing:-.5px}.coming p{font-size:11px;line-height:1.8;color:#7c889f;margin:10px 0 13px}.coming button{font-size:11px;padding:0;color:#586378;font-weight:bold;display:flex;justify-content:space-between;width:100%}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.sidebar-bottom a{font-size:11px;display:flex;justify-content:space-between;color:#707d96}.sidebar-bottom small{font-size:9px;color:#a2a9b8;display:block;line-height:1.7;margin-top:9px}.mini-brand{font:10px Georgia,serif;color:#abb1be;margin-top:27px}.page{margin-left:226px}.topbar{height:79px;border-bottom:1px solid #e7e8eb;background:#fffffff0;display:flex;justify-content:space-between;align-items:center;padding:0 45px;font-size:12px;color:#5c677c}.topbar>div{display:flex;gap:9px;align-items:center}.header-dot{height:6px;width:6px;border-radius:50%;background:#848fa4}.top-tag{background:#eeeff2;font-size:9px;padding:4px 7px;border-radius:4px;color:#8892a7;margin-left:6px}.account{font-size:12px;background:#fff;border:1px solid #dee0e5;padding:9px 13px;border-radius:7px}.account span{margin-left:12px;color:#7f8aa1}main{max-width:1380px;margin:auto;min-height:calc(100vh - 156px);padding:54px 45px 38px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;min-height:420px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:bold;color:#818ca2;margin-bottom:23px;display:flex;align-items:center;gap:8px}.eyebrow span{width:4px;height:4px;background:#ea7a4e;border-radius:50%}h1{font-size:clamp(30px,3.2vw,48px);line-height:1.32;letter-spacing:-2.1px;margin-bottom:21px;font-weight:800}h1 em{color:#e77848;font-style:normal}.hero-description{font-size:14px;color:#7a859c;line-height:1.9;margin-bottom:30px}.url-form{display:flex;align-items:center;background:#fff;border:1px solid #d5d8df;box-shadow:0 5px 16px #363c4906;border-radius:11px;padding:6px 6px 6px 15px;gap:8px}.link-icon{color:#a0a7b6;font-size:21px}.url-form input{border:0;min-width:0;flex:1;padding:12px 0;font-size:12px;outline:none}.url-form:focus-within{outline:2px solid #edbd9f;outline-offset:2px}.primary{background:#e97c4c;color:white;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:700;white-space:nowrap}.primary:hover{background:#d66b3e}.primary>span{margin-left:12px}.form-helper{font-size:9px;color:#8892a7;line-height:1.8;margin:10px 0 18px}.form-helper span{display:block;color:#9ba3b2}.demo-button{font-size:10px;color:#919bae;padding:0}.demo-button strong{color:#5f6a81;margin-left:7px;font-size:10px;font-weight:600}.hero-preview{position:relative;margin-bottom:20px;border:1px solid #dee1e6;border-radius:15px;background:#fff;padding:14px 14px 12px;box-shadow:0 14px 35px #3339440a;transform:rotate(1deg)}.preview-label{display:flex;align-items:center;gap:6px;font-size:8px;color:#7d889f;margin:0 1px 12px}.preview-label>span:last-child{margin-left:auto;letter-spacing:1px;font-size:8px}.green-dot{width:4px;height:4px;border-radius:50%;background:#8993a8}.preview-canvas{aspect-ratio:1.4;background:#e8e9ec;position:relative;overflow:hidden;border-radius:8px}.preview-grid{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#f8f9fa 0%,transparent 50%),linear-gradient(110deg,#e7e8eb,#d7dae0)}.preview-script{position:absolute;z-index:2;top:22%;left:8%;font-size:18px;color:#333945}.preview-kicker{font-size:6px;letter-spacing:1.4px;display:block;margin-bottom:14px}.preview-script strong{font-size:clamp(13px,1.45vw,22px);letter-spacing:-.8px;line-height:1.65;display:block}.preview-script small{font-size:7px;color:#727e97;line-height:1.8;display:block;margin-top:18px}.bottle-preview{position:absolute;height:82%;width:52%;right:-2%;top:6%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-8deg)}.preview-chip{position:absolute;left:8%;bottom:6%;font-size:6px;color:#77839b;border:1px solid #a0a7b588;padding:4px 6px;border-radius:4px}.preview-timeline{display:flex;gap:8px;align-items:center;padding:13px 1px 0;font-size:7px;color:#a7aebc}.preview-timeline>div{flex:1;height:19px;display:flex;gap:3px;position:relative}.preview-timeline i{background:#e9ebee;border-radius:3px;flex:1}.preview-timeline i:nth-child(2){background:#e2e4e8}.preview-timeline i:nth-child(3){background:#d5d8de}.preview-timeline b{position:absolute;left:35%;top:-2px;width:1px;height:23px;background:#e28553}.preview-float{position:absolute;bottom:-23px;left:-23px;background:white;padding:13px 18px;border:1px solid #dfe2e7;border-radius:10px;display:flex;gap:12px;align-items:center;box-shadow:0 6px 16px #30364109;transform:rotate(-1deg)}.preview-float>span{height:26px;width:26px;background:#edeef0;border-radius:50%;display:grid;place-items:center;color:#76829a;font-size:12px}.preview-float strong{font-size:9px;display:block}.preview-float small{font-size:7px;color:#939db0;display:block;margin-top:5px}.how{border-top:1px solid #e5e7eb;margin-top:55px;padding-top:31px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-heading h2{font-size:18px;margin:0;letter-spacing:-.5px}.section-heading p{font-size:10px;color:#8a94a9;margin:0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.how-grid article{display:flex;gap:13px;position:relative;background:#fff;border:1px solid #e0e3e8;border-radius:12px;padding:23px 19px}.how-number{font:10px Georgia;color:#d18b66;padding-top:3px}.how-grid h3{font-size:12px;margin-bottom:10px}.how-grid p{font-size:10px;line-height:1.9;color:#8993a7;margin:0}.how-symbol{position:absolute;right:15px;top:19px;font-size:19px;color:#bcc1cb}.footer{display:flex;gap:24px;justify-content:space-between;padding:23px 45px;font-size:9px;color:#9ba3b2;border-top:1px solid #e7e8eb}.footer>a{margin-left:auto}.inline-progress{margin-top:16px;background:#fff4ec;border:1px solid #efdacb;border-radius:10px;padding:14px}.inline-progress p{font-size:12px;color:#97715a;margin:10px 0 0}.loading-track{height:3px;background:linear-gradient(90deg,#f1cdb4,#e98551,#f1cdb4);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{to{background-position:-200% 0}}.recent{margin-top:35px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:#fff;border:1px solid #dfe2e7;border-radius:12px;overflow:hidden;text-align:left;padding:0}.project-card img{width:100%;height:145px;object-fit:contain;background:#eff0f2}.project-card>div{padding:15px}.project-card strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-card small{display:block;font-size:10px;color:#8691a6;margin-top:8px}.steps{display:flex;gap:8px;margin-bottom:30px;align-items:center;font-size:11px;color:#969fb1;flex-wrap:wrap}.steps span{padding:7px 12px;border-radius:20px}.steps span.current{background:#fcecdf;color:#c46e40;font-weight:bold}.steps i{font-style:normal;color:#bdc2cd}.work-title{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.work-title h1{font-size:31px;margin:0 0 9px;letter-spacing:-1px}.work-title p{color:#8590a5;font-size:12px;line-height:1.8;margin:0}.back-link{color:#808ba1;font-size:11px;padding:8px 0;white-space:nowrap}.panel{padding:26px;border-radius:14px;background:#fff;border:1px solid #dddfe4;margin-bottom:20px}.panel h2{font-size:17px;letter-spacing:-.5px;margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading small{color:#8c96aa;font-size:10px}.notice{border-radius:8px;background:#eeeff2;border:1px solid #dcdfe4;padding:13px 16px;font-size:11px;line-height:1.8;color:#6b7790;margin-bottom:20px}.notice.warning{background:#fff6eb;color:#a58050;border-color:#f0ddc3}.product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-option{position:relative;display:block;border:1px solid #dfe1e6;background:#f5f6f7;border-radius:9px;overflow:hidden;aspect-ratio:1}.photo-option img{width:100%;height:100%;object-fit:contain}.photo-option input{position:absolute;bottom:8px;right:8px;accent-color:#66728b}.photo-option:has(input:checked){border:2px solid #818ca2}.upload-tile{border:1px dashed #c4c8d1;display:grid;place-content:center;border-radius:9px;font-size:11px;color:#7b869d;cursor:pointer;text-align:center;gap:4px;min-height:90px}.upload-tile span{font-size:24px}.upload-tile input{display:none}.photo-help{font-size:10px;color:#919bae;line-height:1.8;margin:12px 0 0}.field{display:block;margin-bottom:15px}.field>span{display:block;font-size:11px;color:#5e697f;font-weight:bold;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;font-size:12px}.field textarea{min-height:87px}.optional-details{color:#7e89a0;font-size:11px}.optional-details summary{cursor:pointer;margin-bottom:15px}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.concept{border:1px solid #dbdee4;background:#fff;border-radius:10px;padding:19px;text-align:left}.concept.active{border-color:#e4a47f;background:#fff8f2;box-shadow:inset 0 0 0 1px #e4a47f}.concept small{font-size:9px;color:#b8967f;display:block;margin-bottom:13px;letter-spacing:1px}.concept strong{display:block;font-size:13px;margin-bottom:8px}.concept p{font-size:10px;line-height:1.8;color:#8a94a8;margin:0}.action-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.action-row p{font-size:10px;color:#8e98ac;line-height:1.8;margin:0}.action-row .primary{font-size:13px;padding:16px 22px}.plan-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.plan-title-input{font-size:22px!important;font-weight:bold}.plan-meta{background:#f2f3f4;border-radius:10px;padding:20px;display:grid;gap:16px;align-content:start}.plan-meta div{display:flex;justify-content:space-between;gap:15px;font-size:11px}.plan-meta dt{color:#8d97aa}.plan-meta dd{margin:0;color:#5e697f;text-align:right}.storyboard{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.scene{border:1px solid #dfe1e6;border-radius:10px;overflow:hidden;background:#fff}.scene img{width:100%;aspect-ratio:16/11;object-fit:contain;background:#f3f4f6}.scene-body{padding:12px}.scene-role{display:flex;justify-content:space-between;color:#7b869d;font-size:9px;margin-bottom:10px}.scene textarea{width:100%;border:1px solid #e5e7ea;font-size:11px;min-height:83px;padding:8px;line-height:1.7}.scene label{display:block;font-size:9px;color:#8c96aa;margin:9px 0 6px}.scene select{width:100%;font-size:9px;padding:7px}.scene .narration{font-size:10px;min-height:78px}.generation-bar{background:white;border:1px solid #dadde2;border-radius:13px;padding:22px;margin:20px 0;box-shadow:0 8px 24px #32384309}.generation-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.generation-details{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px}.generation-details label{color:#758199}.generation-details select{font-size:11px;padding:8px}.review-check{display:flex;align-items:center;gap:8px;color:#6c7992;font-size:11px;margin:18px 0 0}.review-check input{accent-color:#e48a59}.cost-note{font-size:10px;color:#8b95a9;line-height:1.8;margin:12px 0 0}.job-progress{margin-top:18px;padding-top:18px;border-top:1px solid #e9ebee}.job-progress progress{width:100%;height:7px;accent-color:#e78c58}.job-progress>div{display:flex;justify-content:space-between;font-size:11px;color:#79859c;margin-top:8px}.error{padding:15px;border:1px solid #e9c9b5;background:#fff6ef;border-radius:9px;color:#af6745;font-size:12px;line-height:1.8;margin:15px 0}.result-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:26px}.result-layout video{width:100%;background:#1a1d24;border-radius:12px;aspect-ratio:16/9}.result-card h2{margin:16px 0;font-size:22px}.result-card p{font-size:12px;line-height:1.9;color:#78849c}.result-card a.primary{display:block;text-align:center;margin:20px 0}.secondary{border:1px solid #d5d8df;background:white;color:#69758e;padding:11px 15px;border-radius:8px;font-size:11px}.toast{position:fixed;bottom:25px;left:calc(50% + 113px);transform:translateX(-50%);z-index:100;background:#2b303a;color:white;box-shadow:0 5px 25px #1b1e2522;border-radius:10px;padding:14px 22px;font-size:12px;max-width:calc(100vw - 30px);line-height:1.7}dialog{border:1px solid #d7dae0;border-radius:15px;padding:24px;max-width:530px;width:calc(100% - 30px);box-shadow:0 25px 80px #1f222924;color:#2f3540}dialog::backdrop{background:#1c1f254d;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-top button{font-size:25px;color:#8b95a9}.dialog-top strong{font-size:18px}.login-grid{display:grid;gap:10px}.login-grid a{border:1px solid #d6d9df;padding:15px;border-radius:9px;font-weight:bold;text-align:center}.login-grid a.naver{background:#566074;color:white;border:0}.login-grid a.kakao{background:#6c7992;color:#38251c;border:0}.modal-note{font-size:11px;line-height:1.9;color:#848fa4;margin-top:18px}.channel-card{border:1px solid #dddfe4;border-radius:12px;background:white;padding:25px}.channel-card h2{font-size:19px}.channel-card p{color:#79859c;font-size:12px;line-height:1.8}.channel-card a{display:inline-block;margin-top:13px}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.empty{padding:40px;text-align:center;color:#8b95aa;border:1px dashed #d1d5dc;border-radius:12px;font-size:12px;line-height:2}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){main{padding-top:70px}.hero{min-height:480px}.hero-preview{margin:15px}.preview-canvas{aspect-ratio:1.45}}@media(max-width:1200px){.sidebar{width:196px;padding:25px 14px}.page{margin-left:196px}main{padding:38px 28px}.topbar{padding:0 28px}.hero{gap:27px;grid-template-columns:1.1fr 1fr}.primary{padding:13px 12px}.hero h1{font-size:34px}.hero-description{font-size:12px}.url-form{flex-wrap:wrap}.url-form input{font-size:10px}.url-form .primary{font-size:10px}.how-grid article{padding:20px 13px}.how-symbol{display:none}.storyboard{grid-template-columns:repeat(3,1fr)}.toast{left:calc(50% + 98px)}}@media(max-width:850px){.sidebar{width:75px;padding:24px 10px}.brand{margin:0 auto 35px;width:35px}.brand>span:last-child,.workspace-label,.coming,.sidebar-bottom,.nav-item{font-size:0}.nav-item{justify-content:center;padding:14px 0}.nav-item>span{font-size:25px}.page{margin-left:75px}.hero{grid-template-columns:1fr}.hero-preview{display:none}.hero h1{font-size:42px}.hero-description{font-size:14px}.url-form{flex-wrap:nowrap}.url-form input{font-size:13px}.url-form .primary{font-size:12px}.how{margin-top:35px}.how-grid{grid-template-columns:1fr}.how-grid article{padding:20px}.how-grid h3{font-size:14px}.how-grid p{font-size:12px}.section-heading{align-items:start;flex-direction:column;gap:8px}.product-layout,.plan-intro,.result-layout{grid-template-columns:1fr}.storyboard{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.footer{padding:20px 28px}.footer>span:nth-child(2){display:none}.toast{left:calc(50% + 37px)}.generation-controls{flex-wrap:wrap}.action-row{align-items:start;flex-direction:column}.concept{padding:14px}.concept strong{font-size:12px}}@media(max-width:520px){.sidebar{display:none}.page{margin-left:0}.topbar{height:63px;padding:0 19px;position:sticky;top:0;z-index:15}.topbar>div{font-size:10px}.top-tag{display:none}main{padding:28px 18px}.hero{min-height:0}.hero h1{font-size:35px;letter-spacing:-1.8px}.eyebrow{font-size:7px}.hero-description{font-size:12px}.url-form{flex-wrap:wrap;padding:8px}.url-form .link-icon{display:none}.url-form input{flex-basis:100%;padding:12px;font-size:12px}.url-form .primary{width:100%;padding:14px}.form-helper{font-size:9px}.work-title h1{font-size:26px}.panel{padding:18px}.product-layout{gap:22px}.concept-grid{grid-template-columns:1fr}.concept{padding:16px}.concept p{display:inline}.concept small{margin-bottom:7px}.concept strong{font-size:14px}.storyboard{grid-template-columns:1fr}.scene{display:grid;grid-template-columns:115px 1fr}.scene img{height:100%;aspect-ratio:auto;min-height:250px}.scene-body{padding:11px}.generation-bar{padding:18px}.generation-details{gap:8px}.generation-controls>.primary{width:100%;padding:15px}.project-grid,.channel-grid{grid-template-columns:1fr}.toast{left:50%}.footer{font-size:8px;padding:19px}.steps{font-size:9px;gap:4px}.steps span{padding:6px}.work-title{gap:10px}.back-link{font-size:10px}}

.mobile-nav{display:none}body:has(#voice option[value="none"]:checked) .scene .narration,body:has(#voice option[value="none"]:checked) .scene label[for^="narration-"]{display:none}@media(max-width:520px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffffa;border-top:1px solid #dbdee3;z-index:25;height:64px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{flex:1;font-size:22px;display:grid;gap:3px;place-content:center;text-align:center;color:#7a859c}.mobile-nav button.active{color:#d77845;background:#fff8f1}.mobile-nav span{font-size:9px}main{padding-bottom:85px}.footer{padding-bottom:85px}.toast{bottom:80px}}

/* Product studio visual refresh: neutral surfaces, crisp type, cobalt actions. */
:root{--ink:#171d2b;--muted:#667085;--blue:#3659ef;--line:#e4e7ec}body{background:#f8f9fc;color:var(--ink);font-family:Inter,Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}.sidebar{background:#fff;border-color:var(--line)}.brand{color:#1c2433}.brand-mark{background:#3659ef}.brand-mark span{color:#c4d2ff}.brand-ai{color:#3659ef}.workspace-label{color:#8b93a3}.workspace-label span{background:#edf1ff;color:#5268ba}.nav-item{color:#667085;font-size:14px}.nav-item.active{background:#eef2ff;color:#3659ef}.nav-item:hover{background:#f3f5f9}.coming{background:#f5f7fc;border-color:#e4e8f2}.coming-icon,.coming button{color:#3659ef}.coming strong{color:#374151;font-size:12px}.coming p{color:#7b8496;font-size:11px}.sidebar-bottom a{color:#687386}.sidebar-bottom small{color:#98a0ae}.mini-brand{font-family:inherit;color:#9aa2b1}.topbar{color:#667085;border-color:var(--line)}.header-dot{background:#3659ef}.top-tag{background:#eef1f7;color:#7e889b}.account{border-color:#dce1e9;color:#435066}.eyebrow{color:#697aab;font-size:10px;letter-spacing:1.5px}.eyebrow span{background:#3659ef}h1{color:#171d2b;letter-spacing:-1.8px;line-height:1.28}h1 em{color:#3659ef}.hero-description{color:#697386;font-size:15px}.url-form{border-color:#d4dbe7;box-shadow:0 5px 18px #22355b06}.url-form:focus-within{outline-color:#96adff}.url-form input{font-size:13px}.url-form input::placeholder{color:#98a1b2}.link-icon{color:#8290aa}.primary{background:#3659ef;font-size:13px;box-shadow:0 3px 8px #3659ef16}.primary:hover{background:#2948d8}.primary:disabled{background:#3659ef;box-shadow:none}.form-helper{color:#7f8b9f;font-size:10px}.form-helper span{color:#9099a9}.demo-button{color:#8b94a4;font-size:11px}.demo-button strong{color:#465b8c;font-size:11px}.hero-preview{transform:none;border-color:#dfe5ee;box-shadow:0 16px 45px #1d315409}.preview-label{font-size:9px;color:#73809a}.green-dot{background:#3659ef}.preview-canvas{background:#eef2fa}.preview-grid{background:radial-gradient(ellipse at 72% 25%,#ffffff 0%,transparent 56%),linear-gradient(115deg,#f0f3fb,#e4eaf6)}.preview-script{color:#24324f}.preview-script small{color:#7786a2;font-size:8px}.preview-kicker{color:#7384aa;letter-spacing:1.2px}.preview-chip{border-color:#b5c4e0;color:#6d7fa1}.bottle-preview{transform:rotate(-5deg);mix-blend-mode:multiply}.preview-timeline{color:#939eb4}.preview-timeline i{background:#edf0f8}.preview-timeline i:nth-child(2){background:#e3e9f7}.preview-timeline i:nth-child(3){background:#d3def6}.preview-timeline b{background:#3659ef}.preview-float{transform:none;border-color:#e1e6f0;box-shadow:0 7px 18px #1d315409}.preview-float>span{background:#eef3ff;color:#3659ef}.preview-float strong{font-size:10px;color:#34415e}.preview-float small{font-size:8px;color:#8a96aa}.how{border-color:#e5e9f0}.section-heading h2{font-size:19px;color:#253147}.section-heading p{font-size:11px;color:#8994a7}.how-grid article{border-color:#e3e8f0;padding-top:25px;padding-bottom:25px}.how-number{color:#3659ef;font-family:inherit;font-weight:700;font-size:11px}.how-grid h3{color:#34405a;font-size:13px}.how-grid p{color:#7e899c;font-size:11px}.how-symbol{color:#aab8d4}.footer{color:#8b95a7;border-color:#e5e9f0}.steps span.current{background:#eef2ff;color:#3659ef}.work-title p{color:#788399}.panel{border-color:#e2e7ef}.panel h2{color:#26334a}.panel-heading small{color:#8b96aa}.notice{background:#f0f4fd;border-color:#e1e8f8;color:#5e7198}.notice.warning{background:#fff6eb;border-color:#f0ddc3;color:#a58050}.field>span{color:#596982}.field input,.field textarea,.field select{border-color:#dbe1eb;color:#26344c}.photo-option{border-color:#dfe5ef;background:#f6f8fc}.photo-option:has(input:checked){border-color:#7795f6}.photo-option input{accent-color:#3659ef}.upload-tile{border-color:#c5d1eb;color:#6781b6}.photo-help{color:#8796b1}.concept{border-color:#e0e6f1}.concept.active{border-color:#7d9bf7;background:#f4f7ff;box-shadow:inset 0 0 0 1px #7d9bf7}.concept small{color:#8394b8}.concept strong{color:#334263}.concept p{color:#8592ab}.back-link{color:#6d82ad}.plan-meta{background:#f3f6fc}.plan-meta dt{color:#8795b1}.plan-meta dd{color:#51678e}.scene{border-color:#e1e7f1}.scene img{background:#f6f8fc}.scene-role{color:#657ca8}.scene label{color:#8b9bb8}.scene textarea{border-color:#e0e7f2;color:#354766}.generation-bar{border-color:#dfe6f2;box-shadow:0 8px 24px #243e7706}.review-check{color:#667da6}.review-check input{accent-color:#3659ef}.job-progress progress{accent-color:#3659ef}.job-progress>div{color:#6c82aa}.result-card p{color:#7a8cae}.result-card h2{color:#263958}.secondary{color:#5c74a0;border-color:#dbe3f1}.channel-card{border-color:#e0e6f0}.channel-card p{color:#7a8cae}.toast{background:#253451}.inline-progress{background:#f0f4fd;border-color:#dce5fa}.inline-progress p{color:#647ca9}.loading-track{background:linear-gradient(90deg,#d6e1ff,#5378ef,#d6e1ff);background-size:200% 100%}.mobile-nav button{color:#8797b4}.mobile-nav button.active{background:#eff3ff;color:#3659ef}@media(max-width:520px){.hero h1{font-size:35px}.hero-description{font-size:13px}.url-form input{font-size:13px}.url-form .primary{font-size:13px}.topbar{font-size:11px}.concept strong{font-size:14px}}

.creative-lead{padding:8px 0 25px;margin-bottom:20px}.creative-lead h2{font-size:27px;line-height:1.6;letter-spacing:-1px;max-width:900px;margin:12px 0 25px}.creative-insight{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #e2e7f0;padding-top:20px}.creative-insight strong{font-size:12px;color:#4b63a0}.creative-insight p{font-size:13px;line-height:1.9;color:#6b7b98;margin:10px 0 0}.synopsis-rich{min-height:245px!important;font-size:13px!important;line-height:1.95!important;white-space:pre-wrap}.allocation-bar{display:flex;gap:4px;height:48px;margin:20px 0;border-radius:9px;overflow:hidden}.allocation-bar>div{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px}.allocation-bar>div span{opacity:.6;font-size:9px}.allocation-bar .real{background:#3d5fe9;color:white}.allocation-bar .motion{background:#e9edf6;color:#6f83ab}.mode-key{font-size:10px;color:#8193b5;display:flex;gap:7px;align-items:center}.mode-key i{display:inline-block;width:7px;height:7px;border-radius:2px}.real-dot{background:#3d5fe9}.motion-dot{background:#c5d0e7}.allocation>p{color:#536888;line-height:1.9;font-size:13px;margin-bottom:9px}.allocation>small{color:#8a9bb8;line-height:1.8;font-size:11px}.directed-board{grid-template-columns:repeat(3,1fr);gap:18px}.directed-scene{display:block!important}.scene-image{position:relative;overflow:hidden}.directed-scene .scene-image img{aspect-ratio:16/9;height:auto;width:100%;min-height:0}.mode-badge{position:absolute;bottom:10px;left:10px;font-size:9px;padding:6px 8px;border-radius:5px}.mode-badge.real{background:#3659ef;color:white}.mode-badge.motion{background:#eef2f9ec;color:#62799f}.directed-scene .scene-body{padding:17px}.directed-scene .scene-role{font-size:11px;align-items:center;margin-bottom:13px}.scene-purpose{font-size:11px;line-height:1.8;color:#526b94;font-weight:700;margin-bottom:12px}.scene-direction{font-size:12px;line-height:1.9;color:#8190a9;min-height:85px;margin:0 0 15px}.scene-connect{font-size:10px;line-height:1.85;color:#8fa0bc;background:#f6f8fc;padding:10px 12px;border-radius:7px;min-height:68px}.scene-connect span{display:block;font-size:9px;color:#6481bc;font-weight:bold;margin-bottom:3px}.scene-edit{margin-top:15px}.scene-edit summary{font-size:10px;color:#6e85b5;cursor:pointer;padding:10px 0}.scene-edit textarea{font-size:11px;min-height:78px}.scene-edit select{padding:9px;font-size:11px}.quote-area{background:#f5f7fc;border:1px solid #e3e9f4;border-radius:10px;padding:20px;margin-bottom:23px}.quote-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.quote-head>div>span{display:block;font-size:10px;color:#8a9ab8;margin-bottom:9px}.quote-head strong{font-size:30px;color:#3659ef}.quote-head strong small{font-size:12px;font-weight:500}.quote-head b{font-size:13px;color:#4b6188}.quote-head p,.quote-area>p{font-size:11px;line-height:1.9;color:#8193b2;margin:8px 0}.quote-area>small{font-size:10px;color:#98a5bc;line-height:1.8}.quote-area .error{margin-bottom:0}.plan-intro{grid-template-columns:1.5fr .8fr}.job-clips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.job-clips span{font-size:10px;padding:7px 10px;background:#eef2f9;color:#7086ad;border-radius:6px}@media(max-width:1100px){.directed-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.creative-insight,.plan-intro{grid-template-columns:1fr}.creative-insight{gap:20px}.creative-lead h2{font-size:22px}.quote-head{align-items:start;flex-direction:column}}@media(max-width:520px){.directed-board{grid-template-columns:1fr}.scene-direction,.scene-connect{min-height:0}.allocation-bar{height:40px}.allocation-bar>div{font-size:9px;gap:4px}.allocation-bar>div span{display:none}.mode-key{font-size:8px;gap:4px}.creative-lead{padding-top:0}.creative-lead h2{font-size:21px}.synopsis-rich{min-height:330px!important}}

.director-panel{border-top:3px solid #4162e8}.director-panel>p{color:#5e6b83;line-height:1.8}.director-status{color:#385bdc;background:#eef2ff;border-radius:20px;padding:7px 13px;font-size:12px;white-space:nowrap}.director-story{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;background:#f7f9fd;border-radius:14px;padding:20px;margin:20px 0}.director-story strong{font-size:12px;color:#6d7e9d}.director-story p{font-size:13px;line-height:1.7;margin:8px 0 0}.director-cost{display:block;margin-top:12px;color:#6d7e9d}.story-scene-preview{height:100%;min-height:185px;display:flex;flex-direction:column;justify-content:center;padding:24px 24px 48px;background:linear-gradient(130deg,#172540,#435e91);color:white}.story-scene-preview>span{font-size:10px;letter-spacing:.15em;color:#bfcfff}.story-scene-preview strong{font-size:19px;line-height:1.45;margin:12px 0}.story-scene-preview p{font-size:13px;margin:0}.story-scene-preview small{font-size:10px;opacity:.7;margin-top:14px}@media(max-width:760px){.director-story{grid-template-columns:1fr}}

.source-panel{border:1px solid #cad6fd}.source-panel>p{line-height:1.8;color:#60708a}.source-drop{border:1px dashed #a4b6e8;border-radius:14px;background:#f8faff;padding:20px;margin:18px 0}.source-drop textarea{display:block;box-sizing:border-box;width:100%;height:95px;border:1px solid #d9e1f0;border-radius:10px;padding:12px;margin:12px 0;font:inherit;resize:vertical}.source-drop small{display:block;color:#7888a3;font-size:11px;line-height:1.6;margin-top:12px}.source-missing-preview{display:flex;flex-direction:column;justify-content:center;min-height:190px;height:100%;background:#edf1f8;padding:22px;color:#65748e}.source-missing-preview p{font-size:12px;line-height:1.7}.creative-brief h2{margin:10px 0 24px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.brief-grid strong{color:#6a7d9d;font-size:12px}.brief-grid p{line-height:1.8;font-size:14px;margin-top:8px}@media(max-width:720px){.brief-grid{grid-template-columns:1fr}}

/* Review the ad in a short overview; keep direction/editing details optional. */
.plan-overview{padding:24px 28px}.overview-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.plan-overview h2{font-size:25px;line-height:1.5;letter-spacing:-.7px;margin:13px 0 10px;max-width:850px}.plan-overview>p{font-size:13px;line-height:1.8;color:#6d7a91;margin:0;max-width:860px}.overview-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:17px}.overview-tags>span,.director-compact-status{font-size:11px;color:#697d9f;background:#f1f4fa;padding:6px 10px;border:0;border-radius:6px}.director-compact-status{color:#3659ef;background:#eef2ff;cursor:pointer}.compact-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-scene{display:grid!important;grid-template-columns:88px minmax(0,1fr);gap:0;border-color:#e0e6f0;align-items:stretch}.compact-thumb{background:#f1f4fa;overflow:hidden;border-right:1px solid #e7ecf4}.compact-thumb img{width:100%;height:100%;min-height:150px;object-fit:contain;aspect-ratio:auto}.compact-live{height:100%;min-height:150px;padding:15px 8px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:13px;color:#f1f5ff;line-height:1.65;background:linear-gradient(140deg,#344a74,#6c87b4)}.compact-live>span{font-size:10px;opacity:.75}.compact-live.missing{background:#edf1f7;color:#8a98b1}.compact-scene-main{padding:15px}.compact-scene-top{display:flex;align-items:center;gap:8px;color:#8b99af;font-size:10px}.compact-scene-top b{font-size:12px;color:#3659ef}.compact-scene-top em{margin-left:auto;font-size:9px;font-style:normal;background:#f0f3f9;color:#7e91b4;padding:3px 6px;border-radius:4px}.compact-scene-main h3{font-size:13px;font-weight:700;color:#33435f;line-height:1.55;margin:8px 0}.compact-scene-description{font-size:12px;line-height:1.8;color:#71819e;margin:0}.compact-scene-copy{font-size:11px;line-height:1.6;color:#3659ef;margin:10px 0 0}.compact-scene-edit{grid-column:1/-1;margin:0;border-top:1px solid #edf0f6}.compact-scene-edit>summary{font-size:10px;padding:10px 15px;background:#fbfcfe}.scene-edit-content{padding:6px 15px 16px}.full-scene-direction{font-size:12px;line-height:1.9;color:#687c9f}.scene-edit-content .scene-connect{min-height:0}.full-plan>summary,.plan-history>summary,.source-needed>summary{font-size:12px;color:#6d7e9c;cursor:pointer}.plan-history>summary span{font-size:10px;color:#99a5b9;margin-left:12px}.full-plan-content{margin-top:24px}.full-plan-content>.panel{box-shadow:none}.full-plan-reason{font-size:12px;color:#71819e;line-height:1.9}.regenerate-panel>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:15px;font-size:13px;list-style:none}.regenerate-panel>summary::-webkit-details-marker{display:none}.regenerate-panel>summary>span{color:#71819c}.regenerate-panel>summary>strong{color:#3659ef;font-size:13px}.regenerate-content{margin-top:22px}.regenerate-content .field small{font-weight:400;color:#9aa6ba;font-size:10px;margin-left:6px}.regenerate-content textarea{min-height:95px}.feedback-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.feedback-chips button{font-size:11px;padding:7px 10px;border:1px solid #dce4f4;border-radius:6px;background:#f8faff;color:#6c83b0}.regenerate-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.regenerate-bottom label{font-size:11px;color:#7b8ba6}.regenerate-bottom select{font-size:12px;margin-left:8px;padding:9px}.regenerate-note{font-size:10px;color:#94a1b8;line-height:1.8;margin:16px 0 0}.compact-quote{display:flex;justify-content:space-between;align-items:center;gap:20px}.compact-quote>div>span{font-size:10px;display:block;color:#8b9ab4;margin-bottom:4px}.compact-quote strong{font-size:25px;color:#3659ef}.compact-quote strong small{font-size:11px;font-weight:400;margin-left:4px}.compact-quote>p{font-size:11px;text-align:right;line-height:1.9;color:#7e90ad;margin:0}.quote-more{margin-top:10px}.quote-more summary{font-size:10px;color:#7b90b7;cursor:pointer}.quote-more p{font-size:11px;line-height:1.8;color:#899bb9;margin-bottom:0}.compact-alert{font-size:11px!important;margin:12px 0 0;padding:10px 13px}.plan-history-list>p{font-size:12px;color:#8a98b1;padding-top:18px}.history-option{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #edf0f6}.history-option:first-child{margin-top:18px}.history-option strong{font-size:13px;line-height:1.6;color:#526784;display:block}.history-option small{font-size:10px;color:#96a2b6;display:block;margin:6px 0}.history-option p{font-size:11px;color:#7c8eaa;line-height:1.7;margin:7px 0 0}.history-option button{white-space:nowrap;font-size:11px}.compact-generation .quote-area{padding:17px 20px}.compact-board-panel .panel-heading h2{font-size:17px}.full-plan-content .synopsis-rich{max-height:650px}@media(min-width:1600px){.compact-board{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.compact-board{grid-template-columns:1fr}.plan-overview h2{font-size:22px}.plan-overview{padding:22px}}@media(max-width:520px){.compact-scene{grid-template-columns:74px minmax(0,1fr)}.compact-thumb img,.compact-live{min-height:140px}.compact-scene-main{padding:13px}.compact-board-panel .panel-heading{align-items:start;gap:8px;flex-direction:column}.compact-quote{align-items:start}.compact-quote>p{font-size:10px}.regenerate-bottom{align-items:stretch;flex-direction:column}.regenerate-bottom .primary{width:100%}.history-option{gap:12px;align-items:start;flex-direction:column}.plan-history>summary span{display:block;margin:7px 0 0}.regenerate-panel>summary{font-size:12px}.regenerate-panel>summary>strong{font-size:12px}}

/* Separate open/delete controls keep cards accessible without nested buttons. */
.project-card-shell{display:flex;flex-direction:column;background:#fff;border:1px solid #dfe2e7;border-radius:12px;overflow:hidden;min-width:0}
.project-card-shell .project-card{display:block;width:100%;flex:1;border:0;border-radius:0;cursor:pointer}
.project-card-placeholder{height:145px;display:grid;place-items:center;background:#eff0f2;color:#9ba3b2;font-size:26px;letter-spacing:4px}
.project-card-actions{border-top:1px solid #edf0f3;min-height:43px;padding:7px 13px;display:flex;align-items:center;justify-content:flex-end}
.project-card-actions>small{font-size:11px;color:#7b8494;line-height:1.5}
.delete-ad{border:0;background:transparent;color:#8d5058;border-radius:5px;padding:6px 10px;font-size:12px;cursor:pointer}
.delete-ad:hover{background:#fff1f1;color:#ad263b}
.delete-ad:focus-visible,.project-card:focus-visible{outline:2px solid #5366d8;outline-offset:-3px}
.delete-ad-name{font-size:17px;font-weight:700;overflow-wrap:anywhere}
.delete-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.danger-button{border:0;border-radius:8px;background:#b53548;color:white;font-weight:650;padding:12px 20px;cursor:pointer}
.danger-button:disabled{opacity:.6;cursor:wait}

.purchase-summary{border-top:1px solid #e8ebf1;margin-top:18px;padding-top:16px}
.purchase-summary>span{display:block;font-size:11px;color:#68728d;margin-bottom:7px}
.purchase-summary>strong{display:block;font-size:16px;line-height:1.6;color:#232c45}
.purchase-reason{display:grid;grid-template-columns:minmax(100px,1fr) 20px minmax(140px,2fr);gap:9px;align-items:start;margin-top:10px;font-size:12px;line-height:1.6}
.purchase-reason b{font-weight:600;color:#4d5874}.purchase-reason i{font-style:normal;color:#8e9ab5;text-align:center}.purchase-reason p{margin:0;color:#536079;font-size:12px}
.purchase-details{padding:14px 0 20px;border-bottom:1px solid #e8ebf1;margin-bottom:20px}.purchase-details h3{font-size:15px;margin:0 0 14px}.purchase-details dl{margin:0;display:grid;gap:12px}.purchase-details dl>div{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:13px;line-height:1.7}.purchase-details dt{color:#6b758d}.purchase-details dd{margin:0;color:#303b54}
@media(max-width:600px){.purchase-reason{grid-template-columns:1fr 18px 1.5fr;gap:5px}.purchase-details dl>div{grid-template-columns:1fr;gap:2px}}