/* Brandlit: a quiet workspace for ambitious ideas. */
:root{color-scheme:light;--ink:#171719;--muted:#66666f;--line:#e8e8ed;--canvas:#f5f4f0;--gold:#c7a76a;--orange:var(--gold);--focus:#8d681f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:#fff;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{touch-action:manipulation}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:2px}input,textarea,select{border:1px solid var(--line);border-radius:9px;padding:12px;background:white;color:var(--ink);max-width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#93939d}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}img,video{max-width:100%;display:block}[hidden]{display:none!important}.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}.skip-link{position:absolute;left:20px;top:-90px;z-index:100;padding:14px;background:white;border:2px solid var(--focus)}.skip-link:focus{top:12px}.ui-icon{width:19px;height:19px;vertical-align:middle;flex:none}.brand-link{text-decoration:none;display:inline-flex}.wordmark{font-size:25px;font-weight:750;letter-spacing:-1.2px;display:inline-flex;align-items:center;gap:9px}.brand-spark{width:29px;height:29px;color:var(--orange)}.primary,.secondary,.run,.ghost,.text-button,.icon,.chip,.gallery-plan-action,.gallery-load-more,.template-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:11px 17px;border-radius:9px;font-weight:550;border:1px solid transparent;text-decoration:none;transition:background .15s,box-shadow .15s}.primary,.run{background:var(--ink);color:#fff}.primary:hover,.run:hover{background:#36363c}.primary.orange{background:#c7a76a}.primary.orange:hover{background:#d8bd88}.secondary,.ghost,.gallery-load-more,.gallery-plan-action{background:white;border-color:var(--line)}.secondary:hover,.ghost:hover,.gallery-load-more:hover{background:var(--canvas)}.text-button{background:none;padding-inline:0}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.icon{background:white;border-color:var(--line);width:36px;min-height:36px;padding:6px;font-size:21px}.muted,.rail-sub,.fine{color:var(--muted)}.sm{min-height:32px;padding:7px 11px;font-size:12px}.lg{min-height:48px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mono,code{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.form-status:empty{display:none}.form-status{color:#9c3016;margin:15px 0 0;font-size:13px}.status{font-size:13px;color:var(--muted)}
/* Public home */
.home-nav{height:80px;max-width:1440px;padding:0 5.5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-nav nav{display:flex;gap:33px;font-size:13px}.home-nav nav a{text-decoration:none;color:#505057}.home-nav nav a:hover{color:var(--ink)}.nav-actions{display:flex;gap:24px;align-items:center}.nav-actions .primary{font-size:13px}.home-hero{position:relative;isolation:isolate;padding:54px 24px 38px;text-align:center;overflow:hidden}.hero-glow{position:absolute;z-index:-1;width:min(1040px,100%);height:540px;left:50%;top:50px;transform:translateX(-50%);background:radial-gradient(ellipse at 32% 65%,#ffccba66,transparent 55%),radial-gradient(ellipse at 68% 57%,#ded9ff85,transparent 52%);filter:blur(45px);pointer-events:none}.home-hero h1{font-size:clamp(48px,5.8vw,76px);line-height:1.07;letter-spacing:-4.3px;font-weight:640;margin-bottom:24px}.hero-subtitle{font-size:18px;color:#65656d;margin-bottom:35px}.brief-composer{background:#fff;border:1px solid #ded8cb;border-radius:18px;box-shadow:0 10px 30px #30304506,0 3px 7px #30304504;max-width:710px;margin:auto;padding:21px 22px 17px;text-align:left}.brief-composer:focus-within{border-color:#a08043;box-shadow:0 0 0 3px #c7a76a20}.brief-composer textarea{display:block;border:0;outline:0;box-shadow:none;resize:none;width:100%;padding:0;min-height:68px;font-size:17px;line-height:1.5;background:transparent;field-sizing:content;max-height:170px}.brief-composer textarea:focus{outline:0}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.composer-bottom>span{font-size:12px;color:#85858e}.composer-bottom .primary{min-height:43px}.suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:23px}.suggestions button,.workspace-starters button{border:1px solid #ded8cb;background:#ffffff9e;border-radius:30px;padding:9px 16px;font-size:12px;min-height:35px}.suggestions button:hover,.workspace-starters button:hover{border-color:#92909c;background:white}.hero-note{font-size:12px;color:#8b8892;margin:22px 0 0}.home-section{max-width:1260px;margin:auto;padding:77px 50px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.section-heading h2,.home-section h2{font-size:38px;letter-spacing:-1.5px;line-height:1.15;font-weight:600;margin-bottom:12px}.section-heading p{color:var(--muted);margin-bottom:0;font-size:15px}.section-heading .text-button{font-size:13px;white-space:nowrap}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.showcase-card{display:grid;text-align:left;border:0;background:none;padding:0}.showcase-card img{width:100%;height:235px;object-fit:cover;object-position:top;border-radius:11px;border:1px solid #00000009;transition:transform .2s}.showcase-card:hover img{transform:translateY(-5px)}.showcase-card>span{font-size:15px;font-weight:600;margin-top:18px}.showcase-card small{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-top:7px}.showcase-card .ui-icon{width:16px}.workflow-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding-block:100px}.workflow-copy{padding-top:23px}.workflow-copy .wordmark{font-size:17px;letter-spacing:-.6px;margin-bottom:36px}.workflow-copy .brand-spark{width:22px;height:22px}.workflow-copy h2{font-size:54px;letter-spacing:-2.7px;margin-bottom:22px}.workflow-copy p{color:var(--muted);font-size:16px;line-height:1.8}.workflow-copy .text-button{font-size:14px}.design-demo{border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:center;box-shadow:0 18px 45px #25254208}.demo-top{display:flex;justify-content:space-between;padding:14px 20px;background:#fff;font-size:10px;color:#82818a;letter-spacing:1.4px}.demo-top span+span{letter-spacing:0}.demo-page{background:#f4f0e8;padding:40px 30px;min-height:245px;display:grid;grid-template-columns:1.2fr 1fr;gap:8px;align-items:center;overflow:hidden}.demo-page h3{font-size:38px;letter-spacing:-1.8px;line-height:1.04;font-weight:550;margin-bottom:18px;position:relative;z-index:1}.demo-page p{font-size:11px;max-width:180px;color:#65615a}.demo-art{height:190px;position:relative;transform:rotate(-15deg);background:linear-gradient(45deg,#bfa98d,#e1d4bd);border-radius:100px 100px 12px 12px;box-shadow:24px 19px 0 #bdae96}.demo-art:before{content:"";position:absolute;inset:35px 35px -30px;background:#5f6355;border-radius:80px 80px 0 0}.demo-controls{display:flex;align-items:center;gap:22px;padding:18px 20px;background:#fff}.demo-controls label{font-size:10px;color:var(--muted);flex:1}.demo-controls input{display:block;width:100%;font-size:12px;margin-top:5px;padding:9px}.demo-swatches{display:flex;gap:7px}.demo-swatches button{background:var(--swatch);width:22px;height:22px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #e0e0e6}.demo-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #93909b}.feature-line{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:10px}.feature-line>div{display:flex;gap:18px}.feature-symbol{font-size:23px;width:28px;flex:none}.feature-line h3{font-size:14px;font-weight:600;margin-bottom:7px}.feature-line p{font-size:12px;color:var(--muted);margin:0}.home-pricing{padding-block:84px 95px}.centered{display:block;text-align:center;margin-bottom:52px}.centered h2{font-size:36px}.price-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.price-columns>article{padding:0 29px;border-right:1px solid var(--line);display:flex;flex-direction:column}.price-columns>article:first-child{padding-left:0}.price-columns>article:last-child{border:0;padding-right:0}.price-columns h3{font-size:17px;font-weight:550;margin-bottom:24px}.price-number{font-size:42px;line-height:1;letter-spacing:-2px;font-weight:600;margin-bottom:11px;white-space:nowrap}.price-number small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.price-term{color:var(--muted);font-size:11px;min-height:34px}.price-columns ul{padding:0;list-style:none;font-size:12px;line-height:2.5;margin:10px 0 25px;flex:1}.price-columns li:before{content:"✓";margin-right:8px;color:#777681}.price-columns button{font-size:12px;min-height:42px}.pricing-footnote{font-size:12px;text-align:center;color:var(--muted);margin:34px 0 0}.service-note{font-size:11px;text-align:center;color:#7c6471;margin:10px auto 0;max-width:760px}.home-final{margin:0 auto 40px;max-width:1160px;padding:75px 24px;text-align:center;border-radius:16px;background:radial-gradient(ellipse at 30% 100%,#ffd8c450,transparent 65%),radial-gradient(ellipse at 75% 30%,#e5ddfc70,transparent 75%),#fafafa}.home-final h2{font-size:44px;letter-spacing:-2px;font-weight:600;margin-bottom:12px}.home-final p{font-size:17px;color:var(--muted);margin-bottom:25px}.home-footer{max-width:1260px;padding:32px 50px 45px;margin:auto;display:flex;justify-content:space-between;align-items:center}.home-footer .wordmark{font-size:19px}.home-footer .brand-spark{width:23px;height:23px}.home-footer nav{display:flex;gap:25px;font-size:12px;color:var(--muted)}.home-footer a{text-decoration:none}
/* Workspace */
.gallery{min-height:100dvh;display:grid;grid-template-columns:224px minmax(0,1fr)}.workspace-nav{position:sticky;top:0;height:100dvh;background:#fbfbfc;border-right:1px solid var(--line);padding:30px 21px;display:flex;flex-direction:column}.workspace-nav .wordmark{font-size:24px}.workspace-tagline{font-size:11px;color:#8c8b95;margin:13px 0 37px}.workspace-nav nav{display:grid;gap:7px}.workspace-nav button{text-align:left;padding:12px 13px;background:none;border:0;border-radius:9px;color:#64636e;font-size:13px}.workspace-nav button:hover,.workspace-nav button.active{background:#eee6d7;color:#29262f}.workspace-nav-bottom{margin-top:auto;display:grid;gap:3px}.gallery-account{font-size:11px;overflow-wrap:anywhere;padding:12px;color:#8c8b95}.gallery-main{padding:58px clamp(28px,5vw,76px) 65px;max-width:1470px;min-width:0}.gallery-welcome h1{font-size:39px;letter-spacing:-1.8px;font-weight:600;margin-bottom:13px}.gallery-welcome p{color:var(--muted);font-size:14px;margin-bottom:26px}.brief-composer.compact{max-width:none;display:flex;align-items:center;gap:20px;padding:18px;box-shadow:0 7px 20px #24243d03}.compact textarea{font-size:14px;min-height:24px}.compact button{flex:none;font-size:12px}.workspace-starters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:17px 0 50px}.workspace-starters>span{font-size:11px;color:#8b8993;margin-right:6px}.workspace-starters button{padding:7px 11px;font-size:11px;min-height:30px}.recent-projects{margin-bottom:45px}.gallery-main h2{font-size:23px;letter-spacing:-.8px;font-weight:600;margin-bottom:10px}.gallery-main .section-heading{margin-bottom:20px}.gallery-main .section-heading input{font-size:12px;width:200px;padding:10px}.empty-state{padding:25px;background:var(--canvas);border:1px dashed #dedbe7;border-radius:10px;color:var(--muted);font-size:13px}.recent-projects>div#recentProjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:12px;padding:0;background:white;overflow:hidden;text-align:left}.project-card-art{height:115px;background:linear-gradient(135deg,#f5efe8,#ebe7f5);padding:22px;display:flex;align-items:center;font-size:26px;font-weight:600;color:#8d7d97;letter-spacing:-1px}.project-card strong{display:block;margin:16px 16px 7px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card small{display:block;margin:0 16px 17px;color:#8a8895;font-size:11px}.project-card:hover{border-color:#b8b2c5}.gallery-load-more{margin-top:20px;font-size:12px}.gallery-section-head p{font-size:13px;color:var(--muted)}.gallery-controls{display:flex;align-items:end;gap:14px;margin:23px 0}.gallery-controls label{font-size:11px;color:var(--muted);display:grid;gap:7px}.gallery-controls input{width:280px}.gallery-controls input,.gallery-controls select{font-size:12px;height:40px}.gallery-count{margin-left:auto;font-size:11px;color:#93919c;padding-bottom:13px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 19px}.template-card{min-width:0}.template-preview{position:relative;background:var(--canvas);border:1px solid #eceaef;border-radius:11px;overflow:hidden;aspect-ratio:1.5}.template-preview img,.template-preview video{width:100%;height:100%;object-fit:cover;object-position:top}.template-preview button{position:absolute;inset:0;width:100%;background:transparent;border:0;font-size:0}.template-preview button:focus-visible{outline-offset:-5px}.template-motion-label{position:absolute;left:10px;top:10px;border-radius:6px;background:#ffffffde;padding:5px 9px;font-size:10px;pointer-events:none}.template-card-body{padding:14px 0 0}.template-card .category{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#95919d;margin-bottom:6px}.template-card h3{font-size:16px;letter-spacing:-.4px;font-weight:600;margin-bottom:7px}.template-card .line{font-size:12px;color:#8b8695;margin-bottom:12px;min-height:39px}.template-action{background:var(--canvas);padding:8px 10px;font-size:11px;min-height:34px;width:100%}.template-action:hover{background:#ece9f1}.gallery-pack{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:36px}.gallery-pack strong{font-size:17px;font-weight:550}.gallery-pack p{font-size:12px;color:var(--muted);margin:7px 0 0}.gallery-pack .primary{font-size:12px}.gallery-status{font-size:12px;color:var(--muted);margin:24px 0}.gallery-plans{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.gallery-plan{border:1px solid var(--line);padding:25px;border-radius:14px;display:flex;flex-direction:column}.gallery-plan-eyebrow{font-size:11px;color:var(--muted)}.gallery-plan-price{font-size:35px;letter-spacing:-1px;margin:15px 0}.gallery-plan-price span{font-size:12px;letter-spacing:0}.gallery-plan-detail{font-size:12px;color:var(--muted);flex:1}.gallery-plan-action{font-size:12px}.template-package-link{display:block;font-size:11px;margin:10px 0;text-underline-offset:3px}
/* Editor */
.editor .app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:16px;min-height:66px;padding:10px 20px;border-bottom:1px solid var(--line);background:white;z-index:3;flex-wrap:wrap}.topbar-start,.topbar-tools,.topbar-actions{display:flex;align-items:center;gap:9px;min-width:0}.topbar-start{flex:1}.editor-brand .wordmark{font-size:19px;letter-spacing:-.8px}.editor-brand .brand-spark{width:23px;height:23px}.topbar-divider{height:22px;width:1px;background:var(--line);margin:0 3px}.topbar #docName{border:0;font-size:13px;width:140px;min-width:60px;padding:9px}.topbar .ghost,.topbar .run{font-size:11px;min-height:35px;padding:8px 10px}.topbar #btnReloadSite,.topbar #stageMode,.account-chip,.usage-chip{display:none}.save-state{font-size:11px;color:#8b8994;white-space:nowrap}.save-state[data-state=error]{color:#bc3c25}.topbar-tools{gap:5px}.cmdbar{display:none}.connect-banner,.payg-banner{padding:12px 24px;background:#f8f5ee;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);font-size:12px}.connect-banner>span,.payg-banner>span{flex:1}.connect-banner button,.payg-banner button{font-size:11px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:326px minmax(0,1fr);background:var(--canvas)}.grokbot-dock{grid-column:1;grid-row:1;background:#fff;border-right:1px solid var(--line);padding:25px 20px 16px;overflow:auto;display:flex;flex-direction:column;min-height:0}.gb-head{margin-bottom:20px}.gb-head-text h2{font-size:19px;letter-spacing:-.7px;font-weight:600;margin:0 0 7px}.rail-sub{font-size:11px;line-height:1.6;margin-bottom:10px}.gb-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#87818f}.gb-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#c2bbc9}.gb-status[data-state=connected]:before{background:#4c9c79}.gb-status[data-state=unavailable]:before{background:#d79652}.gb-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-bottom:1px solid var(--line);margin-bottom:22px}.gb-tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;font-size:12px;color:#8b8695}.gb-tab.on{color:var(--ink);border-bottom-color:var(--ink)}.gb-chat-pane{display:flex;flex-direction:column;flex:1}.gb-gate{background:#f8f5ee;border:1px solid #eae2d4;padding:14px;border-radius:10px;margin-bottom:15px}.gb-gate p{font-size:11px;margin-bottom:7px}.gb-gate button{font-size:11px;width:100%;min-height:34px}.starter-context{font-size:12px;padding:15px;background:#faf7f3;border:1px solid #f0e8de;border-radius:10px;margin-bottom:17px}.starter-context>span{font-size:10px;color:#aa8067}.starter-context p{margin:7px 0 0;font-size:12px;line-height:1.5}.editor-quick-actions{display:flex;gap:8px;margin-bottom:15px}.editor-quick-actions button{background:#fff;border:1px solid var(--line);border-radius:7px;min-height:34px;font-size:11px;padding:7px 10px}.gb-thread{flex:1;min-height:140px;max-height:40dvh;overflow:auto;padding-bottom:20px}.gb-empty{font-size:12px;line-height:1.8;color:#98919f;padding:12px 0}.gb-msg{font-size:12px;margin:13px 0}.gb-bubble{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 13px;background:#f7f6f9;border-radius:10px}.gb-user .gb-bubble{background:#eee6d7}.gb-name{font-size:10px;color:#97909f;margin-bottom:6px}.gb-chip{display:inline-block;font-size:9px;padding:4px 6px;background:#f6f4f8;border-radius:5px;margin:5px 3px 0 0}.gb-composer-label{font-size:11px;color:#77717f;margin:6px 0 9px}.gb-composer{border:1px solid #dcd6e4;border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.gb-composer textarea{width:100%;border:0;padding:0;min-height:65px;font-size:12px;line-height:1.6;resize:vertical;outline:none}.gb-composer .run{font-size:11px;min-height:32px;padding:8px 14px}.gb-composer-help{font-size:9px;color:#9b95a2;margin:10px 0 16px}.voice-details{border-top:1px solid var(--line);padding-top:15px;margin-top:12px;font-size:11px}.voice-details summary{cursor:pointer;color:#77717f;padding:2px 0}.voice-orb{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 12px;font-size:12px;margin-top:15px;width:100%}.voice-orb.on{background:#f6f1e7;border-color:#bba7dd}.voice-status{font-size:10px;color:var(--muted);margin:10px 0}.mic-controls{font-size:10px}.mic-controls select{width:100%;font-size:11px;margin:7px 0}.mic-signal-row{display:flex;gap:7px;align-items:center;margin-bottom:10px}.mic-signal-row meter{width:75px}.rail-usage{font-size:9px}.gb-inspect-pane{font-size:12px}.gb-inspect-pane #roomId,.gb-inspect-pane label[for=roomId],.gb-inspect-pane .junk,.rail-link{display:none}.gb-inspect-pane .page-row{display:flex;gap:5px;flex-wrap:wrap}.gb-inspect-pane input:not([type=color]),.gb-inspect-pane textarea,.gb-inspect-pane select{width:100%;margin:7px 0;font-size:12px}.gb-inspect-pane label{display:block;margin-top:12px;color:#7b7485;font-size:11px}.gb-inspect-pane h3{font-size:14px}.gb-inspect-pane button{font-size:11px}.live-open{display:block;font-size:11px;margin:16px 0;text-underline-offset:4px}.prim-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}.section-library h3{font-size:17px;font-weight:550;line-height:1.4}.section-library>p{font-size:12px;color:var(--muted)}#sectionList{display:grid;gap:10px;margin-top:20px}.section-tile{display:flex;align-items:center;gap:13px;padding:15px 12px;text-align:left;background:white;border:1px solid var(--line);border-radius:9px}.section-tile:hover{border-color:#a498b8;background:#fffcf7}.section-tile>span{font-size:23px;width:34px;color:#9b86b6;flex:none}.section-tile strong{display:block;font-size:12px;font-weight:550;margin-bottom:6px}.section-tile small{display:block;font-size:10px;color:#8a8294;line-height:1.5}.stage-wrap{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;min-width:0;padding:0 21px 22px;position:relative}.canvas-toolbar{display:flex;align-items:center;gap:16px;min-height:59px;font-size:10px;color:#8c8697;flex-wrap:wrap;padding:10px 0}.canvas-label{color:#5e566e;font-weight:550}.canvas-hint{flex:1}.canvas-toolbar button{font-size:10px;background:transparent;border:0;border-radius:6px;padding:7px 9px;color:#82788f}.canvas-toolbar .video-library-trigger{border:1px solid #dfdbe5;background:#fff;color:#645a70}.size-row{display:flex;gap:2px;padding:3px;background:#eeebf2;border-radius:7px}.size-row button[aria-pressed=true]{background:#fff;color:#352d42;box-shadow:0 1px 3px #2014310a}.stage-wrap iframe{flex:1;min-height:0;border:1px solid #e1dce8;border-radius:10px;background:white;width:100%;box-shadow:0 10px 28px #28203207;align-self:center}.stage-wrap.phone iframe{max-width:390px}.mobile-panel-toggle{display:none!important}.payg-gate{position:absolute;right:32px;bottom:32px;max-width:360px;z-index:4;background:#fff;border:1px solid var(--line);padding:25px;border-radius:15px;box-shadow:0 15px 55px #1d163126}.payg-card h2{font-size:20px}.payg-card p{font-size:12px}.payg-card button{margin:5px 0}.save-state button{font-size:10px}.editor #inspector .row{gap:8px}.editor #inspector textarea{min-height:75px}
/* Auth, dialogs, onboarding */
.signin-screen{max-width:390px;margin:80px auto;padding:0 25px 70px}.auth-intro{font-size:13px;color:var(--muted);margin:16px 0 38px}.bl-auth-title{font-size:32px;letter-spacing:-1.2px;font-weight:600}.google-signin{display:flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:9px;height:46px;margin:24px 0}.auth-gate label{display:block;font-size:12px;margin:18px 0 8px}.auth-gate input{width:100%}.auth-gate .run{width:100%;margin-top:22px}.auth-gate .muted{font-size:12px;margin-top:12px}#btnShowPassword{border:0;background:none;color:var(--muted);font-size:11px;padding:10px 0;float:right}.signin-alt{display:flex;gap:12px;justify-content:space-between;margin-top:25px;font-size:11px;color:var(--muted)}.signin-alt a{text-decoration:none}.signin-alt a.on{color:var(--ink)}.bl-guest{display:block;margin:27px auto;background:none;border:0;font-size:12px;text-decoration:underline;text-underline-offset:5px}.wizard-card{max-width:700px;margin:50px auto;padding:32px}.wizard-card h1{font-size:32px;letter-spacing:-1px}.wizard-card h2{font-size:20px}.wizard-card input{width:100%;margin:9px 0}.wizard-card p{font-size:13px}.wizard-steps{display:flex;gap:20px;font-size:12px;margin-bottom:35px;color:var(--muted)}.wstep.on{color:var(--ink)}.install-panel,.domain-box{background:var(--canvas);padding:20px;border-radius:12px;margin:20px 0}.install-h2{margin-top:30px}.wizard-card details{font-size:12px}.wizard-card summary{padding:12px 0;cursor:pointer}.panel,.modal-card{background:#fff;border:1px solid var(--line);padding:28px;border-radius:16px;max-width:660px;width:100%;max-height:88dvh;overflow:auto}.modal,.overlay{position:fixed;inset:0;z-index:30;background:#14141466;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}#settingsPanel,#brandPanel{position:fixed;inset:0;z-index:30;background:#14141466;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}#settingsPanel>*,#brandPanel>*{background:white;border-radius:16px;max-width:650px;max-height:90dvh;overflow:auto;padding:30px;width:100%}#settingsPanel h2,#brandPanel h2{font-size:25px;letter-spacing:-.8px}#settingsPanel h3,#brandPanel h3{font-size:16px;margin-top:23px}#settingsPanel p,#brandPanel p{font-size:12px;color:var(--muted)}#settingsPanel input,#brandPanel input{margin:10px 0;max-width:100%}#settingsPanel .row,#brandPanel .row{margin-top:12px}.modal-head{display:flex;justify-content:space-between;align-items:center}.field{display:grid;gap:7px;margin:14px 0}.field label{font-size:12px}.field input{width:100%}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;max-width:min(960px,calc(100vw - 36px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 90px #150e2633}dialog::backdrop{background:#15102277;backdrop-filter:blur(5px)}dialog h2{font-size:26px;letter-spacing:-1px}dialog form[method=dialog]{margin:0}dialog form[method=dialog] button,.video-library-close{border:1px solid var(--line);background:#fff;border-radius:8px;width:35px;height:35px}.video-library-head,.dialog-heading{display:flex;justify-content:space-between;gap:25px;align-items:start}.video-library-head p{font-size:12px;color:var(--muted)}.video-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{border:1px solid var(--line);border-radius:11px;overflow:hidden}.video-card video{width:100%;aspect-ratio:16/9;object-fit:cover}.video-card-body{padding:14px}.video-card h3{font-size:14px}.video-card p{font-size:11px;color:var(--muted)}.video-card button{font-size:11px;min-height:34px}.template-dialog-media{background:var(--canvas);border-radius:10px;overflow:hidden;margin:20px 0}.template-dialog-media img{width:100%;max-height:55dvh;object-fit:contain}.template-dialog-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.template-dialog-actions p{font-size:12px;color:var(--muted);margin:0}.template-package-details{font-size:12px;line-height:1.8;color:var(--muted)}#publishLink{display:block;word-break:break-all;margin:20px 0;color:var(--focus)}#toast,.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#25202d;color:white;border-radius:10px;padding:13px 20px;font-size:12px;z-index:100;box-shadow:0 8px 30px #15102026;max-width:calc(100% - 36px);text-align:center;pointer-events:none}#toast:empty,.toast:empty{display:none}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.offer-card{padding:20px;border:1px solid var(--line);border-radius:12px}.offer-card p{font-size:12px}.install-checklist{padding-left:20px;line-height:2}.tag,.rail-kicker{font-size:10px;color:var(--muted)}
@media(min-width:1550px){.home-hero{padding-top:58px;padding-bottom:45px}.gallery-main{padding-top:75px}.workspace{grid-template-columns:350px minmax(0,1fr)}}
@media(max-width:1100px){.topbar{gap:8px;padding-inline:13px}.topbar #btnBrandKit{display:none}.topbar-start{flex:1}.topbar-actions{gap:6px}.topbar #docName{width:110px}.editor-brand .wordmark{font-size:0;gap:0}.workspace{grid-template-columns:285px minmax(0,1fr)}.grokbot-dock{padding:20px 15px}.canvas-hint{display:none}.canvas-label{flex:1}.gallery{grid-template-columns:180px minmax(0,1fr)}.workspace-nav{padding:25px 14px}.gallery-main{padding:42px 30px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section{padding-inline:35px}.workflow-section{gap:35px}.price-columns>article{padding:0 20px}.price-number{font-size:36px}.showcase-card img{height:200px}.home-final{margin-inline:35px}}
@media(max-width:760px){.home-nav{height:75px;padding:0 22px}.home-nav nav{display:none}.wordmark{font-size:22px}.brand-spark{width:25px;height:25px}.nav-actions{gap:15px}.nav-actions .text-button{font-size:12px}.nav-actions .primary{font-size:11px;min-height:37px;padding:9px 12px}.home-hero{padding:62px 22px 50px}.home-hero h1{font-size:49px;letter-spacing:-2.8px;line-height:1.08}.hero-subtitle{font-size:15px;max-width:300px;margin:0 auto 27px}.brief-composer{padding:18px 16px 14px;border-radius:14px}.brief-composer textarea{font-size:15px;min-height:85px}.composer-bottom>span{font-size:10px}.composer-bottom .primary{font-size:11px;min-height:39px;padding:10px 13px;gap:8px}.suggestions{gap:7px;margin-top:19px}.suggestions button{font-size:11px;padding:8px 12px}.hero-note{font-size:11px}.home-section{padding:48px 22px}.section-heading{align-items:start;margin-bottom:25px}.home-section h2{font-size:29px;letter-spacing:-1.2px}.section-heading p{font-size:13px}.section-heading>.text-button{font-size:11px;white-space:normal;max-width:100px;padding:0;text-align:left}.showcase-grid{grid-template-columns:1fr;gap:26px}.showcase-card img{height:auto;aspect-ratio:1.65}.showcase-card>span{margin-top:13px}.workflow-section{grid-template-columns:1fr;gap:32px}.workflow-copy{padding:0}.workflow-copy .wordmark{margin-bottom:23px}.workflow-copy h2{font-size:43px;letter-spacing:-2px}.workflow-copy p{font-size:15px}.design-demo{width:100%}.demo-page{padding:30px 23px;min-height:220px}.demo-page h3{font-size:32px}.demo-art{height:160px}.demo-controls{gap:15px;padding:15px}.feature-line{grid-template-columns:1fr;gap:24px;margin-top:5px}.feature-line h3{font-size:14px}.feature-line p{font-size:12px}.home-pricing{padding-top:55px}.centered{margin-bottom:34px}.centered h2{font-size:30px}.price-columns{grid-template-columns:repeat(2,1fr);gap:33px 0}.price-columns>article{padding:0 18px}.price-columns>article:nth-child(odd){padding-left:0}.price-columns>article:nth-child(even){padding-right:0;border:0}.price-columns h3{font-size:16px;margin-bottom:19px}.price-number{font-size:33px;letter-spacing:-1.5px}.price-number small{font-size:10px}.price-term{font-size:10px;margin-bottom:5px}.price-columns ul{font-size:11px;line-height:2.3;margin-bottom:20px}.price-columns button{font-size:11px;padding:10px}.home-final{margin:15px 22px 10px;padding:55px 20px}.home-final h2{font-size:34px;letter-spacing:-1.5px}.home-final p{font-size:15px}.home-final button{font-size:12px}.home-footer{padding:29px 22px 35px;gap:18px}.home-footer nav{gap:14px;font-size:10px}.home-footer .wordmark{font-size:17px}.gallery{display:block}.workspace-nav{position:relative;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.workspace-tagline,.workspace-nav-bottom{display:none}.workspace-nav nav{display:flex;gap:3px;margin-left:auto}.workspace-nav button{font-size:11px;padding:9px 11px}.workspace-nav .wordmark{font-size:21px}.gallery-main{padding:35px 22px}.gallery-welcome h1{font-size:31px;letter-spacing:-1.3px}.gallery-welcome p{font-size:12px}.brief-composer.compact{display:block;padding:15px}.compact textarea{min-height:60px;font-size:14px}.compact button{margin-left:auto;display:flex}.workspace-starters{margin-bottom:35px}.workspace-starters>span{width:100%;margin-bottom:6px}.recent-projects>div#recentProjects{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-main .section-heading{gap:10px;align-items:center}.gallery-main h2{font-size:22px}.gallery-main .section-heading input{width:140px;font-size:11px}.project-card-art{height:85px;padding:17px;font-size:22px}.project-card strong{font-size:12px}.template-grid{gap:23px 14px}.template-card h3{font-size:14px}.template-card .line{font-size:11px}.template-action{font-size:10px}.gallery-controls{flex-wrap:wrap;gap:12px}.gallery-controls label:first-child{flex:1;min-width:150px}.gallery-controls input{width:100%}.gallery-controls select{width:130px}.gallery-count{padding:0;margin:0;width:100%}.gallery-pack{align-items:start;flex-direction:column}.gallery-plans{grid-template-columns:1fr}.editor .topbar{padding:9px 12px;min-height:102px;column-gap:8px;row-gap:9px}.topbar-start{flex:1}.topbar-start .gallery-back{font-size:10px}.topbar-start #docName{width:120px}.topbar-divider{display:none}.topbar-tools{margin-left:auto}.topbar-actions{width:100%;justify-content:flex-end}.topbar-actions .save-state{margin-right:auto}.topbar-actions #btnBrandKit{display:inline-flex}.topbar #btnPublish{background:#18151e}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(250px,1fr);overflow:auto}.grokbot-dock{grid-column:1;grid-row:1;border-right:0;border-bottom:1px solid var(--line);padding:16px 18px;max-height:45dvh;min-height:180px;overflow:auto;display:block}.gb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gb-head .rail-sub{display:none}.gb-head-text h2{font-size:16px;margin:0}.gb-tabs{margin-bottom:15px}.gb-thread{min-height:50px;max-height:150px;padding-bottom:10px}.gb-empty{font-size:11px;padding:0}.starter-context{margin-bottom:12px;padding:10px}.starter-context p{font-size:11px}.gb-composer{padding:10px;gap:7px;flex-wrap:nowrap;align-items:end}.gb-composer textarea{min-height:43px;font-size:12px}.gb-composer-help{margin-bottom:7px}.gb-composer-label{display:none}.voice-details{margin-top:10px;padding-top:10px}.stage-wrap{grid-column:1;grid-row:2;min-height:360px;padding:0 12px 12px}.stage-wrap iframe{min-height:290px}.canvas-toolbar{min-height:49px;gap:8px}.mobile-panel-toggle{display:inline-flex!important}.workspace.panel-collapsed{grid-template-rows:minmax(0,1fr)}.workspace.panel-collapsed .grokbot-dock{display:none}.workspace.panel-collapsed .stage-wrap{grid-row:1}.connect-banner,.payg-banner{padding:10px 14px;flex-wrap:wrap}.connect-banner strong,.payg-banner strong{font-size:11px}.connect-banner>span{font-size:10px}.gb-gate{padding:10px}.gb-gate p{font-size:10px}.section-library h3{font-size:15px}.section-library>p{font-size:11px}#sectionList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.section-tile{padding:10px;gap:7px}.section-tile>span{font-size:19px;width:23px}.section-tile strong{font-size:11px}.section-tile small{font-size:9px}.signin-screen{margin-top:50px}.wizard-card{margin:25px auto;padding:22px}.wizard-card h1{font-size:28px}.video-library-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:20px}dialog h2{font-size:23px}.template-dialog-actions .primary{font-size:12px}.payg-gate{bottom:20px;right:20px;left:20px;max-width:none}.offer-grid{grid-template-columns:1fr}}
@media(max-width:380px){.home-hero h1{font-size:43px}.home-nav{padding-inline:16px}.nav-actions{gap:10px}.home-section{padding-inline:18px}.template-grid{grid-template-columns:1fr}.gallery-main{padding-inline:18px}.home-footer nav{gap:10px}.topbar #btnBrandKit{display:none}.gallery-main .section-heading input{width:125px}.demo-page h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.swatches{display:flex;gap:10px;margin:13px 0}.swatches button{height:26px;width:26px;border:1px solid #ccc;border-radius:50%}.photo-hit input{display:block;font-size:11px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.dialog-footer p{margin:0;font-size:12px;color:var(--muted)}#templatePreviewImage{max-height:52dvh;object-fit:contain;background:var(--canvas);border-radius:10px;width:100%}#publishedUrl{display:block;font-size:14px;color:var(--focus);overflow-wrap:anywhere;margin:22px 0}#publishResult{max-width:560px}.settings-actions,.settings-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.settings-actions{justify-content:flex-start;margin-top:20px}.settings-head h2{margin-bottom:0}
/* Small interface copy maintains readable contrast on light surfaces. */
input::placeholder,textarea::placeholder{color:#73707b}.hero-note,.composer-bottom>span,.workspace-tagline,.gallery-account,.gallery-count,.template-card .category,.template-card .line,.project-card small,.gb-status,.gb-empty,.gb-composer-help,.canvas-toolbar,.section-tile small,.save-state,.demo-top{color:#6f6978}.template-dialog-actions p,.service-note{color:#6d6070}
.project-card-art{position:relative;overflow:hidden;height:160px}.project-card-art iframe{position:absolute;inset:0;width:1200px;height:750px;transform:scale(.3);transform-origin:0 0;border:0;pointer-events:none;background:white}@media(max-width:760px){.project-card-art{height:100px}.project-card-art iframe{transform:scale(.18)}}

/* Brandlit design system: editorial warmth, bright ember, open canvas. */
:root{color-scheme:light;--ink:#202622;--muted:#68716c;--line:#e5e0d7;--canvas:#f5f2ec;--paper:#faf8f4;--gold:#d96a48;--orange:#d96a48;--focus:#a7472f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink)}
body{background:#fff;color:var(--ink)}
.primary,.run{background:#25332d;color:#fff}.primary:hover,.run:hover{background:#3a4b43}.primary.orange{background:#d96a48;color:#231f1b}.primary.orange:hover{background:#ec805d}
.home-nav{height:76px;max-width:1320px;padding-inline:clamp(24px,5.5vw,80px);background:#fff;color:var(--ink);border-bottom:1px solid #ece8e1}.home-nav nav a{color:#59615b}.home-nav nav a:hover{color:#bf5538}.home-nav .primary{background:#26342e;color:white}.home-nav .primary:hover{background:#3a4b43}.brand-spark{color:#d96a48}.home-nav .brand-spark,.home-final .brand-spark{color:#d96a48}
.home-hero{padding:clamp(46px,6vw,86px) clamp(24px,5.5vw,80px) clamp(58px,7vw,96px);background:#f8f6f1;color:var(--ink);text-align:left}.hero-glow{inset:0;transform:none;width:100%;height:100%;background:radial-gradient(ellipse at 20% 42%,#f6dfd2 0,transparent 43%),radial-gradient(ellipse at 84% 18%,#e8eee7 0,transparent 38%);filter:none}.hero-layout{position:relative;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(42px,7vw,108px)}.hero-copy{max-width:590px}.brandlit-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:#72776f;font-size:10px;font-weight:700;letter-spacing:.14em;line-height:1.4}.brandlit-eyebrow>span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#db6c4b;box-shadow:0 0 0 4px #db6c4b1e}.hero-copy .brandlit-eyebrow{color:#a35039}.home-hero h1{max-width:620px;font-size:clamp(48px,5.5vw,77px);line-height:1.035;letter-spacing:-.068em;font-weight:650;margin:0 0 22px;text-wrap:balance}.hero-subtitle{max-width:470px;font-size:18px;line-height:1.55;color:#626b64;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hero-actions .primary{min-height:50px;padding:14px 19px;border-radius:8px;background:#d96a48;color:#211f1b}.hero-actions .primary:hover{background:#ed805d}.hero-actions .text-button{min-height:42px;color:#414a44;font-size:13px}.hero-note{margin:17px 0 0;color:#747b74;font-size:12px}
.hero-preview{width:100%;padding:13px;background:#fff;border:1px solid #e6e1d9;border-radius:14px;box-shadow:0 32px 80px #3f352416,0 4px 14px #3f35240a;transform:rotate(1deg)}.hero-preview-top,.hero-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#777a72;font-size:9px;font-weight:650;letter-spacing:.11em}.hero-preview-top{height:28px;padding:0 5px 12px}.preview-window-dots{display:flex;gap:4px}.preview-window-dots i{width:6px;height:6px;border-radius:50%;background:#e1ded8}.preview-window-dots i:first-child{background:#df9a7e}.hero-template-preview{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#ede8dc}.hero-template-preview img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .5s ease}.hero-template-preview:hover img{transform:scale(1.025)}.preview-stamp{position:absolute;right:16px;top:16px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#f8f6f1;color:#c65d3c;font:italic 19px Georgia,serif;box-shadow:0 4px 12px #17171922}.hero-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 8px 14px}.hero-preview-caption>div>span{color:#9a6b56;font-size:9px;font-weight:700;letter-spacing:.12em}.hero-preview-caption h2{margin:7px 0 0;color:#252b27;font:500 clamp(19px,2vw,26px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.03em}.hero-preview-caption>button{width:34px;height:34px;border:1px solid #e6e1d9;border-radius:50%;background:#fff;color:#bd5739;font-size:16px}.hero-preview-foot{border-top:1px solid #eeeae4;padding:12px 8px 1px;font-size:9px;letter-spacing:.04em;font-weight:500}.hero-preview-foot b{color:#d96a48;font-size:14px;margin-left:4px}
.home-section{max-width:1440px;margin:0 auto;padding:76px clamp(24px,5.5vw,80px)}.home-section h2{color:#222923}.section-heading{gap:24px}.showcase-grid{gap:24px}.showcase-card{border-radius:10px;background:#f8f6f1;overflow:hidden}.showcase-card img{transition:transform .45s ease}.showcase-card:hover img{transform:scale(1.02)}.showcase-card>span{padding-inline:17px;color:#28332d;font-weight:600}.showcase-card>small{padding:0 17px 16px;color:#a35a41}.workflow-section{max-width:1320px;gap:clamp(40px,8vw,110px);background:#fff}.workflow-copy .wordmark{color:#25332d}.workflow-copy h2{letter-spacing:-.055em}.design-demo{border-color:#e7e2d9;border-radius:12px;box-shadow:0 24px 65px #29271c12}.demo-top{background:#faf8f4}.demo-page{background:#faf8f4}.demo-page h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em}.demo-art{height:210px;width:100%;object-fit:cover;transform:none;border-radius:7px;box-shadow:none;background:none}.demo-art:before{content:none}.demo-controls{border-top:1px solid #e8e4dc}.demo-swatches button{outline-color:#fff}.feature-line{border-top-color:#e7e2d9}.feature-line>div{border-color:#e7e2d9}.feature-symbol{color:#c65d3c}
.home-pricing{max-width:none;padding:82px max(clamp(24px,5.5vw,80px),calc((100vw - 1320px)/2));background:#f8f6f1}.home-pricing .price-columns{max-width:1320px;margin:auto;gap:16px}.price-columns>article{padding:26px 24px;border:1px solid #e5dfd6;border-radius:10px;background:#fff}.price-columns>article:first-child{border-color:#d7b6a5;background:#fffdfb}.price-columns h3{color:#344038}.price-number{color:#202622}.price-columns ul{color:#555f58}.price-columns .primary.orange{background:#26342e;color:#fff}.price-columns .primary.orange:hover{background:#405248}.pricing-footnote,.service-note{max-width:1320px;margin-inline:auto}.home-final{max-width:1320px;margin:42px auto 20px;padding:62px 35px;background:#f4ece2;color:#26312b;border:1px solid #ebdfd2;border-radius:12px;text-align:center}.home-final p{color:#68716c}.home-final .primary{background:#d96a48;color:#231f1b}.home-final .primary:hover{background:#ec805d}.home-footer{max-width:1320px;margin:auto;border-top:1px solid var(--line)}
.gallery{background:#fff}.workspace-nav{background:#f8f6f1;border-right-color:#e9e4db}.workspace-nav .wordmark{color:#28332d}.workspace-nav button.active{background:#efe5d9;color:#703f30}.gallery-main{background:#fff}.gallery-welcome{max-width:960px}.gallery-welcome h1{font-size:clamp(34px,4vw,50px);letter-spacing:-.055em;color:#222a25}.gallery-welcome p:last-child{font-size:15px;color:#667069}.workspace-starters{display:flex;gap:12px;margin:22px 0 48px;flex-wrap:wrap}.workspace-starters>button{min-height:47px;padding:12px 17px;border:1px solid #e4ded5;border-radius:8px;background:#fff;color:#364039;font-size:12px;font-weight:600}.workspace-starters>button:first-child{border-color:#d96a48;background:#fbf1eb;color:#913f29}.workspace-starters>button:hover{border-color:#d96a48;background:#fbf4ef}.recent-projects,.gallery-main #workspaceTemplates{scroll-margin-top:32px}.recent-projects .section-heading{border-bottom:1px solid #eae5de;padding-bottom:15px}.template-card,.project-card{border-radius:9px;border-color:#e7e2d9;box-shadow:0 6px 20px #29271c07}.template-card:hover,.project-card:hover{border-color:#d6aa95;box-shadow:0 10px 28px #29271c12}.gallery-pack{border-color:#e8e2d8}.gallery-pack .primary{background:#26342e}
.topbar{background:#fff;border-bottom-color:#e9e4dc;box-shadow:0 2px 10px #25282006}.editor .topbar #btnPublish{background:#d96a48;color:#241f1b}.editor .topbar #btnPublish:hover{background:#ed805d}.topbar .usage-chip{background:#f5f1e9;border-color:#e8e0d2;color:#425147}.workspace{position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;background:#f4f1eb}.workspace.panel-collapsed{grid-template-columns:minmax(0,1fr)}.stage-wrap{grid-column:1;grid-row:1;min-width:0;min-height:0;padding:18px 22px 22px;background:#f4f1eb}.canvas-toolbar{border:1px solid #e7e2d9;border-radius:9px 9px 0 0;background:#fff;padding-inline:15px}.stage-wrap iframe{border:1px solid #e7e2d9;border-top:0;border-radius:0 0 9px 9px;box-shadow:0 8px 28px #28261d09}.grokbot-dock{position:fixed;z-index:60;right:22px;bottom:22px;top:auto;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100dvh - 110px));min-height:0!important;max-height:calc(100dvh - 96px);padding:18px;display:flex;flex-direction:column;gap:0;overflow:auto;border:1px solid #e4ddd3;border-radius:13px;background:#fff;box-shadow:0 18px 65px #27251d2b}.grokbot-dock[hidden]{display:none!important}.gb-head{position:sticky;top:-18px;z-index:2;display:flex;align-items:center;gap:8px;margin:-18px -18px 10px;padding:18px 15px 12px 18px;background:#fff;border-bottom:1px solid #eeeae3}.gb-head-text{flex:1;min-width:0}.gb-head .brandlit-eyebrow{margin-bottom:7px;color:#aa553d;font-size:9px}.gb-head-text h2{font-size:17px;letter-spacing:-.03em;margin-bottom:4px}.gb-head .rail-sub{font-size:11px;margin:0}.assistant-close{flex:none;width:33px;height:33px;border:1px solid #e8e2da;border-radius:50%;background:#fff;color:#526057;font-size:21px;line-height:1}.assistant-close:hover{background:#f6f1e9;border-color:#d96a48}.gb-status{font-size:10px!important;max-width:86px;text-align:right}.gb-tabs{margin-top:3px}.gb-tab.on{color:#b34d31;border-bottom-color:#d96a48}.gb-composer textarea:focus{outline:2px solid #d96a48}.assistant-launcher{position:fixed;z-index:55;right:24px;bottom:23px;display:flex;align-items:center;gap:9px;min-height:47px;padding:8px 13px 8px 10px;border:1px solid #d8a58f;border-radius:999px;background:#fffdfb;color:#334037;font-size:12px;font-weight:650;box-shadow:0 8px 25px #29251e20;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.assistant-launcher:hover{transform:translateY(-2px);border-color:#d96a48;box-shadow:0 11px 29px #29251e29}.assistant-launcher[aria-expanded="true"]{visibility:hidden}.assistant-orbit{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f7ebe4}.assistant-orbit:before{content:"";position:absolute;width:12px;height:12px;border:1.5px solid #c65c3b;border-radius:50%}.assistant-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d96a48}.assistant-orbit i:nth-child(1){transform:translateY(-9px)}.assistant-orbit i:nth-child(2){transform:translate(8px,5px)}.assistant-orbit i:nth-child(3){transform:translate(-8px,5px)}.assistant-launcher b{font-size:17px;font-weight:400;color:#bd563a}.mobile-panel-toggle{display:none!important}
@media(max-width:1000px){.hero-layout{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);gap:35px}.home-hero h1{font-size:clamp(48px,6vw,66px)}.home-section{padding-block:58px}.home-final{margin-inline:24px}.workspace-nav{padding-inline:16px}}
@media(max-width:760px){.home-nav{height:68px;padding-inline:20px}.home-nav nav{display:none}.home-nav .wordmark{font-size:21px}.home-nav .brand-spark{width:24px;height:24px}.nav-actions{gap:15px}.nav-actions .text-button{font-size:12px}.nav-actions .primary{font-size:11px;min-height:37px;padding:9px 12px}.home-hero{padding:43px 20px 48px}.hero-layout{grid-template-columns:1fr;gap:33px}.hero-copy{max-width:580px}.home-hero h1{font-size:clamp(46px,11vw,62px);line-height:1.04;letter-spacing:-.065em}.hero-subtitle{font-size:15px;max-width:430px;margin-bottom:22px}.hero-actions{gap:11px}.hero-actions .primary{font-size:12px;min-height:45px}.hero-actions .text-button{font-size:11px}.hero-preview{max-width:580px;margin:0 auto;transform:rotate(.5deg);padding:9px}.hero-preview-top{height:24px;font-size:8px}.hero-preview-caption{padding:13px 7px 11px}.hero-preview-caption h2{font-size:21px}.hero-preview-foot{font-size:8px}.home-section{padding:48px 20px}.section-heading{align-items:start;margin-bottom:22px}.home-section h2{font-size:28px;letter-spacing:-1px}.section-heading p{font-size:12px}.section-heading>.text-button{font-size:11px;max-width:100px}.showcase-grid{grid-template-columns:1fr;gap:18px}.showcase-card img{height:auto;aspect-ratio:1.65}.workflow-section{grid-template-columns:1fr;gap:30px}.workflow-copy h2{font-size:41px}.workflow-copy p{font-size:14px}.design-demo{width:100%}.demo-page{padding:25px 19px;min-height:205px}.demo-page h3{font-size:31px}.demo-art{height:148px}.demo-controls{gap:12px;padding:13px}.feature-line{grid-template-columns:1fr;gap:19px}.feature-line h3{font-size:14px}.feature-line p{font-size:12px}.home-pricing{padding:53px 20px}.centered{margin-bottom:28px}.centered h2{font-size:28px}.price-columns{grid-template-columns:1fr;gap:12px}.price-columns>article,.price-columns>article:nth-child(odd),.price-columns>article:nth-child(even){padding:19px;border:1px solid #e5dfd6}.price-columns h3{font-size:15px;margin-bottom:10px}.price-number{font-size:30px;margin:8px 0}.price-term{font-size:10px}.price-columns ul{font-size:11px;line-height:2;margin-bottom:13px}.price-columns button{font-size:11px}.home-final{margin:12px 20px;padding:39px 18px}.home-final h2{font-size:30px}.home-final p{font-size:14px}.home-footer{padding:25px 20px 31px;gap:17px}.home-footer nav{gap:13px;font-size:10px}.home-footer .wordmark{font-size:17px}.gallery{display:block}.workspace-nav{position:relative;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;padding:15px 16px;border-right:0;border-bottom:1px solid var(--line)}.workspace-tagline,.workspace-nav-bottom{display:none}.workspace-nav nav{display:flex;gap:3px;margin-left:auto}.workspace-nav button{font-size:10px;padding:8px 9px}.workspace-nav .wordmark{font-size:19px}.gallery-main{padding:29px 18px}.gallery-welcome h1{font-size:30px;letter-spacing:-1.2px}.gallery-welcome p{font-size:12px}.workspace-starters{gap:8px;margin:17px 0 35px}.workspace-starters>button{min-height:42px;padding:10px 12px;font-size:10px}.recent-projects>div#recentProjects{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-main .section-heading{gap:10px;align-items:center}.gallery-main h2{font-size:21px}.gallery-main .section-heading input{width:140px;font-size:11px}.project-card-art{height:85px;padding:17px;font-size:22px}.project-card strong{font-size:12px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px}.template-card h3{font-size:13px}.template-card .line{font-size:10px}.template-action{font-size:10px}.gallery-controls{flex-wrap:wrap;gap:11px}.gallery-controls label:first-child{flex:1;min-width:145px}.gallery-controls input{width:100%}.gallery-controls select{width:125px}.gallery-count{width:100%;margin:0;padding:0}.gallery-pack{align-items:start;flex-direction:column}.gallery-plans{grid-template-columns:1fr}.editor .topbar{padding:8px 11px;min-height:102px;column-gap:7px;row-gap:8px}.topbar-start{flex:1}.topbar-start .gallery-back{font-size:10px}.topbar-start #docName{width:112px}.topbar-divider{display:none}.topbar-tools{margin-left:auto}.topbar-actions{width:100%;justify-content:flex-end}.topbar-actions .save-state{margin-right:auto}.topbar-actions #btnBrandKit{display:inline-flex}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.grokbot-dock{right:12px;bottom:70px;width:min(390px,calc(100vw - 24px));height:min(590px,calc(100dvh - 82px));max-height:calc(100dvh - 76px);min-height:0!important;padding:14px}.gb-head{top:-14px;margin:-14px -14px 9px;padding:14px 11px 11px 14px}.gb-head-text h2{font-size:15px}.gb-head .rail-sub{font-size:10px}.gb-status{font-size:9px!important}.assistant-close{width:31px;height:31px}.assistant-launcher{right:14px;bottom:14px;min-height:43px}.stage-wrap{grid-column:1;grid-row:1;min-height:0;padding:10px}.stage-wrap iframe{min-height:250px}.canvas-toolbar{min-height:45px;gap:6px;padding-inline:10px}.canvas-hint{display:none}.connect-banner,.payg-banner{padding:9px 12px;flex-wrap:wrap}.connect-banner strong,.payg-banner strong{font-size:10px}.connect-banner>span{font-size:9px}.gb-gate{padding:10px}.gb-gate p{font-size:10px}#sectionList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.section-tile{padding:9px;gap:6px}.section-tile>span{font-size:18px;width:22px}.section-tile strong{font-size:10px}.section-tile small{font-size:9px}.signin-screen{margin-top:34px}.wizard-card{margin:20px auto;padding:19px}.wizard-card h1{font-size:27px}.video-library-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:18px}dialog h2{font-size:22px}.template-dialog-actions .primary{font-size:11px}.payg-gate{bottom:18px;right:16px;left:16px;max-width:none}.offer-grid{grid-template-columns:1fr}}
@media(max-width:420px){.home-nav{padding-inline:15px}.nav-actions{gap:10px}.home-hero{padding-inline:17px}.home-hero h1{font-size:45px}.hero-actions{align-items:stretch}.hero-actions .primary{flex:1}.hero-actions .text-button{justify-content:flex-start}.home-section{padding-inline:17px}.home-pricing{padding-inline:17px}.gallery-main{padding-inline:15px}.gallery-main .section-heading input{width:122px}.template-grid{grid-template-columns:1fr}.workspace-starters>button{flex:1 1 100%}.assistant-launcher{right:10px;bottom:10px}.grokbot-dock{right:8px;width:calc(100vw - 16px)}}
@media(max-height:560px) and (orientation:landscape){.grokbot-dock{right:10px;bottom:9px;width:min(380px,calc(100vw - 20px));height:calc(100dvh - 18px);max-height:calc(100dvh - 18px);min-height:0!important;padding:10px}.gb-head{position:sticky;top:-10px;margin:-10px -10px 7px;padding:10px 8px 8px 11px}.gb-head .rail-sub{display:none}.gb-thread{min-height:28px;max-height:78px;overflow:auto}.gb-tabs{margin-bottom:8px}.assistant-launcher{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-template-preview img,.assistant-launcher{transition:none!important}}

/* Keep the standalone Grok Bot setup guide inside the same Brandlit system. */
.install-guide{width:min(640px,calc(100% - 32px));margin:clamp(24px,6vh,64px) auto;padding:clamp(22px,5vw,36px);border:1px solid #e9e2d8;border-radius:14px;background:#fff;box-shadow:0 18px 58px #29271c12}
.install-guide>.brand{color:#26342e;font-size:24px;font-weight:750;letter-spacing:-1px}
.install-guide h1{margin:18px 0 9px;color:#222923;font-size:clamp(28px,5vw,36px);letter-spacing:-.05em}
.install-guide h2{margin:32px 0 12px;padding-top:23px;border-top:1px solid #eee9e1;color:#344038;font-size:17px;letter-spacing:-.025em}
.install-guide p,.install-guide li{font-size:13px;line-height:1.7}
.install-guide a{color:#a7472f;text-underline-offset:3px}
.install-guide .install-checklist{display:grid;gap:8px;padding:0;list-style:none}
.install-guide .install-checklist li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #eee9e1;border-radius:8px;background:#faf8f4}
.install-guide .install-checklist .mark{flex:none;color:#d96a48;font-weight:750}
.install-guide .row{gap:10px}
@media(max-width:640px){.install-guide{width:calc(100% - 24px);margin:12px auto;padding:21px 17px;border-radius:11px}.install-guide h2{margin-top:25px;padding-top:20px}}

/* Brandlit landing: real template pages and a canvas-first product story. */
.home-hero{max-width:1440px;margin:0 auto;padding:58px 5.5% 74px;text-align:left;background:radial-gradient(ellipse at 74% 33%,#f1e9db 0,transparent 45%),#faf9f6}
.hero-glow{display:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(42px,7vw,104px);max-width:1300px;margin:0 auto}
.hero-copy{max-width:560px}
.home-hero h1{max-width:none;margin:0 0 20px;color:#24312a;font-size:clamp(50px,5vw,68px);line-height:.99;letter-spacing:-.068em;font-weight:640}
.home-hero .brandlit-eyebrow{margin-bottom:22px}
.hero-subtitle{max-width:435px;margin:0 0 27px;color:#626b64;font-size:17px;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-actions .primary{min-height:50px;padding:14px 18px;border-radius:7px;font-size:13px}
.hero-actions .text-button{min-height:46px;padding:10px 12px;color:#3b4a41;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.hero-note{margin-top:18px;color:#747b74;font-size:11px;letter-spacing:.01em}
.hero-preview{width:100%;max-width:680px;justify-self:end;padding:11px;border:1px solid #e5e0d7;border-radius:14px;background:#fff;box-shadow:0 28px 70px #28291e19}
.hero-preview-top{height:34px;font-size:9px;letter-spacing:.13em}
.hero-template-preview{display:block;width:100%;padding:0;border-radius:7px;overflow:hidden;background:#eee9e0}
.hero-template-preview img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top}
.preview-stamp{top:16px;right:16px}
.hero-preview-caption{padding:17px 8px 12px}
.hero-preview-caption h2{font-size:18px;letter-spacing:-.035em}
.hero-preview-caption button{width:35px;height:35px}
.hero-preview-foot{padding:10px 8px 4px;font-size:10px}
.home-section{padding-block:86px}
.showcase-card img{height:auto;aspect-ratio:1.5;object-position:top;border-radius:9px;background:#eee9e0}
.workflow-section{align-items:center;gap:clamp(36px,7vw,92px);padding-block:104px}
.workflow-copy h2{max-width:9ch;color:#26342e}
.design-demo{width:100%;background:#fff;border-radius:12px;box-shadow:0 22px 56px #28291e12}
.demo-top{align-items:center;border-bottom:1px solid #eee9e1;font-size:9px;letter-spacing:.12em}
.demo-page{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:20px;min-height:0;padding:18px;background:#faf8f4}
.demo-art{display:block;width:100%;height:auto;aspect-ratio:1.25;transform:none;object-fit:cover;border-radius:6px;box-shadow:none}
.demo-copy{padding:8px 4px}
.demo-kicker{margin:0 0 10px;color:#aa553d;font-size:9px!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.demo-page .demo-copy h3{max-width:13ch;margin:0 0 12px;color:#28342d;font-size:clamp(20px,2.6vw,32px);line-height:1.06;letter-spacing:-.05em}
.demo-page .demo-copy p:last-child{max-width:30ch;margin:0;color:#69716a;font-size:12px;line-height:1.65}
.demo-bottom{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;color:#687168;font-size:9px;font-weight:600}
.feature-line{padding-top:12px}
.home-pricing{padding-block:88px 95px}
.price-columns>article{padding-inline:24px}
.home-final{background:linear-gradient(110deg,#f3ece2,#f8f5ef 52%,#edf0e8);border:1px solid #e9e2d7}
@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:34px}.home-hero h1{font-size:clamp(50px,6.5vw,68px)}.home-section{padding-inline:35px}.demo-bottom{flex-wrap:wrap}.price-columns>article{padding-inline:17px}}
@media(max-width:760px){.home-hero{padding:46px 22px 50px}.hero-layout{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:590px}.home-hero h1{max-width:none;margin-bottom:15px;font-size:clamp(44px,11.5vw,58px);line-height:1.02;letter-spacing:-.065em}.home-hero .brandlit-eyebrow{margin-bottom:15px}.hero-subtitle{max-width:36ch;margin-bottom:20px;font-size:15px}.hero-actions .primary{min-height:46px}.hero-preview{justify-self:center;max-width:620px}.home-section{padding:58px 22px}.showcase-grid{grid-template-columns:1fr;gap:26px}.showcase-card img{aspect-ratio:1.58}.workflow-section{grid-template-columns:1fr;gap:30px;padding-block:68px}.workflow-copy{max-width:560px}.workflow-copy h2{max-width:none}.design-demo{max-width:650px}.demo-page{grid-template-columns:.95fr 1.05fr;gap:14px;padding:14px}.demo-bottom{padding:13px 14px}.home-pricing{padding:58px 22px 70px}.home-final{margin:0 17px 30px;padding:50px 20px}}

/* Keep the editor's real action bar compact and readable on phone widths. */
@media(max-width:760px){
  .topbar{column-gap:6px;row-gap:5px;padding:8px 10px}
  .topbar-start{flex:1 1 calc(100% - 104px);gap:6px}
  .topbar-tools{flex:0 0 auto;gap:4px}
  .topbar-actions{flex:1 1 100%;width:100%;min-width:0;gap:6px;justify-content:space-between;flex-wrap:nowrap}
  .topbar-actions .save-state{flex:0 0 auto;font-size:10px}
  .topbar-actions .ghost,.topbar-actions .run{flex:0 1 auto;min-width:0;min-height:34px;padding:6px 8px;font-size:10px;line-height:1;white-space:nowrap}
}
@media(max-width:460px){.home-hero{padding-inline:17px}.home-hero h1{font-size:44px;letter-spacing:-2.5px}.hero-actions{align-items:flex-start}.hero-actions .primary{flex:1 1 100%;justify-content:space-between}.hero-actions .text-button{padding-left:0}.hero-preview{padding:8px;border-radius:11px}.hero-preview-top{height:28px}.hero-preview-caption{padding:13px 6px 9px}.home-section{padding-inline:17px}.demo-page{grid-template-columns:1fr}.demo-art{aspect-ratio:1.7}.demo-copy{padding:4px 2px 8px}.demo-page .demo-copy h3{max-width:20ch;font-size:25px}.demo-bottom{display:grid;grid-template-columns:1fr;gap:7px}.workflow-copy h2{font-size:41px}.home-pricing{padding-inline:17px}}

/* Editorial type repair: preserve the display character without colliding glyphs. */
.home-hero h1,.home-section h2,.workflow-copy h2,.demo-page .demo-copy h3,.gallery-welcome h1,.install-guide h1,.home-final h2,.gb-head-text h2{letter-spacing:-.025em}
.home-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.04;letter-spacing:-.03em}
.home-hero h1 em{color:var(--gold);font-style:italic;font-weight:500}
/* Voice call stays visible above the collapsible microphone settings. */
.voice-call{border-top:1px solid var(--line);padding-top:14px;margin-top:12px}.voice-call .voice-orb{margin-top:0;font-weight:700;font-size:13px}.voice-call .voice-status{margin:8px 0 2px}.voice-call .rail-sub{margin:0;font-size:11px;color:var(--muted)}.voice-call+.voice-details{border-top:0;margin-top:6px;padding-top:0}

/* The build is the Grok connection: the page, a hairline, and the mark. */
#view-landing,#view-gallery,#view-editor{background:#070708;color:#f4efe4;color-scheme:dark}
#view-landing .home-nav,#view-landing .home-hero,#view-landing .home-section,#view-landing .home-final,#view-landing .home-footer,#view-landing .home-pricing{background:#070708;color:#f4efe4}
#view-landing .home-hero{display:flex;align-items:center;min-block-size:100dvh;max-inline-size:none;padding-block:88px;text-align:start}
#view-landing .hero-layout{display:block}
#view-landing .hero-preview,#view-landing #templates,#view-landing #work,#view-landing .home-final{display:none}
#view-landing .home-hero h1,#view-landing h2,#view-landing h3{color:#f4efe4}
#view-landing .home-hero h1{font-size:clamp(64px,8vw,112px);line-height:.96}
#view-landing .home-hero h1 em{color:#f4efe4}
#view-landing .hero-subtitle,#view-landing .hero-note,#view-landing .section-heading p,#view-landing .price-term,#view-landing .workflow-copy p,#view-landing .home-footer nav,#view-landing .home-nav nav a{color:rgb(244 239 228 / 62%)}
#view-landing .primary,#view-landing .price-columns button{background:transparent;color:#f4efe4;border:0;border-radius:0;box-shadow:none;padding-inline:0}
#view-landing .price-columns>article{border-color:rgb(244 239 228 / 18%)}
#view-gallery .workspace-nav,#view-gallery .gallery-main{background:#070708;color:#f4efe4}
#view-gallery .workspace-nav{border-inline-end:1px solid rgb(244 239 228 / 16%)}
#view-gallery .gallery-welcome h1,#view-gallery .wordmark{color:#f4efe4}
#view-gallery .template-card,#view-gallery .project-card{background:transparent;border:0;border-block-start:1px solid rgb(244 239 228 / 16%);border-radius:0;box-shadow:none}
#view-editor .app{background:#070708;block-size:100dvh}
#view-editor .topbar{position:absolute;inset-block-start:0;inset-inline:0;z-index:5;min-block-size:0;padding:16px 20px;background:transparent;border:0;box-shadow:none;pointer-events:none}
#view-editor .topbar :is(.editor-brand,#docName,#saveState,#btnEditorGallery,#btnUndo,#btnRedo,#btnExportHtml,#btnPublish){pointer-events:auto}
#view-editor .topbar :is(#stageMode,#btnReloadSite,#btnBrandKit,#btnSettings,.usage-chip,.account-chip,.topbar-divider){display:none!important}
#view-editor .editor-brand .wordmark{color:#f4efe4;font-size:13px;font-weight:560;letter-spacing:.16em;text-transform:uppercase}
#view-editor .brand-spark{inline-size:14px;block-size:14px;color:#f4efe4}
#view-editor #docName,#view-editor #saveState{background:transparent;border:0;color:rgb(244 239 228 / 62%);padding:0;font-size:13px}
#view-editor .topbar .ghost,#view-editor .topbar .icon,#view-editor #btnPublish{background:transparent;color:#f4efe4;border:0;border-radius:0;box-shadow:none;min-block-size:0;padding:0 8px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
#view-editor .workspace{background:#070708;padding-block-end:92px}
#view-editor .stage-wrap{padding:0;background:#070708}
#view-editor .canvas-toolbar,#view-editor #btnAssistantLauncher,#view-editor #connectBanner,#view-editor #paygBanner,#view-editor .cmdbar{display:none!important}
#view-editor .stage-wrap iframe{display:block;inline-size:100%;block-size:100%;border:0;border-radius:0;box-shadow:none;background:#070708}
#view-editor #grokbot-dock{position:fixed;z-index:40;inset:auto 0 0 0;inline-size:auto;block-size:auto;max-block-size:none;min-block-size:0!important;margin:0;padding:0 20px 18px;display:grid!important;grid-template-columns:34px minmax(0,680px);grid-template-rows:auto auto;justify-content:center;align-items:end;column-gap:14px;background:linear-gradient(to top,#070708 68%,transparent);border:0;border-radius:0;box-shadow:none;pointer-events:none}
#view-editor .gb-head{grid-column:1;grid-row:2;position:relative;inline-size:34px;block-size:34px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;pointer-events:none;align-self:end}
#view-editor .gb-head-text,#view-editor #btnAssistantClose,#view-editor .gb-tabs,#view-editor .gb-gate,#view-editor .editor-quick-actions,#view-editor .gb-composer-label,#view-editor .gb-composer-help,#view-editor .starter-context,#view-editor #grokBotInspectPane,#view-editor #sectionsPane,#view-editor .voice-details,#view-editor .voice-status,#view-editor .voice-call .rail-sub{display:none!important}
#view-editor #grokBotStatusChip{display:none}
#view-editor #grokBotStatusChip[data-state="live"]{display:block;position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:7px;block-size:7px;padding:0;border-radius:50%;background:#3dff9a;color:transparent;font-size:0;overflow:hidden}
#view-editor #grokBotChatPane{grid-column:2;grid-row:1 / span 2;display:flex!important;flex-direction:column;justify-content:flex-end;min-block-size:0;padding:0;background:transparent;pointer-events:none}
#view-editor .voice-call{grid-column:1;grid-row:2;margin:0;padding:0 0 6px;border:0;pointer-events:auto;align-self:end}
#view-editor #grokBotThread,#view-editor .gb-composer,#view-editor #micBtn{pointer-events:auto}
#view-editor #grokBotThread{max-block-size:7.5rem;overflow:auto;margin:0 0 8px;background:transparent;color:rgb(244 239 228 / 82%);font-size:13px;scrollbar-width:thin}
#view-editor .gb-bubble{background:transparent;border:0;padding:0;color:inherit}
#view-editor .gb-user{text-align:end;color:#fff}
#view-editor .gb-name,#view-editor .gb-avatar,#view-editor .gb-chips{display:none}
#view-editor .gb-composer{display:flex;align-items:center;gap:12px;inline-size:100%;margin:0;padding:12px 0 2px;background:transparent;border:0;border-block-start:1px solid rgb(244 239 228 / 28%);border-radius:0;box-shadow:none}
#view-editor #grokBotInput{flex:1 1 auto;min-inline-size:0;min-block-size:1.4em;max-block-size:6.5rem;padding:0;border:0;border-radius:0;background:transparent;color:#f4efe4;font-size:17px;line-height:1.4;resize:none;field-sizing:content}
#view-editor #grokBotInput::placeholder{color:rgb(244 239 228 / 38%)}
#view-editor #grokBotSend{background:transparent;color:#f4efe4;border:0;border-radius:0;min-block-size:0;padding:0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
#view-editor #micBtn{position:relative;inline-size:34px;block-size:34px;min-block-size:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#f4efe4;box-shadow:none}
#view-editor #micActionLabel{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
#view-editor #micBtn::before{content:"";display:block;inline-size:16px;block-size:16px;margin-inline:auto;background:#f4efe4;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='black' d='M16 1C15 11 11 15 1 16c10 1 14 5 15 15 1-10 5-14 15-15C21 15 17 11 16 1Z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='black' d='M16 1C15 11 11 15 1 16c10 1 14 5 15 15 1-10 5-14 15-15C21 15 17 11 16 1Z'/></svg>");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
#view-editor #micBtn.live{box-shadow:0 0 0 1px #3dff9a}
@media(max-width:760px){#view-editor #grokbot-dock{padding-inline:14px;grid-template-columns:32px minmax(0,1fr)}#view-editor .workspace{padding-block-end:72px}#view-landing .home-hero h1{font-size:clamp(48px,14vw,72px)}}
#view-editor .workspace{padding-block-end:72px}
#view-editor #grokBotChatPane{display:contents!important}
#view-editor #grokBotThread{flex:0 0 auto;grid-column:1 / -1;grid-row:1;min-block-size:0;min-height:0;padding:0}
#view-editor #grokBotThread:empty{display:none}
#view-editor .gb-composer,#view-editor .gb-composer textarea{flex-wrap:nowrap;inline-size:auto;width:auto;min-height:0;min-block-size:0}
#view-editor .gb-composer{grid-column:2;grid-row:2;align-items:center}
#view-editor #grokBotInput{flex:1 1 auto;min-inline-size:0;inline-size:auto;width:auto}
#view-editor .voice-call,#view-editor .gb-head{align-self:center}
#view-landing .home-hero{overflow:visible}
#view-landing .hero-copy{max-inline-size:100%}
#view-landing .home-hero h1{max-inline-size:100%;font-size:clamp(42px,11vw,104px)}
@media(max-width:760px){#view-landing .home-hero{padding-inline:22px}#view-landing .home-hero h1{font-size:clamp(40px,10.5vw,52px);line-height:1.02}}

/* The thing that opens is the connection. The old site and the old toolbar stay in the document and off the screen. */
#view-landing .home-nav nav,
#view-landing #btnGetStarted,
#view-landing .skip-link,
#view-landing .brandlit-eyebrow,
#view-landing .hero-subtitle,
#view-landing .hero-note,
#view-landing #btnHeroTemplates,
#view-landing #homeBuildStatus,
#view-landing .home-section,
#view-landing .home-footer,
#view-landing .home-hero h1{display:none!important}
#view-landing .home-nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:3;display:flex;justify-content:center;align-items:center;min-block-size:0;padding:28px 24px 0;background:transparent;border:0;box-shadow:none}
#view-landing .home-nav .wordmark{font-size:13px;font-weight:560;letter-spacing:.22em;text-transform:uppercase;color:#f4efe4}
#view-landing #btnNavSignIn{position:fixed;inset-block-start:22px;inset-inline-end:22px;background:transparent;color:rgb(244 239 228 / 62%);border:0;padding:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
#view-landing .home-hero{display:grid;place-items:end center;min-block-size:100dvh;padding:0 24px 22vh;text-align:center}
#view-landing .hero-layout,#view-landing .hero-copy,#view-landing .hero-actions{display:contents}
#view-landing #btnHeroBlank{display:block;inline-size:min(680px,100%);margin:0;padding:14px 0 0;border:0;border-block-start:1px solid rgb(244 239 228 / 28%);border-radius:0;background:transparent;color:rgb(244 239 228 / 46%);font-size:0;font-weight:400;letter-spacing:0;text-transform:none;text-align:start}
#view-landing #btnHeroBlank::after{content:"Ask Grok";font-size:17px;letter-spacing:0}
#view-editor .topbar{display:none!important}
#view-editor .workspace{flex:1;min-block-size:0;padding:0!important}
#view-editor .stage-wrap{block-size:100%}
#view-editor #grokbot-dock{background:linear-gradient(to top,rgb(7 7 8 / 92%),rgb(7 7 8 / 0%));padding-block:48px 22px}
#view-editor .gb-composer{border:0;padding:0}
#view-editor #grokBotThread{text-align:center}
#view-editor .gb-msg{display:none}
#view-editor .gb-msg:last-child{display:block}
#view-editor #grokBotSend{font-size:0;letter-spacing:0;text-transform:none}
#view-editor #grokBotSend::after{content:"↵";font-size:18px;line-height:1}