@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap");:root{color-scheme:light;--background:#f7f9fc;--foreground:#0b172a;--card:rgba(255,255,255,.88);--card-elevated:#fff;--secondary:#eef3f8;--border:#dce5ef;--muted:#64748b;--primary:#1687f9;--primary-strong:#0874e5;--cyan:#40d5ef;--soft:#1e293b;--bg:var(--background);--text:var(--foreground);--panel:var(--card);--surface:#fff;--surface-2:#eef5fc;--line:var(--border);--gold:var(--primary);--gold-soft:var(--primary);--danger:#df5d67;--radius:18px}*{box-sizing:border-box}body,html{min-height:100%;background:var(--background);color:var(--foreground)}body{margin:0;font-family:Noto Sans Thai,DM Sans,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.54;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,135,249,.2);outline-offset:2px}.shell{min-height:100vh;background:radial-gradient(700px 500px at 78% 12%,rgba(64,213,239,.13),transparent 55%),radial-gradient(580px 380px at 24% 4%,rgba(22,135,249,.09),transparent 58%),var(--background)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:auto;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand{font-family:DM Sans,Noto Sans Thai,sans-serif;font-weight:700;letter-spacing:.8px;line-height:1.05;color:#0b172a}.brand i{color:#1687f9;font-style:normal;font-weight:600;font-size:.83em}.navlinks{display:flex;align-items:center;gap:25px;color:#334155;font-size:13px}.navlinks a:hover{color:var(--primary)}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;background:linear-gradient(135deg,#2196ff,#107af1);color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(22,135,249,.18);transition:transform .16s,box-shadow .16s,filter .16s;line-height:1.2}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 11px 23px rgba(22,135,249,.25)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn.secondary{background:rgba(255,255,255,.72);border-color:var(--border);color:#334155;box-shadow:none}.btn.secondary:hover:not(:disabled){background:#fff;border-color:#b8d8fa}.btn.danger{background:#fff;color:var(--danger);border-color:#f3c7cb;box-shadow:none}.hero{max-width:1480px;margin:auto;padding:78px 7vw 48px;text-align:left;min-height:470px;position:relative;display:flex;align-items:center}.hero>:not(.hero-lab){position:relative;z-index:2}.hero .eyebrow{display:inline-flex;background:rgba(22,135,249,.08);color:var(--primary);border:1px solid rgba(22,135,249,.15);border-radius:99px;padding:5px 9px;font:700 10px DM Sans;letter-spacing:.8px}.hero h1{max-width:570px;font-size:clamp(43px,5vw,73px);line-height:1.12;letter-spacing:-3px;margin:16px 0}.gold{color:var(--primary)}.hero p{max-width:520px;margin:0 0 25px;color:#475569;font-size:17px;line-height:1.7}.heroactions{display:flex;gap:10px}.hero-lab{position:absolute;right:5%;top:38px;width:min(49%,680px);height:390px;border:1px solid rgba(220,229,239,.92);border-radius:30px;background:radial-gradient(circle at 50% 52%,rgba(42,179,255,.3) 0 3%,rgba(70,205,255,.14) 7%,transparent 24%),linear-gradient(135deg,rgba(255,255,255,.95),rgba(234,244,253,.8));box-shadow:0 22px 55px rgba(54,100,150,.14),inset 0 1px 2px #fff;overflow:hidden}.hero-lab:before{content:"";position:absolute;inset:10% 12%;border:1px solid rgba(22,135,249,.22);border-radius:50%;box-shadow:0 0 0 18px rgba(22,135,249,.035),0 0 0 48px rgba(22,135,249,.025)}.hero-lab:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:104px;color:#3abaf8;text-shadow:0 0 26px rgba(32,177,255,.7);opacity:.8}.pipeline{max-width:900px;margin:35px auto 0;padding:12px 20px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.75);box-shadow:0 10px 30px rgba(82,108,135,.08);display:flex;justify-content:space-between;color:var(--muted);font:600 11px DM Sans;letter-spacing:.4px}.pipeline b{color:#1e293b}.pipeline i{color:var(--primary);font-style:normal}.landing-section{max-width:1280px;padding:58px 28px;margin:auto}.section-label{color:var(--primary);font:700 10px DM Sans;letter-spacing:1.25px}.section-title{font-size:31px;letter-spacing:-1px;margin:8px 0;color:#0b172a}.muted,.section-copy{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px;background:transparent;border:0;margin-top:25px}.feature{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:18px;padding:23px;min-height:178px;box-shadow:0 12px 30px rgba(69,97,125,.07);transition:transform .18s,box-shadow .18s}.feature:hover,.project:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(51,102,153,.13)}.feature .num{color:var(--primary);font:600 20px DM Mono}.feature h3{font-size:16px;margin:21px 0 6px;color:#0b172a}.faq{border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border);padding:16px 4px;color:#1e293b}.footer{max-width:1280px;margin:auto;padding:30px 28px;color:var(--muted);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px}.app{min-height:100vh;background:var(--background)}.side{width:250px;background:rgba(255,255,255,.8);border-right:1px solid var(--border);padding:23px 14px;position:fixed;height:100vh;z-index:20;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.side nav{display:grid;grid-gap:3px;gap:3px;margin-top:36px}.side nav a{padding:10px 12px;border-radius:9px;color:#475569;font-size:13px;transition:.15s}.side nav a.active,.side nav a:hover{color:var(--primary);background:#eaf5ff;box-shadow:inset 3px 0 var(--primary)}.side-bottom{position:absolute;bottom:20px;left:14px;right:14px;border-top:1px solid var(--border);padding:16px 9px;font-size:12px;color:var(--muted)}.main{margin-left:250px;padding:34px;max-width:1540px;background:radial-gradient(650px 400px at 100% -100px,rgba(67,193,251,.1),transparent 70%)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:27px}.topbar h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0 0 5px;color:#0b172a}.topbar p{margin:0}.grid{display:grid;grid-gap:14px;gap:14px}.stats{grid-template-columns:repeat(4,1fr)}.card,.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 30px rgba(56,88,120,.07)}.card{padding:19px}.stat{padding:18px;border-top:2px solid rgba(22,135,249,.35)}.number{font:700 27px DM Sans;letter-spacing:-1.2px;margin-top:6px;color:#102039}.project-grid{grid-template-columns:repeat(3,1fr)}.project{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;transition:transform .18s,box-shadow .18s}.project:before{content:"";height:74px;border-radius:11px;background:linear-gradient(120deg,#dceeff,#94cdf9 42%,#d4e5f7);margin-bottom:12px}.project h3{font-size:17px;margin:6px 0 4px;color:#0b172a}.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.badge{font-size:10px;letter-spacing:.45px;border-radius:99px;background:#eaf5ff;border:1px solid #cce5fb;color:#147de8;padding:4px 7px}.badge.neutral{background:#f4f7fa;border-color:var(--border);color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.full{width:100%}.progress{height:5px;border-radius:99px;background:#e5edf5;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#15a1f4,#1687f9);transition:width .3s}.panel{padding:23px}.panel h2{font-size:18px;margin:0 0 15px;color:#0b172a}.field{display:grid;grid-gap:7px;gap:7px;margin:12px 0}.field label{font-size:12px;color:#334155;font-weight:600}.field input,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#0b172a;transition:border .15s,box-shadow .15s}.field input:hover,.field textarea:hover{border-color:#a9cfef}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(22,135,249,.12);outline:0}.field textarea{min-height:108px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#94a3b8}.error,.notice{padding:10px 12px;border-radius:9px;font-size:13px;margin:10px 0}.error{color:#b3414d;background:#fff2f3;border:1px solid #f3c8cc}.notice{color:#146fc5;background:#eaf5ff;border:1px solid #c9e5fb}.empty{padding:48px 20px;text-align:center;color:var(--muted)}.skeleton{background:linear-gradient(90deg,#edf3f8,#f9fbfd,#edf3f8);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:15px;min-height:128px}@keyframes shimmer{to{background-position:-200% 0}}.wizard-shell{max-width:1240px;margin:auto}.stepper{display:flex;align-items:flex-start;gap:0;margin:0 0 26px;overflow-x:auto;padding-bottom:8px}.step{min-width:124px;position:relative;color:#64748b;font:600 11px DM Sans;letter-spacing:.45px;cursor:pointer;border:0;background:transparent}.step:before{content:"";display:block;width:29px;height:29px;border:1px solid #b9d9f4;border-radius:50%;margin-bottom:8px;background:#fff;position:relative;z-index:1}.step:after{content:"";height:1px;background:#c8dff3;position:absolute;top:14px;left:29px;width:calc(100% - 29px)}.step:last-child:after{display:none}.step.active,.step.complete{color:#1687f9}.step.active:before,.step.complete:before{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 5px rgba(22,135,249,.1)}.step.active:after,.step.complete:after{background:var(--primary)}.step strong{position:absolute;top:7px;left:9px;color:#fff;font-size:10px}.step:not(.active):not(.complete) strong{color:#5789b4}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-gap:16px;gap:16px}.assist{padding:19px;background:linear-gradient(160deg,#fff,#edf8ff)}.assist h3{margin:0 0 8px;font-size:15px;color:#0b172a}.select-trigger,.select-wrap{position:relative}.select-trigger{width:100%;text-align:left;padding:11px 36px 11px 12px;border-radius:9px;border:1px solid var(--border);background:#fff;color:#0b172a}.select-trigger:hover{border-color:#a9cfef}.select-trigger:after{content:"⌄";position:absolute;right:12px;color:var(--primary)}.select-menu{position:absolute;z-index:15;top:calc(100% + 5px);left:0;right:0;padding:5px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 30px rgba(53,86,120,.18);max-height:220px;overflow:auto}.select-option{width:100%;border:0;background:transparent;color:#334155;text-align:left;padding:9px;border-radius:7px}.select-option.selected,.select-option:hover{background:#eaf5ff;color:#0874e5}.story-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.scene{border:1px solid var(--border);padding:15px;border-radius:12px;background:#fff;margin:10px 0}.scene b{font-size:13px;color:#0b172a}.scene p{margin:8px 0}.code-panel{background:#f3f8fc;border:1px solid #d9e7f2;border-radius:11px;padding:16px;font:13px/1.75 DM Mono,Noto Sans Thai;white-space:pre-wrap;color:#24364a}.storyboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.story-thumb{height:172px;border:1px solid #c8e2f6;border-radius:11px;background:radial-gradient(circle at 50% 35%,rgba(52,186,252,.44),transparent 13%),linear-gradient(135deg,#daeefd,#94caf1);display:grid;place-items:center;color:#0874e5;font-size:12px;margin:12px 0}.toast{position:fixed;z-index:80;bottom:24px;left:50%;transform:translateX(-50%) translateY(14px);background:#fff;border:1px solid #cfe4f6;color:#146fc5;padding:11px 15px;border-radius:10px;box-shadow:0 14px 30px rgba(40,89,133,.2);opacity:0;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.hamburger,.mobile-brand{display:none}.auth{max-width:430px;margin:70px auto;padding:28px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.auth h1{margin-top:0;font-size:26px;color:#0b172a}.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{border-bottom:1px solid var(--border);padding:12px;text-align:left}.table th{color:var(--muted);font-size:11px;letter-spacing:.5px}@media(max-width:1020px){.hero-lab{opacity:.55;right:-7%;width:55%}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.navlinks{display:none}.nav{height:64px}.hero{padding:65px 24px 45px;min-height:540px}.hero-lab{top:250px;right:8%;width:84%;height:245px}.hero h1{font-size:45px}.pipeline{border-radius:14px;flex-wrap:wrap;gap:12px;justify-content:center}.side{display:none}.main{margin:0;padding:21px}.mobile-brand{display:flex;margin-bottom:24px}.project-grid,.stats{grid-template-columns:repeat(2,1fr)}.storyboard-grid,.studio-layout{grid-template-columns:1fr}.step{min-width:103px}.footer{flex-direction:column;gap:10px}.hamburger{display:block}.feature-grid{grid-template-columns:1fr}}@media(max-width:520px){.hero{min-height:555px}.hero h1{font-size:39px;letter-spacing:-2px}.heroactions{flex-direction:column}.heroactions .btn{width:100%}.project-grid,.stats,.story-fields{grid-template-columns:1fr}.topbar{flex-direction:column}.main{padding:18px}.panel{padding:17px}.stepper{margin-left:-2px}.step{min-width:96px;font-size:10px}.price-grid{grid-template-columns:1fr!important}.nav{padding:0 17px}}:root{--background:#f7faff;--foreground:#0b1736;--border:#e4ebf5;--primary:#087cff;--cyan:#2edcff;--muted:#667085;--radius:20px}.nav{max-width:none;padding:0 max(28px,calc((100vw - 1440px)/2));border-bottom-color:rgba(211,226,240,.8);box-shadow:0 8px 30px rgba(49,94,143,.04)}.brand{color:#0b1736;letter-spacing:1.25px}.brand i{color:#087cff}.hero-split{display:grid;grid-template-columns:minmax(430px,.84fr) minmax(570px,1.16fr);grid-gap:32px;gap:32px;min-height:650px;padding-top:45px;padding-bottom:35px}.hero-copy{position:relative;z-index:3}.hero .accent-line{display:block;color:#087cff}.hero-copy h1{font-size:clamp(48px,5.3vw,78px);line-height:1.06;margin:18px 0 24px}.hero-copy .trust-line{margin-top:28px;color:#7890aa;font:600 10px DM Mono;letter-spacing:1px;display:flex;align-items:center;gap:8px}.trust-line span{width:7px;height:7px;background:#27d4e9;border-radius:50%;box-shadow:0 0 0 5px rgba(39,212,233,.12)}.trust-line b{color:#b7c5d4}.command-room{position:relative;min-width:0;isolation:isolate}.command-room:before{content:"";position:absolute;inset:8% 4%;background:radial-gradient(circle,rgba(40,200,255,.16),transparent 62%);filter:blur(18px);z-index:-1}.command-room svg{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 35px rgba(36,82,126,.12))}.command-room .hologram{transform-origin:380px 300px;animation:holoFloat 4s ease-in-out infinite}.command-room .orbit{transform-origin:380px 260px;animation:ringPulse 5s linear infinite}.command-room .orbit-b{animation-direction:reverse;animation-duration:7s}.command-room .hud{animation:hudFloat 5s ease-in-out infinite}.visual-status{position:absolute;right:5%;bottom:10%;display:grid;grid-template-columns:auto 1fr;grid-column-gap:9px;column-gap:9px;padding:11px 15px;border:1px solid rgba(112,194,235,.42);border-radius:13px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(31,89,139,.12)}.visual-status span{grid-row:1/3;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#26d9f0;box-shadow:0 0 12px #26d9f0}.visual-status b{font:700 10px DM Mono;letter-spacing:1px}.visual-status em{font-style:normal;color:#71849a;font-size:9px}.workflow-band{max-width:1370px;margin:0 auto 15px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.83);box-shadow:0 18px 44px rgba(56,95,135,.07);padding:18px 25px}.workflow-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #edf2f7}.workflow-heading span{color:#1687f9;font:700 10px DM Mono;letter-spacing:1.1px}.workflow-heading b{font-size:12px;color:#728197}.workflow-steps{display:flex;justify-content:space-between;gap:5px;padding-top:16px}.workflow-steps div{display:flex;align-items:center;gap:7px;color:#183153;font:700 11px DM Sans}.workflow-steps span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef7ff;color:#087cff;font-size:9px;border:1px solid #d1e8fb}.workflow-steps i{font-style:normal;color:#9fc7e8;margin-left:18px}.feature{position:relative}.feature .line-icon{display:block;width:43px;height:43px;border:1px solid #cae4f8;border-radius:13px;background:linear-gradient(145deg,#fff,#e8f7ff)}.feature .line-icon:after{content:"";display:block;width:17px;height:17px;margin:12px;border:2px solid #138bed;border-radius:3px}.feature .line-icon.character:after{border-radius:50% 50% 35% 35%}.feature .line-icon.storyboard:after{border-width:2px 0;transform:skew(-8deg)}.feature .line-icon.prompt:after{border-radius:50%;box-shadow:7px -7px 0 -5px #138bed}.feature-arrow{position:absolute;right:22px;top:20px;color:#7db7e7}.feature h3{text-transform:none;font-size:17px}.cta-panel{padding:38px 42px;border-radius:25px;border:1px solid #dbeaf6;background:radial-gradient(circle at 80% 0,rgba(42,213,247,.14),transparent 36%),linear-gradient(135deg,#fff,#f0f8ff);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 50px rgba(64,101,138,.08)}.side{width:238px;padding:21px 13px;background:rgba(255,255,255,.9)}.side-logo{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#087cff,#25cce9);color:#fff;font:800 18px DM Sans;box-shadow:0 8px 20px rgba(8,124,255,.23)}.side nav{margin-top:27px}.nav-caption{padding:0 12px 8px;color:#9aaabd;font:700 9px DM Mono;letter-spacing:1.1px}.side nav a{display:flex;align-items:center;gap:11px;padding:9px 12px}.side nav a span{width:20px;text-align:center;color:#7790aa}.side-bottom{left:13px;right:13px;padding:14px 7px 0}.credit-pill{display:flex;align-items:center;justify-content:space-between;border:1px solid #d6e8f7;background:#f3faff;border-radius:12px;padding:9px 11px;color:#5480a5}.credit-pill span{font:700 9px DM Mono}.credit-pill b{color:#087cff;font-size:18px}.user-block{display:flex;align-items:center;gap:9px;margin-top:12px}.avatar{width:32px;height:32px;border-radius:10px;background:#e2f3ff;color:#087cff;display:grid;place-items:center;font-weight:700}.user-block div{display:grid}.user-block b{font-size:12px;color:#20354d}.user-block small{font:600 9px DM Mono;color:#8a9bad}.logout-button{border:0;background:transparent;color:#778ba0;padding:7px 0 0;font-size:11px}.logout-button:hover{color:#d34f60}.main{margin-left:238px;padding:38px;min-height:100vh}.card,.panel{background:rgba(255,255,255,.9);border-color:#e4ebf5;box-shadow:0 13px 35px rgba(43,80,119,.07)}.empty h2{color:#0b1736!important}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(440px,.92fr);background:#f7faff}.auth-visual{position:relative;padding:42px 5vw;overflow:hidden;background:radial-gradient(circle at 60% 50%,rgba(62,205,249,.17),transparent 42%),linear-gradient(145deg,#fff,#eef7ff);display:flex;flex-direction:column;justify-content:space-between}.auth-visual>div:not(.command-room){position:relative;z-index:2}.auth-visual h1{font-size:clamp(34px,4vw,56px);line-height:1.12;letter-spacing:-2px;margin:12px 0}.auth-visual p{color:#647890;font-size:15px;max-width:500px}.auth-visual .command-room{position:absolute;inset:22% -4% -10% 5%;opacity:.85}.command-room.compact .visual-status{display:none}.auth-side{display:grid;place-items:center;padding:32px;background:#fff}.auth-card{width:min(100%,430px);padding:38px}.auth-card>.brand-mark{margin-bottom:32px}.auth-card h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.auth-card .btn{margin-top:9px;padding:13px}.auth-switch{text-align:center;color:#7c8b9b;margin-top:22px}.auth-switch a{color:#087cff;font-weight:700}.mobile-overlay{position:fixed;inset:0;z-index:60;background:rgba(9,27,51,.35);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-drawer{width:285px;height:100%;background:#fff;padding:22px;border-right:1px solid #dce8f2;box-shadow:20px 0 50px rgba(15,50,85,.18)}.mobile-drawer nav{display:grid;grid-gap:4px;gap:4px;margin-top:28px}.mobile-drawer nav a{padding:11px;border-radius:9px;color:#415a72}.mobile-drawer nav a:hover{background:#eaf5ff;color:#087cff}@keyframes holoFloat{50%{transform:translateY(-8px)}}@keyframes ringPulse{50%{opacity:.55;transform:scale(.97)}}@keyframes hudFloat{50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.command-room *{animation:none!important}.btn,.feature,.project{transition:none!important}}@media(max-width:1100px){.hero-split{grid-template-columns:1fr 1fr}.workflow-steps i{margin-left:3px}.auth-page{grid-template-columns:1fr 1fr}}@media(max-width:850px){.hero-split{display:flex;flex-direction:column;min-height:auto;padding-top:55px}.command-room{width:min(100%,680px);margin:-20px auto 0}.workflow-band{margin:0 18px}.workflow-heading{display:none}.workflow-steps{overflow-x:auto;justify-content:flex-start}.workflow-steps div{min-width:112px}.main{margin-left:0}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:320px;padding:30px}.auth-visual .command-room{left:45%;top:0;right:-22%;bottom:auto;opacity:.43}.auth-visual h1{font-size:36px}.auth-side{padding:20px}.cta-panel{padding:28px;align-items:flex-start;flex-direction:column}}@media(max-width:520px){.hero-copy h1{font-size:43px}.command-room{margin-top:0}.visual-status{display:none}.workflow-band{margin:0 12px;padding:13px}.workflow-steps div{min-width:96px}.cta-panel{padding:22px}.auth-visual{min-height:250px}.auth-visual .command-room{display:none}.auth-card{padding:20px 4px}}.field select,.scene-form input{width:100%;padding:11px 36px 11px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#0b1736}.field select:hover,.scene-form input:hover{border-color:#a9cfef}.field select:focus,.scene-form input:focus{outline:0;border-color:#087cff;box-shadow:0 0 0 3px rgba(8,124,255,.12)}.project-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.project-head h1{margin:3px 0;font-size:30px}.project-kpis{display:flex;align-items:center;gap:10px}.project-kpis>span{display:grid;padding:8px 12px;border-left:1px solid var(--border)}.project-kpis small{font:700 8px DM Mono;color:#91a1b3}.project-kpis b{font-size:12px}.project-tabs{display:flex;gap:3px;overflow:auto;border-bottom:1px solid var(--border);margin-bottom:21px}.project-tabs button{white-space:nowrap;border:0;background:transparent;padding:10px 13px;color:#718096}.project-tabs button.active{color:#087cff;border-bottom:2px solid #087cff}.studio-stage{min-width:0}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:18px}.character-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#e9f8ff,#b7e5fb);color:#087cff;display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:12px}.blueprint{display:grid;grid-template-columns:150px minmax(0,1fr) 180px;grid-gap:14px;gap:14px}.blueprint aside:first-child,.prompt-studio aside{display:grid;align-content:start;grid-gap:4px;gap:4px}.blueprint aside button,.prompt-studio aside button{border:0;border-radius:8px;background:transparent;text-align:left;padding:9px;color:#64758a}.blueprint aside button:first-child,.prompt-studio aside button:first-child{background:#eaf5ff;color:#087cff}.blueprint-info{border-left:1px solid var(--border);padding:12px}.scene-form{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#f8fbff;margin-bottom:15px}.scene .row:last-child{margin-top:12px;flex-wrap:wrap}.storyboard-workspace{display:grid;grid-template-columns:90px minmax(0,1fr) 230px;grid-gap:12px;gap:12px}.thumb-strip{display:grid;align-content:start;grid-gap:7px;gap:7px}.thumb-strip button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px;color:#4c6e8d}.cinema-preview{min-height:370px;border-radius:16px;background:radial-gradient(circle at 50% 44%,rgba(71,218,255,.7),transparent 11%),linear-gradient(145deg,#deeffb,#78b9e3 50%,#dbe8f2);display:grid;place-content:center;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,65,120,.35)}.cinema-preview span{font:700 10px DM Mono;letter-spacing:2px}.cinema-preview b{font-size:25px}.storyboard-workspace>aside{border-left:1px solid var(--border);padding:14px}.prompt-studio{display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:14px;gap:14px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.export-grid .card{display:block}.assist dl{display:grid;grid-template-columns:1fr auto;grid-gap:9px;gap:9px;margin:20px 0}.assist dt{font:700 9px DM Mono;color:#91a1b3}.assist dd{margin:0;font-size:11px;font-weight:700}.project-actions{flex-wrap:wrap}.project-actions .btn{padding:8px 10px;font-size:11px}.settings-form{max-width:650px}.setting-toggle{display:flex;align-items:flex-start;gap:10px;padding:14px 0}.setting-toggle span{display:grid}.setting-toggle small{color:#7b8b9e}@media(max-width:900px){.blueprint{grid-template-columns:1fr}.blueprint-info{border-left:0}.storyboard-workspace{grid-template-columns:1fr}.thumb-strip{display:flex;overflow:auto}.storyboard-workspace>aside{border-left:0}.scene-form{grid-template-columns:1fr 1fr}}@media(max-width:600px){.project-head,.project-kpis{flex-direction:column}.character-grid,.export-grid,.prompt-studio,.scene-form{grid-template-columns:1fr}.cinema-preview{min-height:250px}}.scene-form~article.scene{display:inline-block;width:calc(50% - 8px);margin:0 12px 12px 0;vertical-align:top}.scene-form~article.scene:nth-of-type(2n){margin-right:0}@media(max-width:600px){.scene-form~article.scene{display:block;width:100%;margin-right:0}}.quick-create{max-width:980px;margin:auto}.quick-create header{margin-bottom:24px}.quick-create h1{font-size:clamp(30px,4vw,48px);margin:8px 0}.quick-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;padding:28px}.quick-create-form label{display:grid;grid-gap:7px;gap:7px;font-weight:600}.quick-create-form input,.quick-create-form select,.quick-create-form textarea{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#fff}.quick-create-form textarea{min-height:100px;resize:vertical}.quick-create-form .wide{grid-column:1/-1}@media(max-width:640px){.quick-create-form{grid-template-columns:1fr;padding:18px}.quick-create-form .wide{grid-column:auto}}.aspect-field{border:0;padding:0;margin:16px 0}.aspect-field legend{margin-bottom:8px;color:#334155;font-size:12px;font-weight:600}.aspect-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.aspect-options button{display:grid;grid-gap:2px;gap:2px;padding:12px;border:1px solid var(--border);border-radius:11px;background:#fff;color:#334155;text-align:left}.aspect-options button:hover{border-color:#a9cfef}.aspect-options button.selected{border-color:#1687f9;background:#eef7ff;box-shadow:0 0 0 3px rgba(22,135,249,.1)}.aspect-options b{color:#0b1736;font-size:15px}.aspect-options span{color:#1687f9;font-size:11px;font-weight:700}.aspect-options small{color:#718096;font-size:9px}@media (max-width:600px){.aspect-options{grid-template-columns:1fr 1fr}}.story-sections,.storyboard-list{display:grid;grid-gap:14px;gap:14px}.storyboard-list .storyboard-workspace{padding:14px;border:1px solid var(--border);border-radius:14px;background:#f8fbff}.storyboard-list .cinema-preview{min-height:240px}.storyboard-image-panel{min-width:0}.storyboard-image-panel .cinema-preview{margin:0}.storyboard-image-controls{padding:12px 2px 2px}.real-image-preview{position:relative;overflow:hidden;display:block;padding:0;text-shadow:none;background:#071323}.real-image-preview img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}.real-image-preview figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:7px 10px;border-radius:8px;background:rgba(3,18,34,.72);color:#fff;font-size:11px}.character-grid .code-panel{margin:12px 0;font-size:11px}@media (max-width:900px){.storyboard-list .storyboard-workspace{grid-template-columns:1fr}}.quick-section{margin-top:34px}.dashboard-section h2,.quick-section h2{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.quick-grid .card{display:grid;grid-gap:14px;gap:14px;min-height:110px;background:linear-gradient(145deg,#fff,#f3faff)}.quick-grid b{color:#173453}.quick-grid span{color:#087cff;font-size:11px}.dashboard-section{margin-top:34px;margin-bottom:14px}@media(max-width:1050px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.quick-grid{grid-template-columns:1fr}}.reference-landing{background:#f8fbff;padding:10px}.reference-nav{position:fixed;top:22px;left:26px;right:26px;height:54px;max-width:none;padding:0;z-index:50;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.reference-nav>.brand{width:150px}.reference-links{display:grid;grid-template-columns:1fr auto auto;width:100%;grid-gap:12px;gap:12px}.reference-links>div{justify-self:center;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid rgba(218,227,238,.92);border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 6px 24px rgba(39,74,111,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.reference-links>div a{padding:6px 16px;border-radius:99px;font-size:12px}.reference-links>div a:first-child{background:#fff;box-shadow:0 3px 12px rgba(38,84,126,.09);color:#087cff}.reference-links .login-link{padding:9px 17px;border:1px solid #e1e9f2;border-radius:10px;background:rgba(255,255,255,.76)}.reference-links>.btn{padding:10px 18px}.reference-hero{height:min(68vw,660px);min-height:570px;border:1px solid #dce7f1;border-radius:25px 25px 0 0;overflow:hidden;position:relative;background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.77) 23%,rgba(255,255,255,.08) 49%,rgba(255,255,255,.02)),url(/images/kanin-command-room-hero.png);background-size:cover;background-position:50%;box-shadow:0 16px 45px rgba(63,97,132,.1)}.reference-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(237,247,255,.18),transparent 24%)}.reference-hero .hero-copy{position:absolute;left:clamp(28px,4.2vw,68px);top:50%;transform:translateY(-43%);z-index:2}.reference-hero .eyebrow{display:inline-flex;background:rgba(232,247,255,.84);border:1px solid #c7e9fb;color:#168eea;border-radius:99px;padding:5px 10px;font:700 10px DM Sans}.reference-hero h1{font-size:clamp(44px,4.7vw,73px);letter-spacing:-3.2px;margin:14px 0 16px;max-width:650px}.reference-hero h1 span{color:#0b9df2}.reference-hero p{font-size:clamp(14px,1.4vw,19px);color:#23364d;line-height:1.65}.reference-hero .heroactions{margin-top:22px}.reference-hero .btn{min-width:135px;text-align:center}.reference-featurebar{display:grid;grid-template-columns:repeat(4,1fr);max-width:calc(100% - 30px);margin:-1px auto 0;border:1px solid #dfe9f2;border-radius:0 0 18px 18px;background:rgba(255,255,255,.94);box-shadow:0 12px 32px rgba(51,88,125,.08);position:relative;z-index:3}.reference-featurebar>a{display:flex;align-items:center;gap:13px;padding:19px 24px;border-right:1px solid #e5edf5}.reference-featurebar>a:last-child{border-right:0}.reference-featurebar>a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cfe8fa;border-radius:11px;color:#058fed;font-size:19px;background:#f7fcff}.reference-featurebar div{display:grid}.reference-featurebar b{font-size:13px;color:#15283f}.reference-featurebar small{color:#75869a;font-size:11px}.reference-workflow{max-width:calc(100% - 30px);margin:14px auto 42px;padding:17px 32px 25px;border:1px solid #e0eaf3;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(51,88,125,.06)}.reference-workflow h2{text-align:center;font:700 12px DM Sans;color:#078ef0;margin:0 0 15px}.reference-workflow>div{display:flex;justify-content:space-between}.reference-workflow article{position:relative;display:grid;justify-items:center;min-width:110px}.reference-workflow article>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #cfe4f5;border-radius:50%;background:linear-gradient(145deg,#fff,#f2f9ff);color:#078ef0;font:700 11px DM Mono;box-shadow:0 7px 18px rgba(31,110,177,.08)}.reference-workflow b{font-size:11px;margin-top:7px}.reference-workflow small{font-size:10px;color:#718399}.reference-workflow i{position:absolute;left:calc(100% + 8px);top:13px;color:#0d9af5;font-style:normal}.landing-drawer{position:fixed;top:68px;left:12px;right:12px;z-index:60;background:rgba(255,255,255,.97);border:1px solid #dfe9f2;border-radius:15px;padding:14px;display:grid;grid-gap:5px;gap:5px;box-shadow:0 18px 40px rgba(26,62,99,.16)}.landing-drawer a{padding:10px;border-radius:9px;color:#354d65}.landing-drawer .btn{color:#fff;text-align:center}.app{background:linear-gradient(145deg,#fff,#f3f8ff)}.side{width:222px;padding:20px 12px}.main{margin-left:222px;padding:30px;max-width:none}.card,.panel{border-radius:13px;box-shadow:0 7px 22px rgba(49,83,119,.06)}.stats{gap:12px}.stat{min-height:110px;padding:16px;border-top:0}.stat .number{font-size:30px}.project{min-height:250px;padding:12px}.project:before{height:112px;margin:-1px -1px 12px;background-image:linear-gradient(0deg,rgba(3,32,63,.18),transparent 55%),url(/images/kanin-command-room-hero.png);background-size:cover;background-position:50%;border-radius:9px}.project-grid .project:nth-child(2):before{background-position:65%;filter:hue-rotate(18deg)}.project-grid .project:nth-child(3):before{background-position:35%;filter:saturate(.75)}.quick-grid .card{min-height:86px}.wizard-shell{max-width:1360px}.project-head{padding:5px 8px}.project-tabs{background:#fff;border:1px solid #e4ebf5;border-radius:11px;padding:3px}.studio-layout{grid-template-columns:minmax(0,1fr) 240px}.stepper{justify-content:center}.step{min-width:115px}.blueprint{grid-template-columns:165px minmax(0,1fr) 195px}.storyboard-workspace{grid-template-columns:92px minmax(0,1fr) 250px}.prompt-studio{grid-template-columns:155px minmax(0,1fr);min-height:360px}.prompt-studio>section{display:grid;grid-template-columns:minmax(0,1fr) 130px;grid-gap:14px;gap:14px}.prompt-studio>section:after{content:"Copy\A Regenerate\A Saved automatically";white-space:pre;align-self:start;border:1px solid #e4ebf5;border-radius:10px;padding:14px;color:#2476b8;line-height:3;background:#f8fbff;font-size:11px}@media(max-width:1000px){.reference-links>div a{padding:6px 9px}.reference-featurebar>a{padding:16px 12px}.reference-featurebar small{display:none}.reference-workflow{overflow-x:auto}.reference-workflow>div{min-width:760px}.reference-hero{background-position:57%}.blueprint{grid-template-columns:140px minmax(0,1fr)}.blueprint-info{grid-column:1/-1}}@media(max-width:850px){.reference-landing{padding:0}.reference-nav{top:0;left:0;right:0;padding:0 18px;background:rgba(255,255,255,.9);border-bottom:1px solid #e3ebf3}.reference-hero{height:760px;border-radius:0;min-height:0;background-image:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.88) 38%,rgba(255,255,255,.05) 62%),url(/images/kanin-command-room-hero.png);background-position:60%}.reference-hero .hero-copy{left:23px;right:23px;top:112px;transform:none}.reference-hero h1{font-size:46px}.reference-featurebar{grid-template-columns:1fr 1fr;margin-top:-1px}.reference-featurebar>a:nth-child(2){border-right:0}.reference-featurebar>a:nth-child(-n+2){border-bottom:1px solid #e5edf5}.reference-workflow{max-width:calc(100% - 24px);margin-top:12px}.main{margin-left:0;padding:20px}.side{display:none}}@media(max-width:520px){.reference-hero{height:690px;background-size:auto 100%;background-position:58% bottom}.reference-hero .hero-copy{top:96px}.reference-hero h1{font-size:42px;letter-spacing:-2.3px}.reference-hero p br{display:none}.reference-featurebar{grid-template-columns:1fr}.reference-featurebar>a{border-right:0;border-bottom:1px solid #e5edf5!important}.reference-workflow article{min-width:105px}.reference-featurebar small{display:block}.project{min-height:230px}.project:before{height:105px}.prompt-studio,.prompt-studio>section,.storyboard-workspace,.studio-layout{grid-template-columns:1fr}.prompt-studio>section:after{display:none}}.public-page{padding-top:1px}.public-page-nav{background:rgba(248,251,255,.88);border-bottom:1px solid rgba(220,231,241,.85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.public-hero{max-width:1280px;margin:105px auto 0;padding:85px 56px 72px;border:1px solid #dce8f3;border-radius:28px;background:radial-gradient(circle at 86% 15%,rgba(52,190,255,.22),transparent 28%),linear-gradient(145deg,#fff,#edf8ff);box-shadow:0 22px 58px rgba(50,92,135,.1)}.public-hero .eyebrow{display:inline-flex;padding:6px 11px;border:1px solid #cbe9fb;border-radius:99px;background:#f2fbff;color:#078ef0;font:700 10px DM Sans;letter-spacing:1px}.public-hero h1{max-width:790px;margin:18px 0 16px;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-3px;color:#0b1736}.public-hero p{max-width:720px;margin:0;color:#536a82;font-size:17px;line-height:1.8}.public-section{max-width:1280px;margin:auto;padding:72px 28px}.public-section-heading{text-align:center;max-width:720px;margin:0 auto 34px}.public-section-heading h2{margin:9px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.3;letter-spacing:-1.3px}.public-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px;align-items:stretch}.public-price-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:28px;border:1px solid #dce7f1;background:#fff;box-shadow:0 14px 36px rgba(45,84,122,.07)}.public-price-card.recommended{border-color:#66bdf7;box-shadow:0 20px 45px rgba(22,135,249,.16);transform:translateY(-7px)}.recommended-label{position:absolute;right:18px;top:18px;padding:5px 10px;border-radius:99px;background:#e9f7ff;color:#087ee8;font-size:11px;font-weight:700}.price-card-head h3{margin:8px 0 14px;font:700 24px DM Sans}.public-price{min-height:60px;display:flex;align-items:flex-end;gap:8px}.public-price strong{font:700 38px DM Sans;letter-spacing:-1.7px;color:#0b1736}.public-price span{padding-bottom:7px;color:#718399;font-size:12px}.credit-line{margin:12px 0 0;color:#536a82}.credit-line b{color:#078ef0;font-size:18px}.public-price-card ul{list-style:none;margin:25px 0;padding:22px 0;border-top:1px solid #e7eef5;display:grid;grid-gap:12px;gap:12px;flex:1 1}.public-price-card li{position:relative;padding-left:23px;color:#52667b}.public-price-card li:before{content:"✓";position:absolute;left:0;color:#0b9df2;font-weight:700}.public-price-card .btn{margin-top:auto;text-align:center}.pricing-note{text-align:center;color:#7b8da0;font-size:12px;margin:25px 0 0}.workflow-page-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.workflow-page-grid article{display:flex;gap:18px;min-height:155px;padding:23px;border:1px solid #dfe9f2;border-radius:18px;background:#fff;box-shadow:0 11px 28px rgba(51,88,125,.06)}.workflow-page-grid article>span{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#edf8ff;color:#078ef0;font:700 12px DM Mono}.workflow-page-grid h3{margin:2px 0 7px;font-size:16px}.about-grid p,.workflow-page-grid p{margin:0;color:#64778b;line-height:1.75}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.about-grid article{padding:30px;border:1px solid #dfe9f2;border-radius:20px;background:#fff;box-shadow:0 11px 28px rgba(51,88,125,.06)}.about-grid .about-featured{grid-column:1/-1;padding:42px;background:linear-gradient(135deg,#fff,#f1f9ff)}.about-grid h2{margin:9px 0 10px;font-size:22px}.contact-card{background:#0b1736!important;color:#fff}.contact-card h2{color:#fff}.contact-card p{color:#b8c8da}.contact-card>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.contact-card>div span{color:#95aac0}@media(max-width:850px){.public-page-nav{position:fixed}.public-hero{margin-top:64px;border-radius:0;padding:70px 24px 58px}.public-section{padding:55px 18px}.about-grid,.public-price-grid,.workflow-page-grid{grid-template-columns:1fr 1fr}.public-price-card.recommended{transform:none}.about-grid .about-featured{grid-column:1/-1}}@media(max-width:520px){.public-hero{padding:58px 20px 48px}.public-hero h1{font-size:38px;letter-spacing:-2px}.public-hero p{font-size:15px}.about-grid,.public-price-grid,.workflow-page-grid{grid-template-columns:1fr}.public-price-card{min-height:0;padding:24px}.workflow-page-grid article{min-height:0}.about-grid .about-featured{grid-column:auto;padding:28px}.contact-card>div{align-items:flex-start;flex-direction:column;gap:2px}.public-section-heading{text-align:left}.footer{padding-left:20px;padding-right:20px}}@media(min-width:851px){.reference-nav{left:50%;right:auto;width:calc(100% - 64px);max-width:1240px;height:64px;transform:translateX(-50%)}.public-price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.public-page{font-size:16px}.reference-hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.09;letter-spacing:-.02em}.public-hero{width:calc(100% - 64px);max-width:1240px;margin-top:96px;padding:76px 48px 70px}.public-hero h1{max-width:850px;margin:18px 0 22px;font-size:clamp(42px,4.5vw,64px);line-height:1.09;letter-spacing:-.02em}.public-hero p{max-width:740px;font-size:18px;line-height:1.65}.public-section{max-width:1240px;padding:80px 32px}.public-section-heading{margin-bottom:32px}.public-section-heading h2{font-size:clamp(32px,3vw,40px);line-height:1.25;letter-spacing:-.02em}.public-price-grid{gap:20px}.public-price-card{min-width:0;min-height:490px;padding:30px;border-color:#e8edf5;border-radius:22px;box-shadow:0 10px 28px rgba(45,84,122,.055)}.public-price-card.recommended{transform:translateY(-4px);box-shadow:0 14px 34px rgba(22,135,249,.12)}.price-card-head h3{font-size:22px}.public-price strong{font-size:34px}.public-price-card ul{margin:22px 0;padding:20px 0;gap:11px}.public-price-card li{font-size:13px;line-height:1.65}.workflow-page-grid{gap:24px}.workflow-page-grid article{min-height:148px;padding:26px;border-color:#e8edf5;border-radius:22px;box-shadow:0 9px 24px rgba(51,88,125,.05)}.workflow-page-grid article>span{flex-basis:42px;width:42px;height:42px}.about-grid{gap:28px}.about-grid article{padding:32px;border-color:#e8edf5;border-radius:22px;box-shadow:0 9px 24px rgba(51,88,125,.05)}.about-grid .about-featured{width:min(100%,760px);justify-self:center;padding:32px}@media(max-width:1120px) and (min-width:641px){.public-price-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:850px){.reference-nav{left:0;right:0;width:100%;max-width:none;height:64px;transform:none}.public-page{font-size:16px}.public-hero{width:100%;margin-top:64px;padding:64px 24px 60px}.public-hero h1{font-size:clamp(38px,7vw,52px);max-width:800px}.public-hero p{font-size:17px}.public-section{padding:72px 24px}.workflow-page-grid{gap:20px}.about-grid{gap:24px}}@media(max-width:640px){.public-hero{padding:56px 20px}.public-hero h1{font-size:clamp(34px,10vw,42px);line-height:1.1;margin-bottom:20px}.public-hero p{font-size:16px;line-height:1.65}.public-section{padding:64px 20px}.public-section-heading h2{font-size:32px}.about-grid,.public-price-grid,.workflow-page-grid{grid-template-columns:1fr;gap:18px}.public-price-card{min-width:0;min-height:0;padding:28px}.public-price-card.recommended{transform:none}.workflow-page-grid article{min-height:0;padding:24px}.about-grid .about-featured{grid-column:auto;width:100%;padding:28px}}.recent-projects{margin-top:28px}.recent-projects .dashboard-section{margin-top:0}.text-link{color:#087cff;font-size:12px}.recent-projects .project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recent-projects .project{position:relative;min-height:255px}.recent-projects .project-cover-link{position:absolute;inset:0;z-index:2;border-radius:13px}.recent-projects .project-cover-link:focus-visible{outline:3px solid rgba(8,124,255,.3)}.recent-projects .project .badge,.recent-projects .project .progress,.recent-projects .project h3,.recent-projects .project p,.recent-projects .project small{position:relative;z-index:3;pointer-events:none}.quick-section{margin-top:27px}.quick-grid .card{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:15px}.quick-grid .card b{font-size:12px}.quick-grid .card span,.stat small{font-size:10px}.stat small{color:#8b99aa}@media(max-width:1180px){.recent-projects .project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.recent-projects .project-grid{grid-template-columns:1fr}.quick-grid .card{min-height:68px}}@media(max-width:850px){.reference-nav .reference-links{display:none}.reference-nav .hamburger{display:block;margin-left:auto;padding:9px 12px}.reference-nav>.brand{width:auto}.landing-drawer{top:64px}.landing-drawer .btn{width:100%}}.auth-approved-room{isolation:isolate;background-color:#edf7ff;background-image:linear-gradient(180deg,rgba(255,255,255,.04) 38%,rgba(243,249,255,.28) 66%,rgba(247,251,255,.96)),url(/images/kanin-command-room-hero.png);background-size:cover;background-position:58%;box-shadow:inset -24px 0 45px rgba(225,239,250,.55)}.auth-approved-room:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,.26) 32%,transparent 62%),linear-gradient(180deg,transparent 62%,rgba(255,255,255,.7));pointer-events:none}.auth-approved-room>.auth-room-copy,.auth-approved-room>.brand{position:relative;z-index:1;text-shadow:0 1px 12px rgba(255,255,255,.95)}.auth-approved-room>.auth-room-copy{width:min(520px,88%);padding:22px;border:1px solid rgba(203,226,246,.74);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 18px 44px rgba(35,101,155,.12);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}@media(max-width:850px){.auth-approved-room{background-position:56% 48%;min-height:360px}.auth-approved-room>.auth-room-copy{padding:16px;width:min(480px,82%)}}@media(max-width:520px){.auth-approved-room{min-height:270px;background-position:55%}.auth-approved-room>.auth-room-copy{padding:13px;width:90%}.auth-approved-room>.auth-room-copy h1{font-size:28px;margin:7px 0}.auth-approved-room>.auth-room-copy p{display:none}}.prompt-studio>.prompt-scenes{display:flex;flex-direction:column;width:100%;min-width:0;gap:30px}.video-generation-toggle{margin-top:12px;border:1px solid #b9d9ff;border-radius:10px;background:#f5faff;color:#066dd1;font-weight:800;padding:9px 12px;cursor:pointer}.video-generation-panel{margin-top:12px;padding:14px;border:1px solid #cfe4fb;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#f3f9ff);min-width:0}.video-generation-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;margin:12px 0}.video-generation-facts span{display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid #e1edf9;border-radius:10px;background:#fff;min-width:0}.video-generation-facts small{color:#667085}.video-generation-facts b{overflow-wrap:anywhere}.video-progress{position:relative;height:30px;border:1px solid #cfe4fb;border-radius:10px;background:#fff;overflow:hidden;margin:10px 0}.video-progress i{position:absolute;inset:0 auto 0 0;background:#c7eaff}.video-progress span{position:relative;display:grid;place-items:center;height:100%;font-size:12px;font-weight:700}.shot-video-preview{display:block;width:100%;max-height:480px;border-radius:12px;background:#071323}.mock-video-notice{padding:10px;border:1px dashed #7cbcff;border-radius:10px;color:#315b7f;background:#fff}.video-actions{margin:10px 0}.video-history{margin:8px 0 0;padding-left:20px;color:#667085}.video-history li{margin:4px 0}@media(max-width:800px){.video-generation-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.video-generation-facts{grid-template-columns:1fr}.video-generation-panel{padding:10px}}.video-selector-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr);grid-gap:10px;gap:10px;margin-top:12px}.video-model-select{display:grid;grid-gap:6px;color:#475467;font-size:12px}.video-model-select select{width:100%;min-width:0;border:1px solid #cfe0f4;border-radius:10px;background:#fff;color:#0b1736;padding:10px}.provider-runtime{display:inline-flex;margin:10px 0 0;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.04em}.provider-runtime.real{color:#0871c9;background:#e9f6ff;border:1px solid #aadfff}.provider-runtime.mock{color:#715b00;background:#fff9df;border:1px solid #eee09b}.generation-confirm{margin-top:12px;border:1px solid #bcdcff}.generation-confirm strong{display:block;color:#0871c9;margin:8px 0}.whole-movie-inline{margin-top:12px}.model-default-actions{margin-top:8px}@media(max-width:700px){.video-selector-grid{grid-template-columns:1fr}}.prompt-studio>.prompt-scenes:after{content:none;display:none}.prompt-scene-group{display:block;width:100%;min-width:0}.prompt-scene-group>h3{margin:0 0 12px}.metadata-actions,.metadata-title,.scene-metadata-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scene-metadata-head{margin:0 0 12px}.scene-metadata-head h3{margin:0}.metadata-toggle{border:1px solid #cfe1f5;background:#f7fbff;color:#176eb4;border-radius:9px;padding:7px 11px;cursor:pointer}.metadata-editor{margin-top:14px;padding:14px;border:1px solid #dce9f7;border-radius:12px;background:#fbfdff;display:grid;grid-gap:12px;gap:12px}.metadata-editor label{display:grid;grid-gap:5px;gap:5px;color:#30435b;font-size:12px}.metadata-editor input,.metadata-editor textarea{width:100%;min-width:0;border:1px solid #d8e4f1;border-radius:8px;background:#fff;padding:9px;color:#0b1736}.metadata-editor textarea{min-height:72px;resize:vertical}.metadata-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.metadata-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-fieldset{border:1px solid #e1eaf4;border-radius:10px;padding:10px;min-width:0}.metadata-fieldset legend{padding:0 5px;color:#176eb4;font-size:11px;font-weight:700}.scene-metadata-editor{margin-bottom:14px}.metadata-actions{justify-content:flex-start}.prompt-shot-card{width:100%;min-width:0;overflow:hidden}.prompt-shot-card .code-panel{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.prompt-label-row,.prompt-shot-head,.prompt-toolbar,.prompt-toolbar>.row{gap:12px;flex-wrap:wrap}.prompt-shot-head .badge{flex:0 0 auto}.prompt-label-row .btn{margin-left:auto}@media (max-width:600px){.prompt-studio>.prompt-scenes{gap:22px}.prompt-shot-card{padding:13px}.prompt-label-row,.prompt-shot-head{align-items:flex-start}.prompt-toolbar>.row{width:100%}.prompt-toolbar>.row .btn{flex:1 1 150px}.metadata-grid,.metadata-grid.two{grid-template-columns:1fr}}.video-model-select{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:700}.estimator-controls select,.video-model-select select{width:100%;border:1px solid #d4e4f5;border-radius:10px;background:#fff;padding:10px;color:#0b1736}.model-default-actions{flex-wrap:wrap}.generation-confirm{margin:12px 0;padding:14px;border:1px solid #8dc7ff;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(20,113,210,.1)}.generation-confirm .row{margin-top:12px}.whole-movie-inline{margin-top:14px}.model-comparison>summary,.whole-movie-inline>summary{cursor:pointer;color:#0674dc;font-weight:800}.movie-cost-estimator{margin-top:12px;padding:16px;border:1px solid #d2e5f8;border-radius:14px;background:#fff}.movie-cost-estimator h3{margin:0}.movie-cost-estimator p{margin:5px 0;color:#667085}.estimator-controls{display:grid;grid-template-columns:2fr 1fr;grid-gap:10px;gap:10px;margin:14px 0}.estimator-controls label{display:flex;flex-direction:column;gap:5px;font-weight:700}.estimate-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.estimate-summary span{display:flex;flex-direction:column;padding:10px;border:1px solid #e4edf7;border-radius:10px}.estimate-summary small{color:#667085}.credit-warning{padding:10px!important;color:#a84300!important;background:#fff5e9;border:1px solid #ffd09b;border-radius:10px}.model-comparison{margin-top:14px}.comparison-table{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:7px;gap:7px;margin-top:10px;align-items:center}.comparison-row{display:contents}.comparison-row>span{padding:8px;border-top:1px solid #edf2f7;overflow-wrap:anywhere}.comparison-row small{display:block;color:#667085}@media(max-width:800px){.estimator-controls{grid-template-columns:1fr}.estimate-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-table{grid-template-columns:1fr}.comparison-table>b{display:none}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf2f7;padding:8px 0}.comparison-row>span{border:0;padding:3px}}@media(max-width:480px){.estimate-summary{grid-template-columns:1fr}}