:root{color:#203128;font-synthesis:none;background:#f6f7f2;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #dce1d6;justify-content:space-between;align-items:center;height:82px;padding:0 5%;display:flex}.wordmark{color:#203128;letter-spacing:-1.5px;font-size:30px;font-weight:700;text-decoration:none}.wordmark span{letter-spacing:0;color:#7c8579;font-size:16px;font-weight:400}.pill{letter-spacing:1px;border:1px solid #d2dac9;border-radius:100px;padding:8px 13px;font-size:11px}main{max-width:1500px;margin:auto;padding:48px 5% 20px}.intro{justify-content:space-between;align-items:center;gap:40px;margin-bottom:48px;display:flex}.eyebrow{letter-spacing:2px;color:#7a866d;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:17px 0;font-size:clamp(34px,4vw,55px);line-height:1.17}.intro p{color:#7c8579;font-size:14px}.notice{border-left:2px solid #a7b880;max-width:340px;padding:4px 20px;font-size:13px}.notice p{font-size:12px;line-height:1.8}.workspace{grid-template-columns:360px 1fr;align-items:start;gap:28px;display:grid}.editor{background:#fff;border:1px solid #e0e4d9;border-radius:16px;flex-direction:column;gap:19px;padding:24px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{margin:0;font-size:16px}.button{font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:600}.primary{color:#fff;background:#263d2b}.outline{color:#31452e;background:#fff;border:1px solid #d6ddce}.ghost{color:#6a795d;background:0 0;padding:7px}.button:hover{filter:brightness(.94)}label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}input,textarea,select{color:#263d2b;font:inherit;background:#fcfdf9;border:1px solid #dce1d6;border-radius:7px;width:100%;padding:11px}textarea{resize:vertical;min-height:74px;line-height:1.6}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #97ac76}input[type=color]{height:38px;padding:4px}input[type=range]{accent-color:#536d40;padding:0}small{color:#7f8879;font-size:10px;font-weight:400;line-height:1.6}.colors{gap:14px;display:flex}.colors label{flex:1}.upload{background:#f9faf5;border:1px dashed #ccd6bf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:170px;display:flex}.upload img{object-fit:contain;max-width:90%;height:130px}.upload-icon{color:#8c9f74;font-size:34px}fieldset{border:0;margin:0;padding:0}legend,summary{margin-bottom:12px;font-size:12px}.concepts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.concepts button{color:#5f6d55;cursor:pointer;background:#fff;border:1px solid #e0e4d9;border-radius:8px;padding:7px;font-size:10px}.concepts .chosen{border-color:#47613b;box-shadow:0 0 0 1px #47613b}.swatch{background:#e9edda;border-radius:4px;height:42px;margin-bottom:8px;display:block}.swatch.glow{background:radial-gradient(at 70% 40%,#fff,#d2dcc0)}.swatch.bold{background:linear-gradient(125deg,#d0dcbc 50%,#aabb8e 50%)}details label{margin:15px 0}.actions{gap:8px;display:flex}.actions .primary{flex:1}.results{padding:10px 5px}.results>.section-title h2{font-size:22px}.hint{color:#7e8777;margin:16px 0 22px;font-size:12px;line-height:1.7}.results>label{max-width:420px}.empty{color:#829173;text-align:center;border:1px dashed #d8dfce;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:460px;margin-top:24px;display:flex}.empty>span{font-size:50px;font-weight:400}.empty h3{color:#506343;font-size:20px}.empty p{font-size:13px;line-height:1.9}.empty>div{letter-spacing:2px;margin-top:30px;font-size:12px}.version-note{color:#818a79;margin:20px 0;font-size:11px}.variant h3{font-size:12px}.variant h3 span{color:#7a866e;overflow-wrap:anywhere;margin-top:8px;font-weight:400;display:block}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preview-grid article{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.canvas-wrap{background:repeating-conic-gradient(#e8ece2 0% 25%,#f4f6ef 0% 50%) 50%/12px 12px;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 16px #3042210a}canvas{width:100%;height:auto;display:block}.status{background:#e5ecd9;border:1px solid #d3dfc2;border-radius:10px;margin-top:30px;padding:14px 20px;font-size:12px;position:sticky;bottom:12px;box-shadow:0 3px 12px #2436190a}footer{color:#8c9485;justify-content:space-between;padding:30px 0 10px;font-size:11px;display:flex}.loading{padding:100px}@media (width<=1000px){.workspace{grid-template-columns:300px 1fr}.editor{padding:18px}.preview-grid{grid-template-columns:1fr 1fr}.intro{gap:20px}.notice{max-width:280px}}@media (width<=720px){header{height:68px;padding:0 6%}.pill{font-size:9px}.intro{display:block}.notice{max-width:none;margin-top:26px}.workspace{display:block}.results{margin-top:32px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-grid .button{padding:9px;font-size:10px}.preview-grid small{font-size:9px}main{padding:30px 6%}footer span{display:none}}.logo-upload{border:1px solid var(--line,#d9ddd3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.logo-upload label,.logo-upload small{width:100%}.logo-upload img{object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/12px 12px;width:100px;height:60px}.service-status{border:1px solid #d6ddce;border-radius:10px;margin-bottom:28px;padding:14px 18px;font-size:12px}.login-panel{background:#fff;border:1px solid #dce1d6;border-radius:14px;max-width:430px;padding:28px}.login-panel p{color:#7a866d;font-size:12px;line-height:1.8}.login-panel form{gap:16px;display:grid}.tabs{gap:12px;margin-bottom:28px;display:flex}.new-project{align-items:end;gap:14px;max-width:500px;display:flex}.new-project label{flex:1}.project-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0;display:grid}.project-card{text-align:left;color:#263d2b;cursor:pointer;background:#fff;border:1px solid #dce1d6;border-radius:12px;flex-direction:column;gap:18px;padding:24px;display:flex}.project-card span{font-size:12px}.asset-preview{object-fit:contain;background:#f0f3e9;width:100%;height:140px}.concept-preview{object-fit:contain;max-width:100%;max-height:280px}.job-list{margin:20px 0}.job-list article{border:1px solid #d6ddce;border-radius:10px;flex-direction:column;gap:12px;margin:12px 0;padding:18px;display:flex}.header-actions{align-items:center;gap:12px;font-size:12px;display:flex}.header-actions a{color:#6a795d}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#efefea;--line:#303234;--accent:#d9ff59;background:#101112}body{color:#efefea;background:#101112}header{border-color:#303234;height:76px;padding:0 4%}.wordmark{color:#f5f5ef;letter-spacing:-1.8px;font-size:29px}.wordmark span{color:#9c9f9d;margin-left:7px;font-size:12px}main{max-width:1380px;padding:40px 4% 24px}h1{letter-spacing:-4px;font-size:clamp(48px,6vw,84px);font-weight:750;line-height:1.04}h1 span{color:var(--accent)}h2{letter-spacing:-.6px;font-size:20px}p{line-height:1.7}.eyebrow{color:#b5b9b4;letter-spacing:2.2px;font-size:10px}.intro p,.hint{color:#a5aaa5}.button{border-radius:4px;min-height:44px;padding:12px 18px;font-size:13px;transition:background .18s,transform .18s}.button.primary{background:var(--accent);color:#141711}.button.outline{color:#eceee8;background:0 0;border:1px solid #4e5350}.button.ghost{color:#b8bdb8;background:0 0}.button:hover:not(:disabled){filter:none;transform:translateY(-1px)}.button.primary:hover:not(:disabled){background:#e4ff8b}.button:disabled{opacity:.42;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{color:#f1f2ec;background:#161819;border-color:#414644;border-radius:4px;min-height:44px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8e948e}label{color:#c0c6bf;font-size:12px}input[type=range]{accent-color:var(--accent)}input[type=color]{padding:4px}main:has(.login-panel){grid-template-columns:1.25fr .75fr;align-items:center;gap:30px 80px;min-height:calc(100vh - 76px);display:grid}.login-intro{margin:0}.login-panel{background:0 0;border:0;border-top:1px solid #555b56;border-radius:0;justify-self:end;width:100%;max-width:390px;padding:28px 0}.login-panel h2{margin-top:0;font-size:25px}.login-panel p{color:#9da49d}.login-panel form{gap:20px;margin-top:26px}main:has(.login-panel)>.status{grid-column:1/-1}main:has(.login-panel)>footer{grid-column:1/-1}.project-home{grid-template-columns:1fr 1fr;align-items:center;gap:24px 70px;display:grid}.start-heading{padding:25px 0 40px}.start-heading p{color:#a8aea7}.upload-start{cursor:pointer;color:#c5cdbd;background:#191d17;border:1px dashed #5c6554;border-radius:8px;justify-content:center;align-items:center;gap:13px;min-height:300px;position:relative;overflow:hidden}.upload-start:hover,.upload-start:focus-within{border-color:var(--accent);background:#20251a}.upload-start strong{color:#f4f8e9;font-size:21px}.upload-start span:last-of-type{font-size:11px;font-weight:400}.upload-mark{color:var(--accent);margin-bottom:10px;font-size:52px;font-weight:400;line-height:1}.upload-start input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.library-heading{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:28px;padding-top:30px;display:flex}.library-heading span{color:#929990;font-size:12px}.project-grid{grid-column:1/-1;gap:12px;width:100%;margin:0}.project-home>p{color:#90988f;grid-column:1/-1;font-size:13px}.project-card{color:#eef1e9;background:#17191a;border:1px solid #353a36;border-radius:5px;gap:12px;min-height:150px;padding:23px}.project-card:hover{border-color:#839465}.project-card small{color:#a2aa9e}.project-card span{color:#d9ff59}.studio-topline{border-bottom:1px solid var(--line);align-items:center;gap:20px;margin:0 0 30px;padding-bottom:20px;display:flex}.project-title{color:#afb8ab;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;overflow:hidden}.step-strip{color:#858d83;gap:24px;margin:0 auto;padding:0;font-size:12px;list-style:none;display:flex}.step-strip [data-active=true]{color:var(--accent)}.focused-workspace{grid-template-columns:280px minmax(0,1fr);gap:44px}.editor{background:0 0;border:0;border-radius:0;gap:18px;padding:0}.editor h2{margin:0 0 6px}.editor details{border-bottom:1px solid var(--line);width:100%;padding:0 0 16px}summary{cursor:pointer;color:#dee3d9;min-height:40px;padding:10px 0;font-size:13px}summary span{float:right;color:#9ba694;font-size:10px}.detail-fields{gap:18px;padding-top:12px;display:grid}.editor details>label{margin-top:12px}.asset-preview{background:#202421;border:1px solid #343b34;border-radius:5px;height:160px}.canvas-heading h2{margin:8px 0 18px;font-size:clamp(25px,3vw,40px)}.canvas-heading .eyebrow{margin:0}.product-stage{background:#202322;border:1px solid #353c36;border-radius:7px;justify-content:center;align-items:center;height:clamp(300px,40vw,470px);min-height:330px;margin-bottom:24px;display:flex;position:relative}.product-stage>span{color:#a9b3a5;font-size:10px;position:absolute;top:18px;left:20px}.product-stage>img{object-fit:contain;max-width:83%;max-height:78%}.concept-controls{gap:16px;display:grid}.concept-controls>.hint{margin:0;font-size:12px}.concept-controls>.button{justify-self:start;min-width:180px}.job-list:empty{display:none}.job-list article{background:#191e18;border-color:#3e493a;border-radius:5px}.job-list small{color:#b6c0ad}.concept-preview{width:100%;max-height:490px}.approval-actions{justify-content:space-between;align-items:center;gap:15px;margin:24px 0;display:flex}.history-details{border-bottom:1px solid var(--line);max-width:350px;margin:20px 0}.variant{margin:28px 0}.preview-grid{gap:20px}.preview-grid article{min-width:0}.preview-grid canvas{border-radius:5px}.preview-grid small{color:#a6b09e}.empty{color:#a5b09e;background:#1a1e1a;border-color:#364030}.status{border:0;border-top:1px solid var(--line);color:#b9c5b0;min-height:40px;box-shadow:none;background:0 0;border-radius:0;margin-top:30px;padding:12px 0;position:static}footer{color:#8a9384;padding:10px 0}.notice,.pill{color:#c4cfbc;background:#1c2218;border-color:#46523b}.notice strong{color:#e6eddd}.notice p{color:#a5b09b}.logo-upload{border-color:#41483a}dialog.generation-dialog{color:#eef3e5;background:#1b2118;border:1px solid #535f49;border-radius:8px;width:calc(100% - 40px);max-width:460px;padding:28px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000b}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}@media (width<=900px){main:has(.login-panel){gap:35px}.focused-workspace{grid-template-columns:240px minmax(0,1fr);gap:25px}.project-home{gap:30px}.step-strip{gap:13px}}@media (width<=720px){header{height:65px;padding:0 6%}main{padding:28px 6% 20px}h1{letter-spacing:-2.7px;font-size:48px}main:has(.login-panel){min-height:calc(100vh - 65px);display:block}.login-intro{margin:25px 0 40px}.login-panel{max-width:none}.project-home{display:block}.start-heading{padding:10px 0 20px}.upload-start{min-height:230px}.library-heading{margin-top:35px;padding-top:20px}.project-grid{grid-template-columns:1fr;margin-top:15px}.studio-topline{flex-wrap:wrap;gap:12px}.project-title{width:100%;max-width:none}.step-strip{gap:14px;margin:0 auto 0 0;font-size:11px}.focused-workspace{flex-direction:column;gap:30px;display:flex}.focused-workspace .results{order:0;width:100%;margin:0}.focused-workspace .editor{order:1;width:100%}.focused-workspace.is-adjusting .editor{order:0}.focused-workspace.is-adjusting .results{order:1}.product-stage{height:320px;min-height:280px}.approval-actions{flex-direction:column-reverse;align-items:stretch}.preview-grid{grid-template-columns:1fr;gap:28px}.preview-grid .button{min-height:44px;padding:12px 18px;font-size:13px}.section-title{flex-wrap:wrap;align-items:start}.header-actions{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.detail-fields label{margin:0}@media (width<=720px){.login-intro h1{letter-spacing:-2px;font-size:40px}}dialog.generation-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow-y:auto}@media (width<=720px){input,textarea,select{font-size:16px}summary{min-height:44px}header{height:calc(65px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(6%, env(safe-area-inset-left,0px));padding-right:max(6%, env(safe-area-inset-right,0px))}main{padding-left:max(6%, env(safe-area-inset-left,0px));padding-right:max(6%, env(safe-area-inset-right,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.dialog-actions{flex-wrap:wrap}}.product-init,.product-detail{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);align-items:start;gap:42px;margin:30px 0;display:grid}.product-core-fields{gap:20px;display:grid}.product-core-fields textarea{min-height:96px}.product-core-fields .button{justify-self:start}.product-image-field>img,.init-preview{object-fit:contain;background:#202322;border-radius:6px;width:100%;max-height:380px;margin-top:16px}.product-library h1{letter-spacing:-2.3px;overflow-wrap:anywhere;font-size:clamp(32px,4vw,58px)}.product-library .section-title{align-items:center}.product-grid{margin-top:25px}.product-grid img{object-fit:contain;background:#202322;width:100%;height:160px}.product-library .product-stage{height:430px}.ad-type-options{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:24px 0;padding:0;display:grid}.ad-type-options legend{margin-bottom:14px;font-size:14px}.ad-type-options label{cursor:pointer;border:1px solid #454c3f;border-radius:5px;flex-direction:row;align-items:center;gap:7px;min-height:60px;padding:14px 8px;font-size:12px}.ad-type-options input{width:16px;height:20px;min-height:20px;accent-color:var(--accent)}.ad-type-options [data-selected=true]{border-color:var(--accent);color:#e5ffae;background:#222a19}.context-line strong{color:#c4ccba;font-size:12px}.context-line p,.ad-context p{color:#a8b09f;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.form-feedback{border-top:1px solid var(--line);color:#d0dcbf;padding-top:16px;font-size:13px}@media (width<=720px){.product-init,.product-detail{grid-template-columns:1fr;gap:24px}.product-library h1{letter-spacing:-1.5px;font-size:36px}.product-library .section-title{flex-wrap:wrap}.product-library .product-stage{height:280px;min-height:250px}.ad-type-options{gap:6px}.ad-type-options label{min-height:60px;padding:10px 5px;font-size:11px}.product-core-fields .button{white-space:normal;width:100%}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (width<=720px){.product-grid{grid-template-columns:1fr}}.product-summary{border-block:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:24px;margin:24px 0;padding:24px 0;display:grid}.product-summary>img{object-fit:contain;background:#202322;border-radius:5px;width:150px;height:150px}.product-summary h1{letter-spacing:-1px;margin:0 0 12px;font-size:28px}.product-summary p{color:#b9c4af;white-space:pre-wrap;font-size:13px}.ad-source-summary{background:#181c18;gap:24px;margin:24px 0;padding:20px;display:flex}.ad-source-summary>img{object-fit:contain;width:140px;height:170px}.ad-source-summary>div{flex:1;min-width:0}.ad-source-summary p{color:#b5c0ac;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.ad-brief-form{gap:20px;max-width:700px;display:grid}.ad-brief-form textarea{min-height:120px}.ad-brief-form>.button{justify-self:start}.ad-copy-fields{gap:16px;display:grid}.ad-copy-fields h3{margin:0;font-size:15px}.ad-page-caption{color:#bac7ad;margin-right:auto;font-size:12px}@media (width<=720px){.product-summary{grid-template-columns:88px minmax(0,1fr);gap:16px}.product-summary>img{width:88px;height:110px}.product-summary>.button{grid-column:1/-1}.ad-source-summary{gap:15px;padding:15px}.ad-source-summary>img{width:80px;height:110px}.ad-brief-form>.button{white-space:normal;width:100%}}@media (width<=430px){.wordmark span{display:none}}