@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{color:#172033;font-synthesis:none;--blue:#2563eb;--blue-dark:#1d4ed8;--pale:#eff6ff;--muted:#6b768a;--border:#e5eaf2;--ink:#172033;background:#fff;font-family:Inter,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #93c5fd}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.15}p{line-height:1.7}em{color:var(--blue);font-style:normal}svg{vertical-align:middle;flex-shrink:0}input,textarea,select{max-width:100%;color:var(--ink)}button{background:0 0;border:0}input:not([type=color]),textarea,select{background:#fff;border:1px solid #dce3ee;border-radius:9px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#76a4ff;outline:none;box-shadow:0 0 0 3px #2563eb13}textarea{resize:vertical}::placeholder{color:#98a2b3}.button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 17px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button-primary,.button-dark{background:var(--blue);color:#fff;box-shadow:0 2px 4px #2563eb14}.button-primary:hover:not(:disabled),.button-dark:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.button-secondary,.button-google{background:#fff;border:1px solid #dce3ee}.button-secondary:hover,.button-google:hover{background:#f8faff}.button-large{border-radius:11px;padding:15px 22px;font-size:14px}.full-width{width:100%}.text-button{color:var(--blue);align-items:center;gap:7px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{text-decoration:underline}.icon-button{color:#718096;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-button:hover{color:var(--blue);background:#f0f4fa}.wordmark{letter-spacing:-1px;color:#142138;white-space:nowrap;align-items:center;gap:9px;font-size:24px;font-weight:750;display:inline-flex}.wordmark.compact{font-size:21px}.wordmark-light{font-weight:500}.brand-symbol{color:#fff;background:var(--blue);border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex;box-shadow:0 3px 7px #2563eb24}.brand-period{color:var(--blue)}.eyebrow{letter-spacing:1.8px;color:#71819c;font-size:10px;font-weight:700;line-height:1.5;display:block}.muted,.optional{color:var(--muted)}.optional{font-size:11px;font-weight:400}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{justify-content:center;align-items:center;display:inline-flex}.spinner>svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rotated{transform:rotate(180deg)}.mobile-only{display:none!important}.landing{overflow:hidden}.landing-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1280px;height:86px;margin:auto;padding:0 48px;display:flex}.landing-nav nav,.landing-nav-actions{align-items:center;gap:30px;display:flex}.landing-nav nav a{color:#738096;font-size:12px;font-weight:550}.landing-nav nav a:hover{color:var(--blue)}.landing-nav-actions{gap:24px}.signin-link{color:#49566e}.hero{grid-template-columns:1.06fr 1fr;align-items:center;gap:48px;max-width:1280px;min-height:670px;margin:auto;padding:96px 48px 100px;display:grid}.hero-kicker{letter-spacing:1.35px;color:#75849b;align-items:center;gap:9px;margin-bottom:25px;font-size:9px;font-weight:700;display:flex}.tiny-spark{color:var(--blue);background:var(--pale);border:1px solid #dbeafe;border-radius:50%;padding:7px;display:inline-flex}.hero h1{letter-spacing:-3px;font-size:clamp(42px,4.25vw,61px);font-weight:750;line-height:1.1}.hero-copy>p{color:#728096;max-width:445px;margin-top:25px;font-size:16px;line-height:1.85}.hero-actions{align-items:center;gap:25px;margin-top:32px;display:flex}.hero-secondary{color:#56647a;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.hero-footnote{color:#8c98aa;align-items:center;gap:22px;margin-top:27px;font-size:10px;display:flex}.hero-footnote>span{align-items:center;gap:6px;display:flex}.hero-visual{background:radial-gradient(#edf4ff 0%,#f7faff 60%,#fff 78%);border-radius:40px;height:390px;position:relative}.visual-caption{letter-spacing:1.65px;color:#8b9ebc;font-size:8px;font-weight:700;position:absolute;top:4px;left:35px}.visual-orbit{pointer-events:none;border:1px dashed #d7e5fa;border-radius:50%;position:absolute}.orbit-one{inset:20px 14px}.orbit-two{inset:63px 55px}.reference-tile,.creative-tile{background:#fff;border:1px solid #e0e8f2;border-radius:13px;position:absolute;overflow:hidden;box-shadow:0 18px 45px #29477712}.reference-tile{width:199px;top:59px;left:0;transform:rotate(-6deg)}.tile-topline{letter-spacing:.8px;color:#8390a3;align-items:center;gap:5px;padding:13px 12px;font-size:7px;font-weight:700;display:flex}.tile-topline>svg{margin-left:auto}.tiny-dot,.studio-dot{background:#a8b7cb;border-radius:50%;width:5px;height:5px}.studio-dot{background:#2563eb}.reference-art{color:#22487b;background:#dceaff;border-radius:6px;height:218px;margin:0 9px;position:relative;overflow:hidden}.art-caption{z-index:2;letter-spacing:-1px;font-size:22px;font-weight:650;line-height:1.1;position:absolute;top:17px;left:13px}.art-circle{background:#bfdbfe;border-radius:50%;width:155px;height:155px;position:absolute;bottom:-20px;right:-38px}.art-object{background:linear-gradient(90deg,#2563eb,#79a8ef);border-radius:10px 10px 16px 16px;width:53px;height:91px;position:absolute;bottom:26px;left:58px;transform:rotate(16deg);box-shadow:8px 14px 15px #1e40af21}.art-object>div{background:#1e4b8e;border-radius:6px 6px 2px 2px;width:31px;height:18px;position:absolute;top:-13px;left:11px}.art-object>span{background:#fff6;width:32px;height:2px;position:absolute;top:40px;left:11px}.art-pill{background:#fffa;border-radius:12px;align-items:center;gap:4px;padding:4px 7px;font-size:7px;display:flex;position:absolute;bottom:9px;left:9px}.tile-footer{color:#8b96a8;justify-content:space-between;align-items:center;padding:12px;font-size:7px;display:flex}.creative-tile{z-index:3;width:260px;top:85px;right:0;transform:rotate(3deg)}.creative-conversation{padding:6px 14px 13px}.mini-user-message{color:#44638e;background:#eff6ff;border:1px solid #e3edfc;border-radius:9px 9px 2px;margin-left:24px;padding:10px;font-size:9px;line-height:1.6}.mini-agent-message{gap:8px;padding:18px 0 13px;font-size:10px;font-weight:600;line-height:1.6;display:flex}.mini-agent-message p{color:#92a0b3;margin-top:4px;font-size:9px;font-weight:400}.mini-agent-avatar{color:var(--blue);background:#eff6ff;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.creative-plan{color:#8190a6;border:1px solid #edf1f8;border-radius:8px;gap:8px;padding:11px 12px;font-size:8px;display:grid}.creative-plan>span{align-items:center;gap:7px;display:flex}.creative-plan svg{color:var(--blue)}.step-circle{text-align:center;border:1px solid #cfdcee;border-radius:50%;width:12px;height:12px;font-size:7px}.mini-composer{color:#a2aabd;border:1px solid #e3e9f3;border-radius:8px;justify-content:space-between;align-items:center;margin:0 14px 13px;padding:9px 10px;font-size:8px;display:flex}.visual-arrow{color:var(--blue);z-index:5;background:#fff;border:1px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;display:flex;position:absolute;top:175px;left:42%;box-shadow:0 5px 12px #2563eb0e}.floating-note{color:#6886ad;background:#fff;border:1px solid #e1eaf8;border-radius:7px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;display:flex;position:absolute;bottom:9px;right:41px;transform:rotate(-3deg)}.landing-strip{border-block:1px solid var(--border);color:#9aa6b9;letter-spacing:1px;justify-content:center;align-items:center;gap:80px;padding:26px 48px;font-size:9px;display:flex}.landing-strip>span{font-size:8px;font-weight:700}.landing-strip>div{letter-spacing:0;color:#68788f;align-items:center;gap:24px;font-size:11px;display:flex}.landing-strip svg{color:#a8bcdc}.how-section{max-width:1184px;margin:auto;padding:95px 0}.section-heading{text-align:center}.section-heading h2,.brand-section h2{letter-spacing:-1.8px;margin-top:17px;font-size:39px;font-weight:650}.section-heading p{color:#8793a6;margin-top:18px;font-size:13px}.how-grid{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px;display:grid}.how-grid article{border:1px solid var(--border);background:#fff;border-radius:14px;padding:28px;position:relative}.step-number{color:#a6b2c6;font-size:11px;position:absolute;top:24px;right:23px}.how-icon{color:var(--blue);background:#eff6ff;border-radius:11px;justify-content:center;align-items:center;width:47px;height:47px;margin-bottom:22px;display:flex}.how-grid h3{letter-spacing:-.4px;margin-bottom:12px;font-size:17px}.how-grid p{color:#7e8b9f;font-size:12px;line-height:1.9}.brand-section{border-block:1px solid var(--border);background:#fbfdff;border-radius:16px;grid-template-columns:1fr 1fr;gap:85px;max-width:1184px;margin:auto;padding:75px 40px;display:grid}.brand-section>div>p{color:#7c8ba0;max-width:410px;margin:20px 0 24px;font-size:13px}.brand-feature-list{align-content:center;gap:27px;display:grid}.brand-feature-list>div{gap:17px;display:flex}.brand-feature-list>div>span{color:var(--blue);background:#fff;border:1px solid #dce8fb;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.brand-feature-list h3{letter-spacing:-.3px;margin:1px 0 7px;font-size:14px}.brand-feature-list p{color:#8291a7;font-size:12px}.landing-cta{text-align:center;padding:95px 24px}.landing-cta h2{letter-spacing:-2px;margin:20px 0 29px;font-size:46px}.landing-cta p{color:#9aa5b5;margin-top:20px;font-size:11px}.landing-footer{border-top:1px solid var(--border);color:#9ba6b7;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:30px 48px;font-size:10px;display:flex}.footer-links{align-items:center;gap:18px;display:flex}.landing-footer a:hover{color:var(--blue)}.workspace{height:100dvh;min-height:520px;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:#fbfcfe;flex-direction:column;flex-shrink:0;width:242px;padding:25px 15px 12px;display:flex}.sidebar-brand{justify-content:space-between;align-items:center;padding:0 11px 26px;display:flex}.workspace-switch{background:#fff;border:1px solid #e6ecf4;border-radius:9px;align-items:center;gap:9px;padding:12px 9px;display:flex}.workspace-avatar,.user-avatar{color:#4f77ad;background:#eaf1fc;border:1px solid #d9e6fa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;font-weight:650;display:flex}.workspace-switch>div{flex:1;gap:3px;min-width:0;display:grid}.workspace-switch strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.workspace-switch>div>span{color:#929eb0;font-size:8px}.workspace-switch>svg{color:#a0aec2}.new-project-button{background:var(--blue);color:#fff;border-radius:8px;align-items:center;gap:9px;width:100%;margin:18px 0 28px;padding:11px 12px;font-size:11px;font-weight:550;display:flex}.new-project-button>span{opacity:.6;margin-left:auto}.sidebar-section-label{letter-spacing:1.1px;color:#9ba6b7;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;font-weight:650;display:flex}.sidebar-section-label>span{letter-spacing:0;font-size:9px}.project-navigation{flex:1;margin-top:13px;overflow:auto}.project-nav-item{text-align:left;color:#7c899d;border-radius:7px;align-items:center;gap:9px;width:100%;margin-bottom:4px;padding:11px 10px;font-size:10px;line-height:1.4;display:flex}.project-nav-item>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.project-nav-item.active{color:#2563eb;background:#eaf2ff;font-weight:600}.project-nav-item:hover{background:#eff4fb}.project-active-dot{background:var(--blue);border-radius:50%;width:5px;height:5px}.sidebar-empty{color:#99a6b9;padding:12px;font-size:10px;line-height:1.9}.sidebar-credit-card{background:#fff;border:1px solid #e1e9f4;border-radius:9px;padding:13px 12px}.sidebar-credit-card>div{justify-content:space-between;align-items:center;display:flex}.sidebar-credit-card>div>span{color:#8290a5;align-items:center;gap:7px;font-size:10px;display:flex}.sidebar-credit-card strong{font-size:13px;font-weight:600}.sidebar-credit-card>small{color:#95a2b5;margin-top:6px;font-size:9px;display:block}.sidebar-credit-card>button{color:#5077b3;border-top:1px solid #edf1f7;justify-content:space-between;align-items:center;width:100%;margin-top:11px;padding:11px 0 0;font-size:9px;display:flex}.sidebar-admin{color:#8b99af;align-items:center;gap:8px;width:100%;padding:13px 10px 7px;font-size:9px;display:flex}.user-menu-container{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;position:relative}.sidebar-user{text-align:left;align-items:center;gap:9px;width:100%;padding:4px;display:flex}.sidebar-user>span:nth-child(2){flex:1;gap:4px;min-width:0;display:grid}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user strong{font-size:9px;font-weight:550}.sidebar-user small{color:#a0aabb;font-size:8px}.sidebar-user>svg{color:#98a6bc}.user-menu{border:1px solid var(--border);z-index:20;background:#fff;border-radius:10px;width:100%;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 30px #1e3a5f14}.user-menu button{text-align:left;border-radius:6px;align-items:center;gap:9px;width:100%;padding:10px;font-size:11px;display:flex}.user-menu button:hover{background:#f1f6ff}.workspace-main{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.workspace-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:69px;padding:0 27px;display:flex}.workspace-breadcrumb,.workspace-header-actions{align-items:center;gap:14px;min-width:0;display:flex}.workspace-breadcrumb>svg{color:#9aaac1}.breadcrumb-divider{color:#ccd5e2}.workspace-header h1{letter-spacing:-.15px;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;overflow:hidden}.project-saved{color:#a2adbc;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.project-saved>span{background:#7cab91;border-radius:50%;width:4px;height:4px}.header-credit-button{white-space:nowrap;border:1px solid #e6ecf5;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;font-weight:550;display:flex}.header-credit-button>svg{color:#7d9aca}.studio-layout{flex:1;min-width:0;min-height:0;display:flex}.chat-panel{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex}.project-context-bar{color:#8b99ac;border-bottom:1px solid #f0f3f8;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:53px;padding:0 28px;font-size:10px;display:flex}.project-context-bar>div{align-items:center;gap:7px;display:flex}.context-icon{color:#8facd9}.context-beta{color:#9cabc1;border:1px solid #e4eaf5;border-radius:4px;padding:2px 4px;font-size:7px}.project-context-bar>button{color:#70829d;white-space:nowrap;text-overflow:ellipsis;border:1px solid #e3eaf4;border-radius:6px;align-items:center;gap:7px;max-width:50%;padding:6px 8px;font-size:9px;display:flex;overflow:hidden}.brand-color-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.empty-workspace,.project-loading,.app-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 25px;display:flex}.app-loading{gap:25px;min-height:100dvh}.project-loading{color:#95a3b8;gap:14px;font-size:12px}.empty-workspace-decoration{width:92px;height:82px;margin-bottom:26px;position:relative}.empty-workspace-decoration>span{background:#f3f7ff;border:1px solid #d9e5f7;border-radius:11px;width:58px;height:66px;position:absolute;top:7px;left:15px;transform:rotate(-14deg)}.empty-workspace-decoration>span:nth-child(2){top:3px;left:22px;transform:rotate(12deg)}.empty-workspace-decoration>span:last-child{color:#548ae3;background:#fff;justify-content:center;align-items:center;display:flex;top:6px;left:18px;transform:none}.empty-workspace h2{letter-spacing:-1.5px;margin:17px 0;font-size:34px}.empty-workspace p{color:#96a1b3;margin-bottom:25px;font-size:12px;line-height:1.9}.empty-workspace-note{color:#a5afbf;margin-top:17px;font-size:9px}.recent-projects{width:min(380px,100%);margin-top:35px}.recent-projects h3{color:#95a3b8;margin-bottom:14px;font-size:11px}.recent-projects button{border:1px solid var(--border);text-align:left;color:#6d809b;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:12px;font-size:11px;display:flex}.recent-projects button>span{flex:1}.recent-projects small{color:#abb4c2;margin-top:5px;font-size:8px;display:block}.chat-scroll{scrollbar-width:thin;scrollbar-color:#dbe4f2 transparent;flex:1;min-height:0;padding:30px 32px 18px;overflow:auto}.chat-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:240px;padding:20px;display:flex}.welcome-spark{color:var(--blue);background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;margin-bottom:23px;padding:14px}.chat-welcome h2{letter-spacing:-1.4px;margin:15px 0;font-size:32px}.chat-welcome p{color:#94a0b2;font-size:12px;line-height:1.9}.welcome-suggestions{gap:10px;margin:24px 0 19px;display:flex}.welcome-suggestions button{text-align:left;color:#657b99;border:1px solid #e3eaf4;border-radius:9px;align-items:center;gap:9px;padding:12px 14px;font-size:11px;display:flex}.welcome-suggestions button:hover{background:#f5f9ff;border-color:#c9dbf7}.welcome-note{color:#a4afbf;font-size:9px}.message-list{max-width:780px;margin:auto}.chat-message{align-items:flex-start;gap:11px;margin-bottom:27px;display:flex}.message-body{flex:1;min-width:0}.agent-avatar{color:#447cda;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.message-author{color:#7788a1;margin:7px 0 10px;font-size:10px;font-weight:650}.message-content{color:#4f6078;overflow-wrap:anywhere;font-size:13px;line-height:1.75}.message-content p{white-space:pre-wrap;margin:5px 0;line-height:1.75}.message-line-gap{height:5px}.user-message{margin-left:42px}.user-message .message-body{background:#f2f7ff;border:1px solid #e7effb;border-radius:12px 12px 3px;padding:12px 17px}.user-message .message-author{color:#7294c5;margin-top:0;margin-bottom:6px}.user-message .message-content{font-size:12px}.run-status{color:#7395c6;align-items:center;gap:8px;margin:12px 0;font-size:11px;display:flex}.run-reservation{color:#a0acc0;font-size:9px;line-height:1.6;display:block}.failed-run{color:#9b4b4b;background:#fff8f8;border:1px solid #f0d7d7;border-radius:10px;margin:20px 0;padding:15px;font-size:12px}.failed-run strong{font-size:12px}.failed-run p{margin:8px 0}.failed-run small{font-size:10px}.connection-status{color:#6380ad;background:#eff6ff;border-radius:7px;margin:14px 0;padding:10px 14px;font-size:11px}.composer-area{background:#fff;flex-shrink:0;padding:12px 26px 13px}.composer{border:1px solid #dbe4f1;border-radius:12px;padding:12px 14px;position:relative;box-shadow:0 3px 15px #284b8110}.composer:focus-within{border-color:#94b5ee;box-shadow:0 0 0 3px #2563eb08}.composer>textarea{width:100%;box-shadow:none;resize:none;border:0;min-height:58px;max-height:160px;padding:3px 2px 9px;font-size:12px;line-height:1.7;display:block}.composer>textarea:focus{box-shadow:none}.composer-tools,.composer-left-tools{align-items:center;gap:6px;display:flex}.composer-tools{justify-content:space-between;gap:10px}.kind-toggle{background:#f4f7fb;border-radius:7px;gap:2px;padding:3px;display:flex}.kind-toggle button{color:#8f9db2;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.kind-toggle button.selected{color:#4e79bd;background:#fff;box-shadow:0 1px 5px #294b7110}.tool-separator{background:#e9eef6;width:1px;height:17px;margin:0 4px}.upload-role select{color:#8b9bb1;background:#f8fafc;border:0;width:80px;padding:5px 7px;font-size:9px}.send-button{background:var(--blue);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.send-button:disabled{color:#a2b8d5;opacity:1;background:#edf2fa}.composer-note{color:#9fabbc;justify-content:space-between;gap:10px;margin-top:9px;padding:0 3px;font-size:8px;line-height:1.6;display:flex}.composer-note>span:first-child{align-items:flex-start;gap:4px;display:flex}.composer-note svg{margin-top:1px}.composer-attachments{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.attachment-chip{color:#6b88b5;background:#f6f9ff;border:1px solid #dce8fa;border-radius:6px;align-items:center;gap:6px;max-width:100%;padding:5px 7px;font-size:9px;display:flex}.attachment-chip>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.attachment-chip button{color:#8aa4c8;padding:0;display:flex}.drop-overlay{z-index:10;border:1px dashed var(--blue);color:var(--blue);background:#eff6fff5;border-radius:11px;justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex;position:absolute;inset:0}.project-error{align-items:flex-start;gap:5px;padding:0 26px;display:flex}.project-error .notice{flex:1}.project-error>.icon-button{margin-top:13px}.quote-card{background:#fff;border:1px solid #dce7f8;border-radius:12px;margin-top:18px;padding:18px;box-shadow:0 4px 14px #2563eb05}.quote-card-top{align-items:center;gap:10px;display:flex}.quote-icon{width:39px;height:39px;color:var(--blue);background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;display:flex}.quote-card-top>div{flex:1;min-width:0}.quote-card .eyebrow{letter-spacing:1.3px;font-size:7px}.quote-card h4{letter-spacing:-.4px;margin-top:5px;font-size:15px}.quote-kind{color:#7c96bc;border:1px solid #e3ecfa;border-radius:5px;padding:4px 7px;font-size:8px}.quote-card>p{color:#8494ac;margin-top:14px;font-size:11px;line-height:1.8}.quote-specs{color:#8ca0bb;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0;font-size:9px;display:flex}.quote-specs>span{align-items:center;gap:5px;display:flex}.quote-copy{border-top:1px solid #edf2f9;gap:25px;padding:14px 0;display:flex}.quote-copy>div{gap:6px;display:grid}.quote-copy>div>span{letter-spacing:1px;color:#a5b1c3;font-size:7px}.quote-copy strong{color:#6d83a3;font-size:11px;font-weight:550}.quote-details-toggle{color:#829bbc;font-size:9px;font-weight:500}.quote-card>p.quote-prompt{white-space:pre-wrap;background:#f7faff;border-radius:7px;padding:11px;font-size:10px}.quote-price-row{border-top:1px solid #eaf0f8;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:16px;display:flex}.quote-price-row>div{gap:5px;display:grid}.quote-price-row>div>span{color:#94a5bc;font-size:8px}.quote-price-row strong{color:#325888;font-size:20px;font-weight:600}.quote-price-row strong small{color:#91a4bf;font-size:10px;font-weight:400}.quote-price-row .button{min-height:35px;padding:10px 12px;font-size:10px}.quote-card>p.quote-footnote{color:#a0afc4;align-items:center;gap:4px;margin-top:12px;font-size:8px;display:flex}.quote-used{color:#4b8b69;align-items:center;gap:5px;font-size:10px;display:flex}.quote-expired{color:#9da6b5;font-size:10px}.asset-library{border-left:1px solid var(--border);scrollbar-width:thin;background:#fcfdff;flex-direction:column;flex-shrink:0;width:258px;padding:22px 17px;display:flex;overflow:auto}.library-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.library-heading h3{letter-spacing:-.2px;font-size:12px;font-weight:550}.library-heading>span{color:#9aaac0;background:#f0f4fa;border-radius:4px;padding:3px 6px;font-size:9px}.library-section{margin-bottom:25px}.library-section h4{letter-spacing:1px;color:#9aa8bc;justify-content:space-between;margin-bottom:16px;font-size:8px;font-weight:600;display:flex}.library-section h4>span{letter-spacing:0;font-size:8px}.library-empty{text-align:center;background:#fff;border:1px dashed #dce6f4;border-radius:10px;flex-direction:column;align-items:center;padding:26px 10px 30px;display:flex}.library-empty>span{color:#c0d0e7;margin-bottom:15px}.library-empty p{color:#a0adc0;font-size:11px;line-height:1.6}.library-empty small{color:#b6c0cf;margin-top:9px;font-size:8px}.upload-library-button{color:#8aa0c0;background:#fff;border:1px dashed #dce6f3;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px;font-size:10px;display:flex}.upload-library-button:hover{color:#467acb;border-color:#a6c0e6}.library-private{color:#afbccf;justify-content:center;align-items:center;gap:5px;margin-top:auto;padding-top:20px;font-size:8px;display:flex}.library-grid{gap:12px;display:grid}.library-card{text-align:left;background:#fff;border:1px solid #e0e9f7;border-radius:9px;padding:6px;overflow:hidden}.library-thumbnail{aspect-ratio:1;background:#f0f5fd;border-radius:6px;position:relative;overflow:hidden}.library-thumbnail .asset-media{object-fit:contain;width:100%;height:100%}.library-card>span{color:#7f91ac;white-space:nowrap;text-overflow:ellipsis;padding:9px 3px 4px;font-size:9px;display:block;overflow:hidden}.video-badge{color:#718aac;background:#ffffffdf;border-radius:5px;padding:4px;position:absolute;bottom:6px;right:6px}.reference-list{gap:8px;margin-bottom:12px;display:grid}.reference-list-item{text-align:left;background:#fff;border:1px solid #e8eef7;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px;display:flex}.reference-mini{background:#edf3fb;border-radius:4px;flex-shrink:0;width:34px;height:40px;overflow:hidden}.reference-mini .asset-media{object-fit:cover;width:100%;height:100%}.reference-list-item>span{gap:5px;min-width:0;display:grid}.reference-list-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}.reference-list-item small{color:#a2afc2;font-size:8px}.message-assets{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;max-width:460px;margin-top:14px;display:grid}.message-asset{background:#fff;border:1px solid #e4ecf7;border-radius:10px;overflow:hidden}.message-asset-preview{background:#f5f8fc;position:relative}.message-asset-preview .asset-media{object-fit:contain;width:100%;max-height:420px;display:block}.message-reference-assets{max-width:210px}.message-reference-assets .asset-media{max-height:180px}.asset-expand{color:#7189ac;background:#ffffffe6;border-radius:6px;width:27px;height:27px;position:absolute;bottom:8px;right:8px}.message-asset-footer{color:#8a9ebc;justify-content:space-between;align-items:center;gap:9px;padding:10px;font-size:8px;display:flex}.message-asset-footer>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-unavailable{color:#96a8c1;background:#f3f7fc;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:120px;font-size:10px;display:flex}.asset-unavailable.small{min-height:40px;font-size:8px}.asset-audio-icon{color:#a7b7ce;padding:20px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#15294452;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{scrollbar-width:thin;background:#fff;border:1px solid #e6edf6;border-radius:18px;width:440px;max-width:100%;max-height:90dvh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 100px #102a482d}.modal-wide{width:690px}.modal-close{position:absolute;top:15px;right:15px}.modal-heading{margin-bottom:24px;padding-right:24px}.modal-heading h2{letter-spacing:-.9px;font-size:24px;font-weight:650}.modal-heading p{color:#8d9bb0;margin-top:12px;font-size:12px;line-height:1.75}.auth-form .auth-intro{text-align:center;margin-bottom:27px}.auth-intro .eyebrow{font-size:8px}.auth-intro h2{letter-spacing:-1.1px;margin-top:14px;font-size:28px}.auth-intro p{color:#93a0b5;margin-top:10px;font-size:12px}.auth-form .button{font-size:12px}.auth-divider{color:#adb7c7;align-items:center;gap:14px;margin:20px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e9eef6;flex:1;height:1px}.field{color:#6c7e98;gap:8px;margin-bottom:18px;font-size:11px;font-weight:550;display:grid}.field>input,.field>textarea{width:100%;font-size:12px;font-weight:400;line-height:1.6}.field-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-label-row .text-button{padding:0;font-size:10px}.auth-switch{text-align:center;color:#9aa7bc;margin-top:20px;font-size:11px}.auth-switch .text-button{margin-left:4px;font-size:11px}.auth-legal{color:#a9b4c5;text-align:center;margin-top:23px;font-size:9px;line-height:1.8}.auth-legal a{color:#6d91c7;text-decoration:underline}.auth-note{color:#a5b3c8;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:9px;display:flex}.auth-page{background:linear-gradient(#fff,#f7faff);flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100dvh;padding:35px 20px;display:flex}.auth-page-card{text-align:center;background:#fff;border:1px solid #e0e9f7;border-radius:16px;width:420px;max-width:100%;padding:32px;box-shadow:0 12px 40px #244c8410}.auth-page-card h1{letter-spacing:-1px;margin:20px 0 13px;font-size:28px}.auth-page-card>p{color:#899bb5;overflow-wrap:anywhere;margin-bottom:24px;font-size:12px}.auth-page-card .button{margin:7px 0;font-size:11px}.auth-page-card>.text-button{margin-top:18px;font-size:10px}.auth-page-card form{text-align:left}.large-icon{width:61px;height:61px;color:var(--blue);background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;margin:auto;display:flex}.notice{color:#ad6666;background:#fff8f8;border:1px solid #f1dada;border-radius:8px;align-items:flex-start;gap:9px;margin:14px 0;padding:12px;font-size:11px;line-height:1.7;display:flex}.notice>svg{margin-top:2px}.notice-success{color:#5b8d6d;background:#f3faf6;border-color:#daebdf}.notice .text-button{margin-left:9px;font-size:11px}.service-error{max-width:800px;margin:auto;padding:0 20px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.brand-color-field{align-items:center;gap:20px;display:flex}.brand-color-field .field{flex:1}.brand-color-field>p{color:#a1aec0;max-width:240px;font-size:10px}.color-input{align-items:center;gap:8px;display:flex}.color-input input[type=color]{background:#fff;border:1px solid #dce6f4;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:4px}.color-input input[type=text],.color-input input:not([type]){width:100%;min-width:0;font-size:12px;font-weight:400}.form-footer{border-top:1px solid #edf2f8;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;display:flex}.form-footer>span{color:#9aacc4;align-items:center;gap:6px;font-size:9px;display:flex}.form-footer .button{font-size:11px}.balance-summary{background:#f7faff;border:1px solid #e5eefa;border-radius:11px;align-items:center;gap:12px;margin-bottom:26px;padding:17px;display:flex}.balance-icon{color:#628dc9;background:#eaf2ff;border-radius:10px;padding:10px}.balance-summary .eyebrow{font-size:8px}.balance-summary strong{letter-spacing:-1px;margin-top:6px;font-size:25px;font-weight:650;display:block}.reserved-credit-label{color:#95a5bd;margin-left:auto;font-size:9px}.credit-packs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;display:grid}.credit-pack{border:1px solid #e0e8f4;border-radius:11px;padding:22px 15px 17px;position:relative}.credit-pack-featured{background:#f8fbff;border-color:#91b5f4}.pack-badge{background:var(--blue);color:#fff;letter-spacing:.8px;border-radius:4px;padding:4px 7px;font-size:6px;font-weight:650;position:absolute;top:-9px;left:15px}.pack-name{color:#8498b4;font-size:10px}.credit-pack h3{letter-spacing:-1px;margin:16px 0 10px;font-size:29px}.credit-pack h3>span{color:#a5b4c8;letter-spacing:0;margin-left:5px;font-size:8px;font-weight:400}.credit-pack p{color:#8fa0b9;margin-bottom:22px;font-size:10px}.credit-pack p strong{color:#6886b0;font-weight:600}.credit-pack .button{min-height:34px;padding:9px;font-size:10px}.billing-note{color:#99a8be;margin-top:22px;font-size:10px;line-height:1.8}.secure-checkout{color:#a0aec2;border-top:1px solid #edf2f9;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:19px;font-size:9px;display:flex}.admin-list{border-top:1px solid #edf2f8;margin-top:25px;padding-top:16px}.admin-list>.text-button{font-size:11px}.admin-record{color:#8b9db5;border-bottom:1px solid #edf2f8;justify-content:space-between;gap:12px;padding:13px 0;font-size:10px;display:flex}.admin-record>span{overflow-wrap:anywhere}.admin-record strong{white-space:nowrap;font-size:9px}.asset-dialog-preview{background:#f5f8fc;border-radius:11px;justify-content:center;align-items:center;min-height:180px;display:flex;overflow:hidden}.asset-dialog-preview .asset-media{object-fit:contain;max-width:100%;max-height:63dvh;display:block}.asset-dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.asset-dialog-actions .button{font-size:11px}.import-help{color:#93a2b9;margin:15px 0;font-size:11px;line-height:1.8}.toast{z-index:150;color:#6484b1;background:#fff;border:1px solid #d8e5f7;border-radius:10px;align-items:center;gap:9px;max-width:calc(100% - 35px);padding:13px 16px;font-size:11px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #24467724}.toast>button{color:#96a9c5;margin-left:9px;padding:0;display:flex}.project-nav-item,.workspace-switch strong{font-size:11px}.sidebar-user strong{font-size:10px}.workspace-header h1{font-size:13px}@media (width>=1500px){.chat-scroll{padding-inline:60px}.composer-area{padding-inline:55px}.asset-library{width:290px}.sidebar{width:260px}.hero{gap:70px}}@media (width<=1150px){.landing-nav,.landing-footer{padding-inline:30px}.hero{gap:25px;padding:75px 30px}.hero h1{font-size:49px}.hero-visual{transform-origin:50%;transform:scale(.88)}.hero-actions{gap:16px}.how-section{padding:70px 30px}.brand-section{gap:40px;margin:0 30px;padding:50px 30px}.sidebar{width:212px}.asset-library{width:210px;padding-inline:13px}.chat-scroll{padding:24px 22px}.composer-area{padding-inline:19px}.project-context-bar{padding-inline:20px}.welcome-suggestions{flex-direction:column}.composer-note .desktop-only{display:none}.landing-strip{gap:30px}.hero-footnote{gap:14px}.hero-secondary{font-size:10px}}@media (width<=900px){.landing-nav nav{display:none}.hero{text-align:center;grid-template-columns:1fr;gap:55px;padding-top:65px}.hero h1{font-size:57px}.hero-copy>p{max-width:490px;margin:22px auto 0}.hero-kicker,.hero-actions,.hero-footnote{justify-content:center}.hero-visual{width:470px;max-width:100%;margin:auto;transform:none}.hero{padding-bottom:65px}.landing-strip>span{display:none}.how-grid{gap:14px}.how-grid article{padding:21px}.how-grid h3{font-size:15px}.brand-section{gap:30px}.brand-section h2{font-size:32px}.asset-library{z-index:30;background:#fff;width:260px;position:absolute;top:69px;bottom:0;right:0;box-shadow:-12px 0 35px #233e6810}.chat-panel{width:100%}.workspace-header{padding-inline:20px}.project-saved{display:none}.sidebar{width:207px}.landing-footer>span{display:none}}@media (width<=640px){.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.landing-nav{height:74px;padding-inline:20px}.landing-nav .wordmark{font-size:21px}.landing-nav-actions{gap:14px}.landing-nav-actions .button{min-height:36px;padding:9px 12px;font-size:10px}.signin-link{font-size:11px}.hero{gap:38px;min-height:auto;padding:52px 23px 46px}.hero-kicker{letter-spacing:1px;margin-bottom:23px;font-size:7px}.hero h1{letter-spacing:-2px;font-size:43px}.hero-copy>p{max-width:345px;margin-top:22px;font-size:13px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:26px}.hero-actions .button{font-size:12px}.hero-secondary{font-size:10px}.hero-footnote{gap:15px;margin-top:24px;font-size:8px}.hero-visual{max-width:355px;height:330px}.reference-tile{width:153px;top:49px;left:3px}.reference-art{height:177px}.art-caption{font-size:19px}.art-object{width:42px;height:72px;bottom:23px;left:40px}.art-object>div{width:26px;left:8px}.art-object>span{width:27px;top:34px;left:7px}.creative-tile{width:203px;top:83px;right:0}.creative-conversation{padding:3px 10px 10px}.mini-user-message{margin-left:15px;padding:8px;font-size:8px}.mini-agent-message{gap:6px;padding:12px 0 10px;font-size:9px}.mini-agent-message p{font-size:8px}.mini-agent-avatar{flex-shrink:0;width:22px;height:22px}.creative-plan{gap:6px;padding:9px;font-size:7px}.mini-composer{margin:0 10px 10px;padding:8px;font-size:7px}.tile-topline{letter-spacing:.6px;padding:11px 10px;font-size:6px}.tile-footer{padding:10px;font-size:6px}.visual-arrow{width:34px;height:34px;top:153px;left:37%}.visual-arrow svg{width:19px}.visual-caption{font-size:6px;left:15px}.floating-note{padding:7px;font-size:7px;bottom:0;right:24px}.landing-strip{padding:21px 15px}.landing-strip>div{gap:13px;font-size:9px}.how-section{padding:56px 23px}.section-heading h2{letter-spacing:-1.3px;font-size:32px}.section-heading p{max-width:310px;margin:15px auto 0;font-size:12px}.how-grid{grid-template-columns:1fr;gap:12px;margin-top:32px}.how-grid article{padding:24px}.how-grid h3{font-size:17px}.how-grid p{font-size:12px}.how-icon{margin-bottom:18px}.brand-section{grid-template-columns:1fr;gap:35px;margin:0 20px;padding:36px 25px}.brand-section h2{font-size:32px}.brand-section>div>p{font-size:12px}.brand-feature-list{gap:24px}.landing-cta{padding:64px 23px}.landing-cta h2{font-size:36px}.landing-footer{flex-wrap:wrap;justify-content:center;gap:20px;padding:25px 20px}.footer-links{gap:15px;font-size:9px}.sidebar{z-index:60;width:265px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-sidebar-backdrop{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#172c4850;position:fixed;inset:0}.workspace{min-height:450px}.workspace-header{gap:8px;height:58px;padding:0 12px}.workspace-breadcrumb{flex:1;gap:8px}.workspace-header h1{font-size:12px}.workspace-header-actions{gap:5px}.header-credit-button{padding:6px;font-size:10px}.header-credit-button>svg:last-child{display:none}.workspace-header .icon-button{width:30px;height:30px}.project-context-bar{gap:8px;height:47px;padding:0 15px;font-size:9px}.project-context-bar>button{max-width:52%;font-size:9px}.asset-library{width:250px;top:58px}.chat-scroll{padding:22px 15px 10px}.chat-welcome{min-height:260px;padding:20px 5px}.chat-welcome h2{font-size:27px}.chat-welcome p{font-size:11px}.welcome-suggestions{gap:8px;width:100%;max-width:280px;margin:20px 0 17px}.welcome-suggestions button{justify-content:space-between;width:100%;font-size:10px}.welcome-note{font-size:8px}.composer-area{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.composer{border-radius:11px;padding:10px 11px}.composer>textarea{min-height:53px;font-size:14px}.composer-left-tools{gap:3px}.kind-toggle button{padding:6px;font-size:9px}.composer .icon-button{width:29px;height:29px}.tool-separator{margin:0 2px}.upload-role select{width:67px;padding:5px 3px;font-size:8px}.send-button{width:30px;height:30px}.composer-note{margin-top:7px;font-size:7px}.composer-note svg{width:10px}.chat-message{gap:8px;margin-bottom:23px}.agent-avatar{border-radius:8px;width:26px;height:26px}.message-author{margin-top:5px;font-size:9px}.message-content{font-size:12px}.user-message{margin-left:29px}.user-message .message-body{padding:10px 13px}.user-message .message-content{font-size:11px}.quote-card{padding:13px}.quote-card h4{font-size:14px}.quote-icon{width:34px;height:34px}.quote-specs{gap:9px;font-size:8px}.quote-copy{gap:17px}.quote-price-row .button{padding:9px;font-size:9px}.quote-card>p,.quote-copy strong{font-size:10px}.project-error{padding:0 13px}.empty-workspace{padding:30px 20px}.empty-workspace h2{font-size:30px}.empty-workspace p{font-size:11px}.modal-backdrop{padding:14px}.modal{border-radius:14px;max-height:93dvh;padding:27px 22px}.modal-heading h2{font-size:22px}.modal-heading p{font-size:11px}.modal-close{top:11px;right:11px}.form-grid{grid-template-columns:1fr;gap:0}.field>input,.field>textarea,.color-input input{font-size:16px!important}.brand-color-field{align-items:flex-start;gap:14px}.brand-color-field>p{max-width:125px;margin-top:23px;font-size:9px}.form-footer{flex-wrap:wrap}.form-footer>.button{margin-left:auto}.credit-packs{grid-template-columns:1fr}.credit-pack{padding:20px}.credit-pack h3{margin:12px 0 8px}.credit-pack p{margin-bottom:15px}.credit-pack .button{font-size:12px}.reserved-credit-label{max-width:100px;font-size:8px}.asset-dialog-actions .button{font-size:10px}.auth-page-card{padding:26px 22px}.toast{padding:11px 13px;font-size:10px;bottom:18px}.admin-record{font-size:9px}.footer-links{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-candidates{gap:10px;margin-top:14px;display:grid}.app-candidate{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.app-candidate img{border-radius:12px;width:52px;height:52px}.app-candidate>div{flex:1;min-width:0}.app-candidate strong{font-size:14px;display:block}.app-candidate p,.app-candidate a{margin:2px 0;font-size:12px;line-height:1.5}.app-candidate a{color:#2563eb}.app-candidate button{white-space:nowrap}@media (width<=600px){.app-candidate{flex-wrap:wrap}.app-candidate button{width:100%}}.context-beta,.workspace-switch>div>span{display:none}.message-link{color:var(--blue);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}.message-link:hover{color:#174ea6}