.landing{--lw:min(94vw, 92rem);--r:16px;--glow:#1f9c76}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .landing{--glow:#57e0b4}}:root[data-theme=dark] .landing{--glow:#57e0b4}.landing .lw{max-width:var(--lw);margin:0 auto;padding:0 1.5rem}.landing h2{letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(1.5rem,3.4vw,2.1rem)}.landing .sec{border-top:1px solid var(--line);padding:clamp(3.5rem,7vw,5.5rem) 0}.landing .sec.tint{background:var(--side)}.landing .sec-head{max-width:40rem;margin:0 0 2.5rem}.landing .sec-head p{color:var(--muted);margin:0;font-size:1.05rem}.landing .eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-size:.78rem;font-weight:650}@media (prefers-reduced-motion:no-preference){.landing [data-rise]{opacity:0;transform:translateY(16px)}.landing [data-rise].in{opacity:1;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.3,1);transform:none}}.landing .hero{padding:clamp(2.5rem,6vw,5rem) 0 0;position:relative;overflow:hidden}.landing .hero:before{content:"";pointer-events:none;background:radial-gradient(44rem 26rem at 50% 38%, color-mix(in oklab, var(--glow) 26%, transparent), transparent 70%), radial-gradient(26rem 20rem at 14% 46%, color-mix(in oklab, var(--glow) 15%, transparent), transparent 70%), radial-gradient(28rem 20rem at 86% 42%, color-mix(in oklab, var(--glow) 13%, transparent), transparent 70%);filter:blur(18px);height:60rem;position:absolute;inset:-20rem 0 auto}@media (prefers-reduced-motion:no-preference){.landing .hero:before{animation:24s ease-in-out infinite alternate l-drift}}@keyframes l-drift{0%{transform:translate(-2%)scale(1)}to{transform:translate(2%,1.5%)scale(1.06)}}.landing .hero:after{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);opacity:.6;background-size:3.5rem 3.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 12%,#000,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 12%,#000,#0000 75%)}.landing .hero>.lw{position:relative}.landing .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,4vw,4rem);padding-top:clamp(1rem,3vw,2.5rem);padding-bottom:clamp(3rem,6vw,5rem);display:grid}.landing .hero-copy{max-width:34rem}@media (width<=64rem){.landing .hero-grid{grid-template-columns:1fr}.landing .hero-copy{max-width:40rem}}.landing .pill{border:1px solid var(--line);background:color-mix(in oklab, var(--panel) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);border-radius:999px;align-items:center;gap:.5rem;margin:0 0 1.35rem;padding:.32rem .8rem .32rem .55rem;font-size:.83rem;display:inline-flex}.landing .pill b{color:var(--ink);font-weight:600}.landing .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 60%, transparent);border-radius:50%;flex:none}@media (prefers-reduced-motion:no-preference){.landing .dot{animation:2.4s ease-out infinite l-ping}}@keyframes l-ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 55%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}.landing h1.big{letter-spacing:-.035em;margin:0 0 1rem;font-size:clamp(2.35rem,4.4vw,3.6rem);font-weight:680;line-height:1.02}.landing h1.big em{background:linear-gradient(100deg, var(--accent), color-mix(in oklab, var(--accent) 45%, var(--ink)));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.landing .hero p.sub{color:var(--muted);margin:0 0 1.9rem;font-size:clamp(1rem,1.35vw,1.13rem);line-height:1.6}.landing .cta{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.landing .cta .big-btn{box-shadow:0 1px 2px #0000001a, 0 8px 24px -12px color-mix(in oklab, var(--accent) 70%, transparent);border-radius:10px;align-items:center;gap:.5rem;padding:.78rem 1.5rem;font-size:1rem;display:inline-flex}.landing .cta .big-btn:hover{transform:translateY(-1px)}.landing .cta .big-btn{transition:transform .14s,background .14s}.landing .cta .ghost{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:.4rem;padding:.78rem 1.15rem;font:550 .95rem/1 inherit;text-decoration:none;transition:border-color .14s,background .14s;display:inline-flex}.landing .cta .ghost.mono{font-family:var(--mono);padding:.78rem 1rem;font-size:.87rem}.landing .cta .ghost:hover{border-color:var(--accent);background:var(--hover)}.landing .cta .ghost .tick{color:var(--accent)}.landing .assurance{color:var(--muted);margin:1.1rem 0 0;font-size:.86rem}.landing .demo{min-width:0}.landing .win{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden;box-shadow:0 1px 2px #0000000d,0 30px 60px -30px #00000038}.landing .win-bar{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--side) 70%, var(--panel));align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.landing .lights{gap:.4rem;display:flex}.landing .lights i{background:var(--line);border-radius:50%;width:10px;height:10px}.landing .tabs{gap:.25rem;margin-left:.5rem;display:flex}.landing .tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;padding:.3rem .75rem;font-size:.85rem;font-weight:550}.landing .tabs button:hover{color:var(--ink);background:var(--hover)}.landing .tabs button.on{color:var(--ink);background:var(--panel);border-color:var(--line)}.landing .win-where{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:.75rem}.landing .screen{flex-direction:column;gap:.6rem;min-height:17.5rem;padding:1.2rem 1.3rem;font-size:.92rem;line-height:1.6;display:flex}.landing .screen .b-sh,.landing .screen .b-raw,.landing .screen .b-act,.landing .screen .b-you,.landing .screen .b-sig{font-family:var(--mono);font-size:.83rem;line-height:1.75}.landing .screen .b{white-space:pre-wrap;word-break:break-word;margin:0}.landing .screen .b:empty{display:none}.landing .b-me{background:var(--accent);max-width:82%;color:var(--accent-ink);border-radius:14px 14px 4px;align-self:flex-end;padding:.5rem .85rem}.landing .b-say{max-width:92%}.landing .b-sh{color:var(--ink)}.landing .b-sh:before{content:"$ ";color:var(--accent)}.landing .b-you{color:var(--ink);font-weight:600}.landing .b-you:before{content:"> ";color:var(--accent);font-weight:400}.landing .b-raw{color:var(--muted)}.landing .b-sig{color:var(--accent)}.landing .b-act{color:var(--muted)}.landing .b-doc{border:1px solid var(--line);background:var(--code-bg);border-radius:10px;align-self:flex-start;align-items:center;gap:.55rem;padding:.5rem .8rem;font-size:.85rem;display:inline-flex}.landing .b-doc svg{color:var(--accent);flex:none}.landing .b-doc em{color:var(--muted);font-style:normal}.landing .screen.chat{justify-content:flex-end}.landing .caret{vertical-align:-.15em;background:var(--accent);width:.5rem;height:1em;margin-left:1px;display:inline-block}@media (prefers-reduced-motion:no-preference){.landing .caret{animation:1.05s step-end infinite l-blink}}@keyframes l-blink{50%{opacity:0}}.landing .strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.landing .strip .lw{grid-template-columns:repeat(4,1fr);gap:0;padding-top:0;padding-bottom:0;display:grid}.landing .fact{border-left:1px solid var(--line);padding:1.9rem 1.5rem}.landing .fact:first-child{border-left:0;padding-left:0}.landing .fact strong{letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.02rem;display:block}.landing .fact span{color:var(--muted);font-size:.88rem}@media (width<=60rem){.landing .strip .lw{grid-template-columns:1fr 1fr}.landing .fact:nth-child(odd){border-left:0;padding-left:0}}@media (width<=34rem){.landing .strip .lw{grid-template-columns:1fr}.landing .fact{border-left:0;padding-left:0}}.landing .bento{grid-template-columns:repeat(6,1fr);gap:.85rem;display:grid}.landing .cell{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);grid-column:span 2;padding:1.35rem 1.4rem 1.45rem;transition:border-color .16s,transform .16s}.landing .cell:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--line));transform:translateY(-2px)}.landing .cell.wide{grid-column:span 3}.landing .cell h3{letter-spacing:-.01em;margin:.85rem 0 .4rem;font-size:1rem}.landing .cell p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.landing .cell .ic{background:color-mix(in oklab, var(--accent) 14%, transparent);width:2rem;height:2rem;color:var(--accent);border-radius:8px;place-items:center;display:grid}.landing .cell code{background:var(--code-bg);border-radius:4px;padding:.1em .35em;font-size:.85em}@media (width<=62rem){.landing .bento{grid-template-columns:repeat(4,1fr)}.landing .cell.wide{grid-column:span 4}}@media (width<=38rem){.landing .bento{grid-template-columns:1fr}.landing .cell,.landing .cell.wide{grid-column:span 1}}.landing .flow{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing .flow .n{font-family:var(--mono);color:var(--accent);border:1px solid var(--line);border-radius:999px;place-items:center;width:1.9rem;height:1.9rem;margin:0 0 .9rem;font-size:.8rem;display:grid}.landing .flow h3{margin:0 0 .35rem;font-size:1.02rem}.landing .flow p{color:var(--muted);margin:0;font-size:.93rem}.landing .flow pre{background:var(--code-bg);border:1px solid var(--line);border-radius:8px;margin:.85rem 0 0;padding:.6rem .75rem;font-size:.8rem;overflow-x:auto}@media (width<=50rem){.landing .flow{grid-template-columns:1fr;gap:1.75rem}}.landing .qa-sec .lw{grid-template-columns:20rem 1fr;align-items:start;gap:3.5rem;display:grid}.landing .qa-sec .sec-head{margin:0;position:sticky;top:6rem}.landing .qa{border-top:1px solid var(--line)}@media (width<=56rem){.landing .qa-sec .lw{grid-template-columns:1fr;gap:1.75rem}.landing .qa-sec .sec-head{position:static}}.landing details{border-bottom:1px solid var(--line)}.landing summary{cursor:pointer;padding:1.1rem 2rem 1.1rem 0;font-size:1rem;font-weight:550;list-style:none;position:relative}.landing summary::-webkit-details-marker{display:none}.landing summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:9px;height:9px;transition:transform .18s;position:absolute;top:1.45rem;right:.4rem;transform:rotate(45deg)}.landing details[open] summary:after{transform:rotate(-135deg)}.landing details p{color:var(--muted);margin:0 0 1.1rem;font-size:.95rem}.landing .last .box{border:1px solid var(--line);background:radial-gradient(38rem 16rem at 20% 0%, color-mix(in oklab, var(--glow) 18%, transparent), transparent 70%), var(--panel);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,3vw,3rem);padding:clamp(2rem,3.5vw,2.9rem) clamp(1.75rem,3vw,3rem);display:grid}.landing .last h2{margin-bottom:.5rem}.landing .last p{color:var(--muted);max-width:42rem;margin:0}@media (width<=58rem){.landing .last .box{grid-template-columns:1fr}}main.bleed{max-width:none;padding:0}main.bleed~footer .wrap{max-width:min(94vw,92rem)}header.top.floating{z-index:40;background:var(--bg);border-bottom-color:#0000;margin-bottom:0;transition:border-color .2s,background .2s;position:sticky;top:0}header.top.floating.stuck{border-bottom-color:var(--line)}header.top.floating .wrap{max-width:min(94vw,92rem)}header.top nav a{color:var(--muted);border:1px solid #0000;border-radius:7px;padding:.38rem .7rem;font-weight:550;text-decoration:none;transition:color .14s,background .14s,border-color .14s}header.top nav a:hover{color:var(--ink);background:var(--hover)}header.top nav a.cta-link{background:var(--accent);color:var(--accent-ink);border-color:#0000}header.top nav a.cta-link:hover{background:color-mix(in oklab, var(--accent) 88%, var(--ink))}header.top nav{align-items:center;gap:.3rem}footer.big{border-top:1px solid var(--line);margin:0;padding:3.5rem 0 2rem;font-size:.92rem}footer.big .wrap{max-width:min(94vw,92rem);display:block}footer.big .cols{grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem;display:grid}footer.big .about p{max-width:22rem;color:var(--muted);margin:.6rem 0 0;font-size:.88rem}footer.big h4{letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin:0 0 .85rem;font-size:.76rem}footer.big ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}footer.big a{color:var(--muted);text-decoration:none}footer.big a:hover{color:var(--accent)}footer.big .rule{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin:2.75rem 0 0;padding-top:1.25rem;font-size:.8rem;line-height:1.6}footer.big .rule .by{opacity:.72;margin-top:.15rem;font-size:.72rem;display:block}@media (width<=56rem){footer.big .cols{grid-template-columns:1fr 1fr;gap:2rem}footer.big .about{grid-column:1/-1}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbfbfa;--panel:#fff;--ink:#1a1a19;--muted:#6b6b66;--line:#e4e4e0;--accent:#2f5d50;--accent-ink:#fff;--danger:#9b2c2c;--code-bg:#f4f4f1;--side:#f4f4f1;--hover:#00000008;--radius:8px;--glow:#1f9c76;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#161615;--panel:#1f1f1e;--side:#131312;--ink:#eceae4;--muted:#9a9a92;--line:#333331;--hover:#26262444;--accent:#7fc0ab;--accent-ink:#10221c;--danger:#e08585;--code-bg:#262624;--glow:#57e0b4}}:root[data-theme=dark]{--bg:#161615;--panel:#1f1f1e;--side:#131312;--ink:#eceae4;--muted:#9a9a92;--line:#333331;--hover:#26262444;--accent:#7fc0ab;--accent-ink:#10221c;--danger:#e08585;--code-bg:#262624;--glow:#57e0b4}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}header.top{border-bottom:1px solid var(--line);margin-bottom:2.5rem;padding:1rem 0}header.top .wrap{align-items:center;gap:1rem;display:flex}header.top nav{gap:1.25rem;margin-left:auto;font-size:.95rem;display:flex}.brand{letter-spacing:-.01em;color:var(--ink);align-items:center;font-weight:650;text-decoration:none;display:inline-flex}.brand span{color:var(--accent)}.brand .brandmark{flex:none;margin-right:.45rem;display:block}h1{letter-spacing:-.02em;margin:0 0 .6rem;font-size:1.9rem;line-height:1.25}h2{margin:2.5rem 0 .75rem;font-size:1.2rem}p.lead{color:var(--muted);margin-top:0;font-size:1.05rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.75rem}.auth{max-width:24rem;margin:4vh auto 0}.auth h1{text-align:center;font-size:1.5rem}.auth>.lead{text-align:center;margin-bottom:1.25rem}.auth .panel{padding:1.5rem}.auth form button[type=submit]{width:100%;margin-top:.35rem}.auth .alt{text-align:center;color:var(--muted);margin:1rem 0 0;font-size:.9rem}label{margin:1rem 0 .35rem;font-size:.9rem;font-weight:550;display:block}input[type=email],input[type=password],input[type=text]{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:.6rem .7rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.6rem 1.1rem;font-weight:550;transition:background .12s,border-color .12s,opacity .12s}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{opacity:.55;cursor:default;filter:none}button.secondary{color:var(--ink);border-color:var(--line);background:0 0}button.danger{color:var(--danger);border-color:var(--line);background:0 0}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.mt{margin-top:1.25rem}.note,.error,.ok{border:1px solid var(--line);border-radius:6px;margin:1rem 0 0;padding:.7rem .9rem;font-size:.94rem}.error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.ok{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.muted{color:var(--muted);font-size:.92rem}pre,code{font-family:var(--mono);font-size:.9rem}pre.cmd{background:var(--code-bg);border:1px solid var(--line);border-radius:6px;margin:0;padding:.85rem 1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.6rem .5rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.82rem;font-weight:600}td.revoked{color:var(--muted);text-decoration:line-through}.side-kind{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:.05rem .45rem;font-size:.7rem}.side-nav{padding:0 var(--gut);flex-direction:column;gap:.1rem;display:flex}.side-nav>button,.side-nav>a{text-align:left;width:100%;color:var(--ink);font:inherit;padding:.5rem var(--gut);background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;font-size:.92rem;text-decoration:none;display:flex}.side-nav>button:hover,.side-nav>a:hover{background:var(--hover)}.side-nav>button.on{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);font-weight:550}.side-nav>button.on .i{color:var(--accent)}.side-nav.quiet>button,.side-nav.quiet>a{color:var(--muted);font-size:.88rem}.side-nav.quiet{margin-bottom:.5rem;padding:0}.console .side-nav{flex:1;min-height:0;overflow-y:auto}.console-top{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.7rem;padding:.85rem 1.5rem;display:flex}.console-top h1{margin:0;font-size:1.15rem}.console-top .reveal-nav{display:none}.console.collapsed .console-top .reveal-nav{display:inline-flex}.console-body{flex:1;min-height:0;padding:1.75rem 1.5rem 4rem;overflow-y:auto}.console-body>*{max-width:46rem;margin-left:auto;margin-right:auto}.section-lead{margin:0 auto 1.5rem}.cards{grid-template-columns:1fr 1fr;gap:.9rem;margin:0 auto 1.25rem;display:grid}@media (width<=44rem){.cards{grid-template-columns:1fr}}.card{text-align:left;background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:12px;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;display:flex}.card:hover{border-color:var(--accent)}.card-top{align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;display:flex}.card-figure{font-variant-numeric:tabular-nums;font-size:1.9rem;line-height:1.1}.card p{color:var(--muted);margin:0;font-size:.86rem}.card-go{color:var(--accent);margin-top:.35rem;font-size:.86rem}.dev-panel{margin-bottom:1.25rem;padding:0;overflow:hidden}.dev-panel>header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--code-bg) 55%, transparent);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.9rem 1.15rem;display:flex}.dev-panel>header h2{margin:0;font-size:1rem}.count{font-variant-numeric:tabular-nums;background:var(--code-bg);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.05rem .45rem;font-size:.72rem}.dev-panel{margin-left:auto;margin-right:auto}.primary-action{white-space:nowrap;align-items:center;gap:.4rem;margin-left:auto;padding:.42rem .8rem;font-size:.88rem;display:inline-flex}.panel-note{margin:0;padding:.85rem 1.15rem 0;font-size:.86rem}.empty-state{text-align:center;padding:2.25rem 1.15rem}.empty-state .i{color:var(--muted);opacity:.6}.empty-state p{margin:.4rem 0 0;font-size:.9rem}.steps{gap:1.4rem;margin:0;padding:1.15rem;list-style:none;display:grid}.step-head{align-items:center;gap:.5rem;margin-bottom:.55rem;font-weight:600;display:flex}.num{background:var(--accent);width:1.4rem;height:1.4rem;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.78rem;display:grid}.steps p.muted{margin:.5rem 0 0;font-size:.86rem}.cmdbox{position:relative}.cmdbox pre{background:var(--code-bg);border:1px solid var(--line);white-space:pre;border-radius:8px;margin:0;padding:.7rem 5rem .7rem .85rem;font-size:.85rem;overflow-x:auto}.cmdbox.tall pre{padding-top:2.4rem;padding-right:.85rem}.cmdcopy{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.78rem;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.cmdcopy:hover{color:var(--ink);border-color:var(--accent)}.creds{font-size:.9rem}.creds th,.creds td{padding:.55rem 1.15rem}.creds thead th{border-bottom:1px solid var(--line);background:0 0}.creds tbody tr:last-child td{border-bottom:none}.creds tbody tr:hover{background:var(--hover)}.creds td.label{font-weight:500}.creds tr.revoked td.label{color:var(--muted);text-decoration:line-through}.creds td.right{text-align:right}.creds td.right>button{color:var(--muted)}.confirm{align-items:center;gap:.3rem;display:inline-flex}button.small{padding:.28rem .6rem;font-size:.82rem}.creds .tag{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.05rem .4rem;font-size:.7rem}.fresh{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);border-radius:10px;margin:1.15rem 1.15rem 0;padding:.8rem}.fresh-head{align-items:center;gap:.45rem;margin-bottom:.55rem;font-size:.88rem;display:flex}.fresh-head .ghost{margin-left:auto}.usage{padding:1.15rem}.usage p.muted{margin:0 0 .7rem;font-size:.86rem}.usage p.muted:last-child{margin:.7rem 0 0}.small-note{margin:.4rem 0 0;font-size:.82rem}.sheet label{margin-top:0}.icon-btn.danger-hover:hover{color:var(--danger)}.confirm .muted{font-size:.84rem}.banner{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent);border-radius:10px;align-items:flex-start;gap:.6rem;margin-bottom:1.25rem;padding:.8rem .95rem;font-size:.9rem;display:flex}.banner .i{color:var(--danger);margin-top:.15rem}.skeleton{gap:.6rem;margin:0;padding:1.15rem;list-style:none;display:grid}.skeleton li{background:linear-gradient(90deg, var(--code-bg) 25%, var(--line) 37%, var(--code-bg) 63%);background-size:400% 100%;border-radius:6px;height:1.1rem;animation:1.4s infinite shimmer}.skeleton li:nth-child(2){width:80%}.skeleton li:nth-child(3){width:60%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.code-display{font-family:var(--mono);letter-spacing:.15em;text-align:center;background:var(--code-bg);border-radius:var(--radius);border:1px solid var(--line);padding:1rem;font-size:2rem}footer{color:var(--muted);margin:4rem 0 3rem;font-size:.88rem}footer .wrap{flex-wrap:wrap;gap:1.25rem;display:flex}.products{grid-template-columns:1fr 1fr;gap:1rem;margin:1.75rem 0 0;display:grid}.product{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.35rem 1.4rem}.product h2{margin:0 0 .5rem;font-size:1.05rem}.product p{color:var(--muted);margin:0 0 1.1rem;font-size:.95rem}@media (width<=40rem){.products{grid-template-columns:1fr}}main.wide{max-width:none;padding:0}body.app-chat,body.app-chat #root{height:100dvh}body.app-chat{overflow:hidden}body.app-chat #root{flex-direction:column;display:flex;overflow:hidden}body.app-chat header.top{flex:none;margin-bottom:0}body.app-chat main.wide{flex:1;min-height:0}.app{grid-template-columns:17rem 1fr;height:100dvh;display:grid;overflow:hidden}.app.collapsed{grid-template-columns:0 1fr}.app.collapsed .side{visibility:hidden;border-right:none;width:0;overflow:hidden}.booting{place-items:center;height:100dvh;display:grid}.side{--gut:.6rem;background:var(--side);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;transition:transform .18s;display:flex}.side-top{padding:.9rem var(--gut) .5rem;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.side-top .brand{letter-spacing:-.01em;padding-left:var(--gut);font-size:1.05rem}.side-top .icon-btn{margin-left:auto}.new-chat{margin:0 var(--gut) .75rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);padding:.6rem var(--gut);border-radius:10px;justify-content:flex-start;align-items:center;gap:.5rem;font-size:.92rem;font-weight:550;display:flex}.new-chat:hover{border-color:var(--accent)}.new-chat .i{color:var(--accent)}input.side-search{margin:0 var(--gut) .75rem;width:auto;padding:.45rem var(--gut);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;font-size:.88rem}input.side-search:focus{border-color:var(--accent);outline:none}.side-list{min-height:0;padding:0 var(--gut) .5rem;flex:1;overflow-y:auto}.side-group:first-child h2{margin-top:.25rem}.side-group h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-left:var(--gut);margin:1rem 0 .3rem;font-size:.72rem;font-weight:600}.side-group ul{margin:0;padding:0;list-style:none}.side-group li{border-radius:8px;align-items:center;min-width:0;transition:background .12s;display:flex}.side-group li:hover{background:var(--hover)}.side-group li.on{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.side-group li.on .thread{font-weight:550}.thread{text-align:left;min-width:0;color:var(--ink);font:inherit;padding:.5rem var(--gut);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;font-size:.9rem;overflow:hidden}.side-group li .x{opacity:0}.side-group li:hover .x,.side-group li.on .x{opacity:.55}.side-group li .x:hover{opacity:1;color:var(--danger)}.side-group li{position:relative}.row-menu{z-index:15;min-width:9rem;position:absolute;top:calc(100% - .2rem);left:auto;right:.2rem}.row-menu button{align-items:center;gap:.5rem;display:flex}input.rename{min-width:0;font:inherit;border:1px solid var(--accent);background:var(--panel);color:var(--ink);border-radius:8px;flex:1;width:auto;margin:.15rem;padding:.4rem .45rem;font-size:.9rem}input.rename:focus{outline:none}.side-empty{color:var(--muted);padding:1.25rem var(--gut);font-size:.88rem}.side-foot{border-top:1px solid var(--line);padding:.6rem var(--gut) var(--gut)}.health{color:var(--muted);padding:0 var(--gut);align-items:center;gap:.45rem;min-width:0;margin-bottom:.6rem;font-size:.75rem;display:flex}.health .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.dot.busy{background:var(--accent);animation:1.4s ease-in-out infinite pulse}.dot.idle{background:var(--line)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex:none;padding:0 .4rem;font-size:.66rem;line-height:1.5}.pill.warn{color:var(--danger);border-color:var(--danger)}.account{position:relative}.account-btn{width:100%;color:var(--ink);padding:.45rem var(--gut);font:inherit;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.account-btn:hover{background:var(--hover)}.avatar{background:var(--accent);width:1.6rem;height:1.6rem;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.who{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.menu{background:var(--panel);border:1px solid var(--line);z-index:20;border-radius:10px;padding:.3rem;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;box-shadow:0 10px 30px #0000001f}.menu>button{text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:none;border-radius:7px;padding:.45rem .55rem;font-size:.88rem;display:block}.menu>button:hover{background:var(--hover)}.menu>button.danger{color:var(--danger)}.menu-sep{background:var(--line);height:1px;margin:.3rem 0}.menu-row{align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.84rem;display:flex}.segmented{border:1px solid var(--line);border-radius:6px;margin-left:auto;padding:1px;display:flex}.segmented button{color:var(--muted);font:inherit;background:0 0;border:none;border-radius:5px;padding:.2rem .45rem;font-size:.76rem}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.reveal{z-index:5;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:8px;align-items:center;padding:.4rem;display:inline-flex;position:absolute;top:.6rem;left:.6rem}.reveal:hover{color:var(--ink)}.transcript{flex:1;min-height:0;padding:1.75rem 1.25rem 0;overflow-y:auto}.transcript>*{max-width:48rem;margin-left:auto;margin-right:auto}.hello{padding:8vh 0 2rem}.hello h1{font-size:2rem}.starters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.75rem;display:grid}@media (width<=40rem){.starters{grid-template-columns:1fr}}.starters button{text-align:left;background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;flex-direction:column;gap:.3rem;padding:.7rem .8rem;font-size:.9rem;font-weight:450;display:flex}.starters button:hover{border-color:var(--accent)}.starters .tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.68rem;font-weight:600}.msg{gap:.85rem;margin:0 auto 1.9rem;display:flex}.msg.user{display:block}.msg.user p{background:var(--code-bg);border:1px solid var(--line);white-space:pre-wrap;border-radius:14px 14px 4px;width:fit-content;max-width:80%;margin:0 0 0 auto;padding:.65rem .9rem}.mark{background:var(--accent);width:1.7rem;height:1.7rem;color:var(--accent-ink);border-radius:7px;flex:none;place-items:center;margin-top:.1rem;font-size:.8rem;font-weight:650;display:grid}.msg .body{flex:1;min-width:0}.msg.assistant.live .mark{animation:1.6s ease-in-out infinite pulse}.msg-actions{opacity:0;margin-top:.35rem;transition:opacity .12s}.msg:hover .msg-actions{opacity:1}.live-head{color:var(--muted);align-items:center;gap:.55rem;margin-bottom:.55rem;font-size:.86rem;display:flex}.spin{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:.85rem;height:.85rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolline{font-family:var(--mono);color:var(--muted);align-items:center;gap:.45rem;padding:.12rem 0;font-size:.8rem;display:flex}.phase{color:var(--ink);font-family:inherit;font-size:.85rem}.ok-dot,.bad-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.bad-dot{background:var(--danger)}.warn{color:var(--danger)}.ok-text{color:var(--accent)}.side-list,.transcript,.sheet,.allfiles .attached,.build-side-list,.build-transcript,.build-hero{scrollbar-width:thin;scrollbar-color:transparent transparent}.side-list:hover,.transcript:hover,.sheet:hover,.allfiles .attached:hover,.build-side-list:hover,.build-transcript:hover,.build-hero:hover{scrollbar-color:color-mix(in srgb, var(--muted) 45%, transparent) transparent}.side-list::-webkit-scrollbar{width:10px}.transcript::-webkit-scrollbar{width:10px}.sheet::-webkit-scrollbar{width:10px}.build-side-list::-webkit-scrollbar{width:10px}.build-transcript::-webkit-scrollbar{width:10px}.build-hero::-webkit-scrollbar{width:10px}.allfiles .attached::-webkit-scrollbar{width:10px}.side-list::-webkit-scrollbar-track{background:0 0}.transcript::-webkit-scrollbar-track{background:0 0}.sheet::-webkit-scrollbar-track{background:0 0}.allfiles .attached::-webkit-scrollbar-track{background:0 0}.side-list::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.transcript::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.sheet::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.build-side-list::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.build-transcript::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.build-hero::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.allfiles .attached::-webkit-scrollbar-thumb{background:padding-box content-box;border:2px solid #0000;border-radius:999px}.side-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.transcript:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.sheet:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.build-side-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.build-transcript:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.build-hero:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.allfiles .attached:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 40%, transparent);background-clip:content-box}.side-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 70%, transparent);background-clip:content-box}.transcript::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 70%, transparent);background-clip:content-box}.icon-btn{color:var(--muted);font:inherit;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.35rem;font-size:.8rem;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--hover);color:var(--ink)}.i{flex:none;display:block}.sheet.narrow{width:min(24rem,100%)}.sheet.narrow h2{margin:0 0 .5rem;font-size:1.05rem}.sheet-actions{justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}button.destructive{background:var(--danger);color:#fff;border-color:var(--danger)}.sheet-scrim{z-index:40;background:#0006;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(38rem,100%);max-height:80vh;padding:1.25rem;overflow-y:auto;box-shadow:0 24px 60px #0003}.sheet-top{align-items:center;gap:.5rem;display:flex}.sheet-top h2{flex:1;margin:0;font-size:1.1rem}.memories{margin:1rem 0 0;padding:0;list-style:none}.memories li{border-radius:8px;align-items:flex-start;gap:.5rem;padding:.55rem .6rem;font-size:.9rem;line-height:1.5;display:flex}.memories li:hover{background:var(--hover)}.memories li>span{flex:1}.memories li .x{opacity:.4}.memories li:hover .x{opacity:1;color:var(--danger)}.md>:first-child{margin-top:0}.md h2,.md h3,.md h4{margin:1.4rem 0 .5rem;font-size:1.02rem}.md p{margin:0 0 .85rem}.md ul{margin:0 0 .85rem;padding-left:1.25rem}.md li{margin:.15rem 0}.md code{background:var(--code-bg);border-radius:4px;padding:.1rem .3rem}.md hr{border:none;border-top:1px solid var(--line);margin:1.25rem 0}.codeblock{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1rem;overflow:hidden}.codeblock-head{background:var(--code-bg);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:.3rem .5rem .3rem .8rem;font-size:.78rem;display:flex}.codeblock pre{background:var(--panel);margin:0;padding:.85rem 1rem;overflow-x:auto}.codeblock code{background:0 0;padding:0}button.ghost{color:var(--muted);background:0 0;border:none;border-radius:5px;padding:.25rem .5rem;font-size:.82rem;font-weight:500}button.ghost:hover{color:var(--ink);background:var(--code-bg)}.ghost-link{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:none}.shared{max-width:48rem;margin:0 auto;padding:3rem 1.25rem 4rem}.shared-top{border-bottom:1px solid var(--line);margin-bottom:2rem;padding-bottom:1.25rem}.shared-top h1{margin-bottom:.35rem}.shared-body .msg{margin-bottom:1.9rem}.shared-foot{border-top:1px solid var(--line);text-align:center;margin-top:2.5rem;padding-top:1.5rem}.shared-foot>p:first-child{color:var(--muted);margin:0 0 .75rem}.linkrow{gap:.5rem;margin-top:1rem;display:flex}.linkrow input{min-width:0;font-family:var(--mono);border:1px solid var(--line);background:var(--code-bg);color:var(--ink);border-radius:8px;flex:1;padding:.5rem .6rem;font-size:.82rem}.linkrow button{flex:none;padding:.5rem .9rem}.rail{z-index:4;opacity:.45;flex-direction:column;align-items:flex-end;gap:.35rem;max-height:60%;padding:.4rem .25rem;transition:opacity .15s;display:flex;position:absolute;top:50%;right:.4rem;overflow:hidden;transform:translateY(-50%)}.main:hover .rail,.rail:hover,.rail:focus-within{opacity:1}.rail button{background:0 0;border:none;border-radius:0;justify-content:flex-end;align-items:center;width:1rem;height:.5rem;padding:0;display:flex;position:relative}.rail button:after{content:"";background:var(--muted);opacity:.5;border-radius:999px;width:.65rem;height:2px;transition:width .12s,opacity .12s,background .12s;display:block}.rail button:hover:after{opacity:1;width:1rem}.rail button.on:after{background:var(--accent);opacity:1;width:1rem}.rail-tip{background:var(--panel);width:max-content;max-width:17rem;color:var(--ink);border:1px solid var(--line);white-space:normal;text-align:left;opacity:0;pointer-events:none;border-radius:8px;padding:.35rem .55rem;font-size:.8rem;line-height:1.4;transition:opacity .12s;position:absolute;top:50%;right:calc(100% + .5rem);transform:translateY(-50%);box-shadow:0 6px 20px #0002}.rail button:hover .rail-tip,.rail button:focus-visible .rail-tip{opacity:1}@media (width<=52rem){.rail{display:none}}.composer-wrap{flex:none;padding:.5rem 1.25rem .75rem}.composer-wrap>*{max-width:48rem;margin-left:auto;margin-right:auto}.allfiles{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.allfiles .attached{width:100%;max-height:22vh;margin-top:.25rem;overflow-y:auto}.composer{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:.7rem .75rem .55rem;box-shadow:0 1px 2px #0000000a}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.composer textarea{width:100%;color:var(--ink);font:inherit;resize:none;background:0 0;border:none;max-height:15rem;padding:0 .15rem;display:block;overflow-y:auto}.composer textarea:focus{outline:none}.composer-foot{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.modes{border:1px solid var(--line);border-radius:8px;gap:.15rem;padding:.12rem;display:flex}button.mode{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:.26rem .6rem;font-size:.82rem;font-weight:500}button.mode:hover{color:var(--ink)}button.mode.on{background:var(--accent);color:var(--accent-ink)}.composer.dropping{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel))}.chips{flex-wrap:wrap;gap:.35rem;margin:0 0 .5rem;padding:0;list-style:none;display:flex}.chips li{background:var(--code-bg);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;max-width:100%;padding:.2rem .3rem .2rem .4rem;font-size:.8rem;display:flex}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.chip-warn{color:var(--danger);white-space:nowrap;font-size:.7rem}.chips li.image .filekind,.chips li.audio .filekind{border-color:var(--danger);color:var(--danger)}.icon-btn.attach{padding:.4rem}.icon-btn.attach:disabled{opacity:.5}.send{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);border:none;border-radius:50%;flex:none;place-items:center;margin-left:auto;padding:0;font-size:.95rem;line-height:1;display:grid}.send:disabled{background:var(--line);color:var(--muted)}.send.stop{background:var(--danger);color:#fff;font-size:.7rem}.fineprint{color:var(--muted);text-align:center;margin:.55rem auto 0;font-size:.72rem;line-height:1.5}.fineprint .by{opacity:.72;margin-top:.15rem;font-size:.68rem;display:block}.scrim{display:none}@media (width<=52rem){.app,.app.collapsed{grid-template-columns:1fr}.app .side{z-index:30;width:17rem;position:fixed;inset:0 auto 0 0;box-shadow:0 0 40px #00000026}.app.collapsed .side{visibility:visible;width:17rem;box-shadow:none;overflow:visible;transform:translate(-100%)}.app:not(.collapsed) .scrim{z-index:25;background:#0006;display:block;position:fixed;inset:0}.transcript,.composer-wrap{padding-left:.85rem;padding-right:.85rem}}.attached{margin:.75rem 0 0;padding:0;list-style:none}.attached .artifact{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:.4rem;padding:.5rem .7rem}.artifact-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.export-row{flex-wrap:wrap;align-items:center;gap:.25rem;margin:.35rem 0 .1rem;display:flex}.filekind{font-family:var(--mono);letter-spacing:.04em;background:var(--code-bg);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:.12rem .35rem;font-size:.66rem;font-weight:600}button.artifact-name{cursor:pointer;font-family:var(--mono);color:var(--accent);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.88rem;text-decoration:underline}button.artifact-name:disabled{opacity:.5;cursor:wait}.app.showing-output{grid-template-columns:17rem minmax(20rem,1fr) minmax(22rem,1.1fr)}.app.showing-output.collapsed{grid-template-columns:0 minmax(20rem,1fr) minmax(22rem,1.1fr)}.output{border-left:1px solid var(--line);background:var(--side);flex-direction:column;min-width:0;min-height:0;display:flex}.output-top{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:.5rem;padding:.55rem .6rem .55rem .9rem;display:flex}.output-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:550;overflow:hidden}.output-body{flex:1;min-height:0;overflow:auto}.output-body iframe{background:#fff;border:none;width:100%;height:100%;display:block}.output-doc{background:var(--panel);min-height:100%;padding:1.5rem 1.75rem}.output-text{background:var(--panel);min-height:100%;font-family:var(--mono);white-space:pre-wrap;margin:0;padding:1.25rem;font-size:.8rem;line-height:1.6}.output-waiting{place-items:center;height:100%;display:grid}.output-convert{text-align:center;padding:2rem 1.5rem}.output-convert p{max-width:22rem;margin:0 auto 1rem}@media (width<=64rem){.app.showing-output,.app.showing-output.collapsed{grid-template-columns:1fr}.app.showing-output .side,.app.showing-output .main{display:none}.output{border-left:none}}.steps-head{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.86rem;display:flex}.steps{margin:0 0 .75rem;padding:0;list-style:none}.steps li{align-items:baseline;gap:.5rem;padding:.16rem 0;font-size:.83rem;display:flex}.step-mark{text-align:center;flex:none;width:.9rem;font-size:.78rem}.steps li.done .step-mark{color:var(--accent)}.steps li.failed .step-mark{color:var(--danger)}.steps li.now .step-mark{align-self:center}.steps li.now .spin{border-width:1.5px;width:.7rem;height:.7rem}.steps li.now .phase{color:var(--muted)}.step-detail{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:20rem;font-size:.76rem;overflow:hidden}.step-ms{color:var(--muted);flex:none;margin-left:auto;font-size:.72rem}.build{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.build-top{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:1rem;padding:.8rem 1.25rem;display:flex}.build-top nav{gap:.3rem;margin-left:auto;display:flex}.build-top nav a{color:var(--muted);border-radius:7px;padding:.35rem .7rem;font-size:.9rem;font-weight:550;text-decoration:none}.build-top nav a:hover{color:var(--ink);background:var(--hover)}.build-hero{min-height:0;padding:8vh 1.25rem 4rem;overflow-y:auto}.build-start{grid-template-columns:15rem 1fr}.build-hero>*{max-width:44rem;margin-left:auto;margin-right:auto}.build-hero h1{letter-spacing:-.02em;font-size:2.1rem}.build-hero h2{margin-top:3rem;font-size:1rem}.build-composer{border:1px solid var(--line);background:var(--panel);border-radius:16px;align-items:flex-end;gap:.5rem;padding:.7rem .7rem .6rem .9rem;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.build-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.build-composer textarea{min-width:0;color:var(--ink);font:inherit;resize:none;background:0 0;border:none;flex:1;max-height:14rem}.build-composer textarea:focus{outline:none}.build-composer.big{margin-top:1.75rem}.build-starters{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.build-starters button{text-align:left;background:var(--panel);color:var(--muted);border:1px solid var(--line);font:inherit;border-radius:10px;padding:.6rem .75rem;font-size:.86rem;font-weight:450}.build-starters button:hover{border-color:var(--accent);color:var(--ink)}@media (width<=44rem){.build-starters{grid-template-columns:1fr}}.build-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.6rem;margin-top:.75rem;display:grid}.build-card{text-align:left;background:var(--panel);border:1px solid var(--line);font:inherit;color:var(--ink);border-radius:10px;flex-direction:column;gap:.2rem;padding:.8rem .9rem;display:flex}.build-card:hover{border-color:var(--accent)}.build-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.35;display:-webkit-box;overflow:hidden}.build-card .muted{font-family:var(--mono);font-size:.72rem}.build-open{grid-template-columns:1fr;min-height:0;display:grid}.build-chat{flex-direction:column;min-width:0;min-height:0;display:flex}.build-chat-top{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.build-chat-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.build-transcript{flex:1;min-height:0;padding:1.5rem 1.25rem 0;overflow-y:auto}.build-transcript>*{max-width:40rem;margin-left:auto;margin-right:auto}.build-chat>.build-composer{flex:none;margin:.75rem 1.25rem 1rem}.build-error{margin:0 1.25rem}.build-preview{border-left:1px solid var(--line);background:var(--side);flex-direction:column;min-width:0;min-height:0;display:flex}.build-preview .preview-top{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex}.build-preview .preview-frame{flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}.build-preview .preview-frame iframe{background:#fff;border:none;width:100%;height:100%}.build-preview.phone .preview-frame{padding:1rem 0}.build-preview.phone .preview-frame iframe{border:1px solid var(--line);border-radius:18px;width:390px;max-width:100%;height:844px;max-height:100%;box-shadow:0 10px 40px #00000024}.build.full .build-chat{display:none}.build.full .build-open,.build-open.full{grid-template-columns:1fr}@media (width<=60rem){.build-open.with-site{grid-template-columns:1fr}.build-open.with-site .build-chat{display:none}}.build-preview .preview-url{text-align:left;min-width:0;font-family:var(--mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:1;padding:.2rem .35rem;font-size:.73rem;font-weight:400;overflow:hidden}.build-preview .preview-url:hover{background:var(--hover);color:var(--ink)}.build-preview .preview-tools{border:1px solid var(--line);border-radius:6px;flex:none;padding:1px;display:flex}.build-preview .preview-tools button{color:var(--muted);background:0 0;border:none;border-radius:5px;padding:.2rem .5rem;font-size:.73rem;font-weight:500}.build-preview .preview-tools button:hover{color:var(--ink)}.build-preview .preview-tools button.on{background:var(--accent);color:var(--accent-ink)}.build-preview .icon-btn{flex:none}.build-open{grid-template-columns:15rem 1fr}.build-open.with-site{grid-template-columns:15rem minmax(18rem,.85fr) minmax(24rem,1.15fr)}.build-side{--gut:.6rem;background:var(--side);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.build-side .new-chat{margin:0 var(--gut) .75rem}.build-side-list{min-height:0;padding:0 var(--gut);flex:1;overflow:hidden auto}.build-side-list>*{max-width:100%}.build-side-foot{border-top:1px solid var(--line);padding:.6rem calc(var(--gut) * 2);gap:1rem;font-size:.82rem;display:flex}.build-side-foot a{color:var(--muted);text-decoration:none}.build-side-foot a:hover{color:var(--ink)}.build-waiting{color:var(--muted);text-align:center;flex:none;margin:.75rem 1.25rem 1.1rem;font-size:.88rem}@media (width<=60rem){.build-open,.build-open.with-site{grid-template-columns:1fr}.build-open .build-side{display:none}}.build-naming{margin-top:1.75rem}.build-naming label{margin-bottom:.5rem;font-size:.95rem;font-weight:550;display:block}.build-naming-row{gap:.5rem;display:flex}.build-naming-row input{border-radius:10px;flex:1;min-width:0;padding:.7rem .85rem;font-size:1rem}.build-naming-row button{border-radius:10px;flex:none;padding:.7rem 1.3rem}.build-naming>p.muted{margin:.75rem 0 .25rem;font-size:.88rem}.build-asking{text-align:left;margin-top:1.75rem}.build-asking h2{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.build-asking-said{color:var(--muted);margin:0 0 1.1rem;font-size:.9rem}.build-asking-wait{color:var(--muted);align-items:center;gap:.6rem;font-size:.92rem;display:flex}.build-ask{border:none;margin:0 0 1.1rem;padding:0}.build-ask legend{margin-bottom:.5rem;padding:0;font-size:.93rem;font-weight:550}.build-ask-options{flex-wrap:wrap;gap:.45rem;display:flex}.build-ask-options button{background:var(--panel);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.42rem .9rem;font-size:.88rem;transition:border-color .15s,background-color .15s}.build-ask-options button:hover{border-color:var(--muted)}.build-ask-options button.picked{background:var(--accent);color:var(--accent-ink);border-color:#0000}.build-asking-row{align-items:center;gap:.6rem;margin-top:1.25rem;display:flex}.build-asking-row button[type=submit]{border-radius:10px;padding:.7rem 1.3rem}.build-side-row{border-radius:8px;align-items:center;min-width:0;display:flex}.build-side-row:hover{background:var(--hover)}.build-side-row.on{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.build-side-row.on .build-side-name{font-weight:550}.build-side-name{text-align:left;min-width:0;color:var(--ink);font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:.45rem .6rem;font-size:.88rem;overflow:hidden}.build-side-row .x{opacity:0;flex:none}.build-side-row:hover .x,.build-side-row.on .x{opacity:.55}.build-side-row .x:hover{opacity:1}.build-side-row input.rename{width:auto;min-width:0;font:inherit;border:1px solid var(--accent);background:var(--panel);color:var(--ink);border-radius:8px;flex:1;margin:.15rem;padding:.35rem .45rem;font-size:.88rem}.build-side-row input.rename:focus{outline:none}.build-side-foot{padding:.5rem var(--gut)}.build-side-foot .account-btn{font-size:.85rem}.menu-outside{z-index:19;position:fixed;inset:0}.build-start{position:relative}.build-hero:before{content:"";pointer-events:none;background:radial-gradient(38rem 20rem at 50% 12%, color-mix(in oklab, var(--glow,#1f9c76) 16%, transparent), transparent 70%);z-index:0;height:34rem;position:absolute;inset:0 0 auto}.build-hero-inner{z-index:1;max-width:44rem;margin:0 auto;position:relative}.build-hero-inner>h1{letter-spacing:-.03em;margin:1.1rem 0 .5rem;font-size:clamp(2rem,3.6vw,2.6rem);line-height:1.1}.build-hero-inner>p.lead{max-width:34rem;margin:0;font-size:1.05rem;line-height:1.6}.build-composer.big{border-radius:18px;margin-top:2rem;padding:1rem 1rem .85rem 1.15rem;box-shadow:0 1px 2px #0000000a,0 18px 40px -28px #0005}.build-composer.big textarea{font-size:1.05rem;line-height:1.55}.build-composer .send{align-self:flex-end}.build-starters{gap:.6rem;margin-top:1.1rem}.build-starters button{border-radius:12px;flex-direction:column;gap:.35rem;padding:.75rem .9rem;transition:border-color .14s,transform .14s,background .14s;display:flex}.build-starters button:hover{background:var(--panel);transform:translateY(-1px)}.starter-kind{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);font-size:.66rem;font-weight:650}.build-side-top{align-items:center;display:flex}.build-side .new-chat{font-weight:600}.build-chat-top{gap:.65rem}.build-state{letter-spacing:.02em;border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.15rem .5rem .15rem .4rem;font-size:.72rem;font-weight:600;display:inline-flex}.build-state.up{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.build-state .spin{border-width:1.5px;width:.6rem;height:.6rem}.preview-dots{flex:none;gap:.3rem;padding:0 .25rem 0 .15rem;display:flex}.preview-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.build-preview .preview-top{gap:.45rem;padding:.55rem .6rem}.build-preview .preview-url{background:var(--bg);border:1px solid var(--line);text-align:center;border-radius:999px;padding:.28rem .75rem}.build-preview .preview-url:hover{border-color:var(--accent)}.build-preview .preview-frame{background:var(--side);padding:0}.build-preview .preview-frame iframe{background:#fff}.build-open .build-side{background:var(--side)}.build-open .build-chat{background:var(--bg)}.build-open .build-preview{background:var(--side)}.build-side-top{padding:.95rem calc(var(--gut) * 2) .55rem;margin-bottom:.5rem}.build-side .new-chat{padding:.55rem var(--gut);border-radius:9px;font-size:.88rem;box-shadow:0 1px 2px #0000000a}.build-side-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-left:var(--gut);margin:.5rem 0 .35rem;font-size:.68rem;font-weight:650}.build-side-row{margin-bottom:1px}.build-side-name{padding:.4rem .6rem}.build-side-foot .account-btn{padding:.5rem var(--gut);border-radius:9px}.build-side-foot .avatar{width:1.5rem;height:1.5rem;font-size:.72rem}.build-side-foot .who{color:var(--muted);font-size:.82rem}.build-side-foot .account-btn:hover .who{color:var(--ink)}.build-chat-top{border-bottom:1px solid var(--line);background:var(--bg);padding:.65rem 1.1rem}.build-chat-top strong{letter-spacing:-.005em;font-size:.9rem}.build-transcript .mark{background:var(--panel);border:1px solid var(--line);place-items:center;display:grid}.build-transcript{padding-top:1.75rem;padding-bottom:1.25rem}.build-transcript>*{max-width:38rem}.build-transcript .msg{margin-bottom:1.6rem}.build-chat>.build-composer{border-radius:14px;padding:.6rem .6rem .5rem .9rem}.build-hint{text-align:center;color:var(--muted);flex:none;margin:0 1.25rem .8rem;font-size:.7rem}.build-hint kbd{border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:.02rem .28rem;font-family:inherit;font-size:.68rem}.build-side-row,.build-starters button,.build-card,.build-preview .preview-url,.preview-tools button{transition:background .12s,border-color .12s,color .12s}
