:root{--bg:#101010;--panel:#191919;--line:#303030;--muted:#a4a4a0;--white:#f4f2ed;--accent:#197160;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 var(--font)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{transition:background .2s,transform .2s,color .2s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;line-height:1.12}button{color:inherit}button:disabled{cursor:wait;opacity:.5}.wrap{max-width:1320px;margin:auto;padding:0 48px}.logo{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.4px;display:inline-flex;gap:10px;align-items:center}.logo .mark{width:28px;height:28px;color:var(--accent)}.logo small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted);align-self:end;margin-bottom:6px}.topnav{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.navlinks,.nav-actions{display:flex;align-items:center;gap:32px;font-size:14px}.navlinks a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:7px;padding:13px 22px;border:1px solid var(--line);background:#222;font-size:14px;font-weight:600;white-space:nowrap}.btn:hover{background:#333;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#17100d}.btn.primary:hover{background:#238974}.btn.light{background:var(--white);color:#151515}.btn.ghost{background:transparent}.arrow{font-size:19px;line-height:1}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--accent);border-radius:50%}.hero{padding:75px 0 45px;text-align:center;position:relative}.hero .eyebrow{justify-content:center}.hero h1{font-size:clamp(48px,6.4vw,90px);letter-spacing:-5px;line-height:1.03;margin:23px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{color:var(--muted);max-width:540px;margin:0 auto;font-size:17px;line-height:1.7}.hero-cta{display:flex;gap:12px;justify-content:center;margin:28px 0 19px}.fine{font-size:12px;color:#777}.showcase{position:relative;display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:15px;margin:10px auto 0;height:340px;max-width:1380px;padding:0 25px}.shot{background:#232323;position:relative;overflow:hidden;border-radius:10px}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.shot:hover img{transform:scale(1.035)}.shot:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000a)}.shot:first-child{margin-top:30px}.shot:last-child{margin-top:30px}.shot-label{position:absolute;z-index:1;bottom:22px;left:23px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.shot-label strong{display:block;font-family:Manrope;font-size:24px;letter-spacing:-.8px;text-transform:none;margin-top:4px}.shot .tag{position:absolute;z-index:1;top:17px;left:18px;background:#ffffff20;backdrop-filter:blur(12px);border:1px solid #ffffff30;padding:5px 10px;border-radius:30px;font-size:11px}.shot .play{position:absolute;z-index:2;bottom:24px;right:22px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff66;background:#ffffff20}.under-showcase{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:22px auto 0;padding:0 24px;font-size:12px;color:#858580}.under-showcase span:first-child{letter-spacing:1px}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2.3px;margin-top:18px}.section-head p{max-width:390px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);border-radius:10px;padding:30px;background:#161616}.feature .number{color:var(--accent);font-size:13px;letter-spacing:1px}.feature h3{font-size:23px;letter-spacing:-.6px;margin:42px 0 15px}.feature p{color:var(--muted);font-size:15px}.feature code{display:block;padding:16px;border:1px solid #3b3b3b;border-radius:7px;margin-top:28px;font:13px var(--font);color:#c8c8c3;background:#1d1d1d}.cta-band{background:var(--accent);color:#f4f2ed;padding:65px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px}.cta-band h2{font-size:48px;letter-spacing:-2px;max-width:600px}.cta-band p{margin-top:15px;color:#b0d3c7}.footer{padding:28px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.footer .logo{color:var(--white);font-size:23px}.footer div{display:flex;gap:22px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:13px 22px;z-index:90;background:#f4f2ed;color:#151515;border-radius:8px;box-shadow:0 8px 30px #0008;font-size:14px}.mobile-only{display:none}@media(max-width:800px){.wrap{padding:0 24px}.topnav{height:80px}.navlinks{display:none}.nav-actions{gap:12px}.nav-actions>a:first-child{display:none}.hero{padding:58px 0 30px}.hero h1{letter-spacing:-3px}.hero p{font-size:16px}.showcase{height:290px;grid-template-columns:1fr 1.4fr;padding:0 15px;gap:10px}.shot:last-child{display:none}.shot-label{left:15px}.shot-label strong{font-size:20px}.section{padding:75px 0}.section-head{display:block}.section-head p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature h3{margin-top:25px}.cta-band{padding:32px;display:block}.cta-band h2{font-size:35px}.cta-band .btn{margin-top:25px}.footer{flex-wrap:wrap;gap:18px}.under-showcase span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#131313}.sidebar .logo{padding:0 10px}.workspace{margin:35px 0 24px;padding:12px;background:#202020;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;font-size:13px}.avatar{background:#232c29;color:#8fbaa9;width:32px;height:32px;border-radius:7px;display:grid;place-items:center;font-weight:700}.workspace span small{display:block;color:#858580;font-size:11px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;font-size:14px;color:#aaa;border-radius:7px}.side-nav a:hover{background:#242424;color:#eee}.side-nav a.active{background:#19716016;color:#62b7a3}.icon{width:19px;height:19px;display:inline-block;flex:none;vertical-align:middle}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:#888}.sidebar-bottom p{margin:12px 0 18px}.sidebar-bottom>a{font-size:13px}.app-main{min-width:0}.app-top{height:78px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.app-top .crumb{color:#777}.preview-pill{font-size:12px;border:1px solid #3b3b3b;border-radius:5px;padding:5px 10px;color:#bbb}.app-content{max-width:1390px;margin:0 auto;padding:40px 44px 70px}.studio-welcome{padding:32px 0 30px;text-align:center}.studio-welcome .eyebrow{justify-content:center}.studio-welcome h1{font-size:44px;letter-spacing:-1.8px;margin:16px 0 13px}.studio-welcome p{color:var(--muted);font-size:15px}.studio-welcome h1 span{color:var(--accent)}.composer{max-width:790px;margin:0 auto;border:1px solid #45413e;border-radius:13px;background:#1a1a1a;box-shadow:0 12px 45px #0002;padding:21px}.composer textarea{resize:vertical;min-height:105px;max-height:300px;background:none;border:0;color:#eee;width:100%;outline:none;font-size:16px;line-height:1.7}.composer textarea::placeholder{color:#73736f}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #303030;padding-top:15px}.composer-options{display:flex;gap:8px}.select{background:#242424;color:#bcbcb8;border:1px solid #3b3b3b;border-radius:6px;padding:8px 10px;font-size:13px}.suggestions{display:flex;gap:8px;justify-content:center;margin:17px 0 14px;flex-wrap:wrap}.chip{background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 13px;color:#a6a6a1;font-size:12px}.chip:hover,.chip.active{background:#f4f2ed;color:#151515;border-color:#f4f2ed}.draft-note{text-align:center;color:#73736f;font-size:12px}.content-section{margin-top:51px}.row-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.row-title h2{font-size:21px;letter-spacing:-.5px}.text-link{font-size:13px;color:var(--muted)}.text-link:hover{color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.template-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#191919;display:block;text-align:left;width:100%;padding:0}.template-image{height:215px;position:relative;overflow:hidden}.template-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.template-card:hover img{transform:scale(1.04)}.template-image .tag{position:absolute;top:13px;left:13px;background:#0008;padding:4px 8px;border-radius:4px;font-size:11px;color:#eee}.image-title{position:absolute;bottom:17px;left:19px;right:16px;font:500 27px/1.05 Manrope;letter-spacing:-1px;color:white;text-shadow:0 2px 12px #000b}.template-meta{padding:16px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.template-meta strong{font-size:14px;font-weight:500;display:block}.template-meta small{font-size:12px;color:#777}.template-meta .arrow{color:#aaa}.recent-list{border:1px solid var(--line);border-radius:8px}.recent-row{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line)}.recent-row:last-child{border:0}.recent-row:hover{background:#1c1c1c}.recent-row img{width:61px;height:44px;object-fit:cover;border-radius:5px}.recent-row strong{font-size:14px;font-weight:500;display:block}.recent-row small{color:#7e7e79;font-size:12px}.recent-row .status{margin-left:auto}.status{font-size:11px;color:#c6c6bf;background:#292929;border:1px solid #373737;padding:4px 9px;border-radius:5px;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px}.page-heading h1{font-size:35px;letter-spacing:-1.5px}.page-heading p{margin-top:10px;color:var(--muted);font-size:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.filters{display:flex;gap:8px}.search{background:#191919;border:1px solid var(--line);padding:10px 14px;border-radius:7px;color:#eee;width:240px;font-size:14px}.empty{padding:60px;text-align:center;border:1px dashed #373737;border-radius:10px;color:var(--muted)}.empty h3{color:var(--white);margin-bottom:10px}.empty .btn{margin-top:20px}.agent-card{padding:25px;border:1px solid var(--line);background:#191919;border-radius:10px;display:flex;flex-direction:column;align-items:start}.agent-symbol{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#19716018;color:#62b7a3}.agent-card:nth-child(2n) .agent-symbol{color:#bdadff;background:#7965b21c}.agent-card:nth-child(3n) .agent-symbol{color:#99bcb4;background:#6f92841c}.agent-card h2{font-size:22px;margin:24px 0 12px}.agent-card p{color:#969690;font-size:14px;line-height:1.7;flex:1}.agent-card .btn{margin-top:25px;width:100%;justify-content:space-between;background:transparent}.agent-card .eyebrow{font-size:10px;margin-top:20px;letter-spacing:1px}.notice{padding:14px 18px;background:#1c1b19;border:1px solid #39352e;border-radius:7px;color:#a8a295;font-size:13px;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.panel{background:#191919;border:1px solid var(--line);border-radius:10px;padding:28px}.panel h2{font-size:21px;margin-bottom:25px}.field{margin-bottom:23px}.field label{display:block;font-size:14px;margin-bottom:8px;color:#c7c7c0}.field input:not([type=color]),.field textarea,.field select{width:100%;border:1px solid #3b3b3b;background:#202020;border-radius:6px;color:#eee;padding:11px 13px;font-size:14px}.field textarea{min-height:115px;resize:vertical}.field small{font-size:12px;color:#858580;display:block;margin-top:6px}.color-input{display:flex;align-items:center;gap:14px;color:#aaa;font-size:14px}.color-input input{width:48px;height:42px;border:0;padding:0;background:none}.brand-preview{height:320px;background:#197160;position:relative;overflow:hidden;border-radius:7px;padding:30px;color:#151515;display:flex;flex-direction:column;justify-content:space-between}.brand-preview strong{font:800 25px Manrope;letter-spacing:-1px}.brand-preview h3{font-size:44px;letter-spacing:-2px;max-width:280px}.brand-preview span{font-size:12px}.brand-preview .preview-label{align-self:flex-start;background:#ffffff40;padding:4px 9px;border-radius:4px}.asset-image{height:200px;object-fit:cover;width:100%;display:block}.asset-meta{padding:14px 17px}.asset-meta strong{display:block;font-size:14px;font-weight:500}.asset-meta small{color:#888;font-size:12px}.asset-card{border:1px solid var(--line);background:#191919;border-radius:9px;overflow:hidden}.asset-card button{border:0;background:transparent;color:#c6c6bf;padding:0;margin-top:8px;font-size:12px}.editor-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:25px}.preview-stage{height:435px;border-radius:10px;overflow:hidden;position:relative;background:#050505}.preview-stage img{width:100%;height:100%;object-fit:cover;opacity:.75}.preview-stage.portrait img{width:56%;display:block;margin:auto}.preview-stage.square img{width:80%;display:block;margin:auto}.preview-stage .scene-caption{position:absolute;bottom:45px;left:13%;right:13%;text-align:center;font:600 32px/1.2 Manrope;letter-spacing:-1px;text-shadow:0 2px 18px #000}.preview-stage .stage-label{position:absolute;top:15px;left:15px;background:#0008;border-radius:4px;padding:4px 9px;font-size:11px}.preview-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:13px;color:var(--muted)}.preview-controls button{border:1px solid var(--line);background:#222;border-radius:6px;padding:8px 13px}.scene-list{display:flex;flex-direction:column;gap:10px;margin:15px 0}.scene-item{display:flex;gap:13px;background:#1a1a1a;border:1px solid var(--line);border-radius:7px;padding:13px;text-align:left}.scene-item.active{border-color:var(--accent)}.scene-item img{width:60px;height:55px;object-fit:cover;border-radius:4px}.scene-item strong{font-size:13px;font-weight:500;display:block}.scene-item small{color:#82827d;font-size:12px}.scene-edit{margin-top:25px}.scene-edit textarea{min-height:90px}.editor-brief{color:#999;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.detail-label{font-size:12px;color:var(--accent);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.bottom-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:25px}.back{font-size:13px;color:#aaa;display:inline-block;margin-bottom:23px}.hidden{display:none!important}.asset-delete{float:right!important;color:#c7d4cd!important}.mobile-menu{display:none}.showcase img[src$="portrait.jpg"],.template-image img[src$="portrait.jpg"]{object-position:center 35%}
@media(min-width:1500px){.app-content{padding:48px 65px}.template-image{height:245px}}@media(max-width:1100px){.app-shell{grid-template-columns:200px 1fr}.sidebar{padding:25px 12px}.app-content{padding:30px 26px}.app-top{padding:0 26px}.template-image{height:170px}.image-title{font-size:22px}.editor-grid{grid-template-columns:1fr}.cards.agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.preview-stage{height:390px}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:240px;z-index:50;box-shadow:0 0 0 100vw #0009}.sidebar.open{display:flex}.mobile-menu{display:block;border:0;background:none;font-size:22px;padding:8px}.app-top{height:66px;padding:0 16px;gap:12px}.app-top .crumb{display:none}.app-top>span{margin-right:auto}.app-content{padding:25px 20px 55px}.studio-welcome{padding-top:20px}.studio-welcome h1{font-size:33px}.cards{grid-template-columns:1fr}.cards.agents-grid{grid-template-columns:1fr}.template-image{height:230px}.composer{padding:16px}.composer-foot{flex-wrap:wrap}.composer-foot>.btn{width:100%}.composer-options{width:100%}.composer-options .select{flex:1;min-width:0}.page-heading{align-items:start}.page-heading h1{font-size:29px}.page-heading>.btn{padding:9px 11px;font-size:12px}.toolbar{flex-wrap:wrap}.search{width:100%}.filters{flex-wrap:wrap}.preview-pill{font-size:10px}.recent-row{padding:12px}.recent-row .status{display:none}.panel{padding:20px}.preview-stage{height:340px}.preview-stage .scene-caption{font-size:24px}.editor-grid{display:block}.editor-grid>.panel{margin-top:24px}.bottom-actions{flex-wrap:wrap}.empty{padding:40px 20px}}
.page-heading>div{min-width:0}.page-heading h1,.brand-preview h3,.brand-preview strong{overflow-wrap:anywhere}.page-heading h1{max-width:740px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.row-title{align-items:start}.row-title h2{font-size:19px}.row-title .text-link{font-size:12px;max-width:115px;flex-shrink:0}.page-heading{flex-wrap:wrap}.hero-cta{flex-wrap:wrap}}

/* Black and charcoal surfaces, with deep teal replacing orange accents. */
.btn.primary{color:#f2f8f4}.hero h1 em,.studio-welcome h1 span{color:#29957f}.logo .mark{color:#258a73}.cta-band{background:#124b3d}.cta-band .btn.light{background:#f4f2ed;color:#151515}.brand-preview{background:#197160;color:#f4f2ed}.agent-symbol{color:#6bb39f;background:#1971601c}.agent-card:nth-child(2n) .agent-symbol{color:#718cad;background:#23426433}.agent-card:nth-child(3n) .agent-symbol{color:#71a894;background:#194e3933}
/* Rounded shadcn primitives and consistent surface radii. */
:root{--radius:1rem}.btn{border-radius:999px}.shot,.feature,.cta-band,.template-card,.agent-card,.asset-card,.panel,.preview-stage{border-radius:20px}.composer{border-radius:24px}.select,.search,.field input:not([type=color]),.field textarea,.field select,.scene-item,.recent-list,.workspace,.notice{border-radius:12px}.side-nav a{border-radius:12px}.preview-pill,.status,.template-image .tag{border-radius:999px}.hero{padding-top:55px;padding-bottom:35px}.hero h1{font-size:clamp(48px,6vw,82px);margin:18px 0}.hero>p{font-size:16px}.home-prompt{max-width:720px;margin:28px auto 0;text-align:left}.home-prompt-card{background:#191919;border:1px solid #353535;border-radius:26px;padding:14px;box-shadow:0 8px 32px #0002;transition:border-color .2s,box-shadow .2s}.home-prompt-card:focus-within{border-color:#326c5b;box-shadow:0 0 0 3px #19716020,0 8px 32px #0002}.home-prompt-input{display:block;width:100%;min-height:86px;max-height:240px;resize:vertical;border:0;background:transparent;color:var(--white);padding:12px 13px;font:16px/1.6 var(--font);box-shadow:none;outline:none}.home-prompt-input:focus-visible{outline:none;box-shadow:none}.home-prompt-input::placeholder{color:#85857f}.home-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 3px 2px 12px}.prompt-mode{display:flex;align-items:center;gap:8px;font-size:13px;color:#999c96}.prompt-mode svg{color:#5c9f8e}.home-prompt-submit{border:1px solid #2a7e69;background:#197160;color:#f2f8f4;padding:11px 20px;min-height:44px;font-size:14px;font-weight:600;gap:12px}.home-prompt-submit:hover{background:#238974}.home-prompt-suggestions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:17px}.home-prompt-suggestions>span{font-size:12px;color:#777b75;margin-right:3px}.home-idea{background:transparent;color:#b6b8b1;border:1px solid #303030;padding:7px 13px;min-height:32px;font:12px var(--font)}.home-idea:hover{background:#242424;color:#f4f2ed;border-color:#4a4a4a}.hero .prompt-hint{font-size:12px;color:#7d827a;text-align:center;margin:14px 0 0;max-width:none}.hero .prompt-error{font-size:13px;color:#e5aaa1;text-align:left;margin:12px;max-width:none}.showcase{height:320px;margin-top:0}.recent-list{overflow:hidden}@media(max-width:600px){.hero{padding-top:40px}.hero h1{letter-spacing:-2.8px}.home-prompt{margin-top:24px}.home-prompt-card{border-radius:22px;padding:11px}.home-prompt-input{min-height:108px;padding:10px 8px;font-size:16px}.home-prompt-footer{padding-left:8px;gap:8px}.home-prompt-submit{padding:10px 14px;font-size:13px;gap:8px}.prompt-mode{font-size:12px}.home-prompt-suggestions{gap:7px}.home-prompt-suggestions>span{width:100%;text-align:center;margin-bottom:2px}.showcase{height:275px}.hero .prompt-hint{padding:0 8px;line-height:1.6}.feature,.cta-band,.template-card,.agent-card,.panel{border-radius:18px}}