:root{--bg:#f4f1ec;--panel:#fbf9f6;--raised:#ffffff;--raised-hi:#e9e4dc;--line:#dcd5c9;--line-hi:#cfc8bc;--line-ctl:#8a8071;--fg:#1c1917;--fg-2:#57504a;--fg-3:#6a625a;--accent:#a04708;--accent-hi:#8a3d06;--accent-soft:rgba(160,71,8,0.1);--accent-line:rgba(160,71,8,0.35);--on-accent:#ffffff;--danger:#b42318;--danger-soft:rgba(180,35,24,0.07);--danger-line:rgba(180,35,24,0.3);--ok:#3f6212;--font-ui:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;--t-2xs:0.6875rem;--t-xs:0.75rem;--t-sm:0.8125rem;--t-md:0.9375rem;--t-lg:1.0625rem;--t-xl:1.375rem;--t-2xl:1.875rem;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--r-sm:5px;--r-md:8px;--r-lg:12px;--chat-w:380px;color-scheme:light}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--t-md);line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--accent-soft);color:var(--fg)}:where(button,textarea,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line-hi);border:3px solid transparent;background-clip:content-box;border-radius:99px}.workspace{display:grid;grid-template-columns:var(--chat-w) minmax(0,1fr);height:100dvh}.workspace--chat-hidden{grid-template-columns:minmax(0,1fr)}@media (max-width:900px){.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr)}.workspace--chat-hidden{grid-template-rows:minmax(0,1fr)}}.chat{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.chat[hidden]{display:none}@media (max-width:900px){.chat{border-right:none;border-bottom:1px solid var(--line)}.preview__stage{padding:var(--s-2)}}.chat__head{flex:none;display:flex;align-items:baseline;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line)}.wordmark{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.22em;text-transform:uppercase;color:var(--fg)}.wordmark b{color:var(--accent);font-weight:inherit}.chat__account{flex:none;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-5) var(--s-3);border-top:1px solid var(--line)}.chat__signout{display:contents}.chat__site{flex:1 1;min-width:3ch;font-size:var(--t-xs);color:var(--fg-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat__log{flex:1 1;min-height:0;padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}.chat__foot{flex:none;padding:var(--s-4) var(--s-5) var(--s-5);border-top:1px solid var(--line);background:var(--panel)}.opening{margin:auto 0;display:flex;flex-direction:column;gap:var(--s-3)}.opening h1{margin:0;font-size:var(--t-2xl);line-height:1.15;letter-spacing:-.02em;font-weight:600}.opening p{margin:0;color:var(--fg-2);font-size:var(--t-sm);max-width:32ch}.label{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.msg{display:flex;flex-direction:column;gap:var(--s-2)}.msg__body{background:var(--raised);border:1px solid var(--line-hi);border-radius:var(--r-md);padding:var(--s-3);font-size:var(--t-sm);white-space:pre-wrap;overflow-wrap:anywhere}.status{margin:0;display:flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-3)}.status--pending{color:var(--fg)}.status__dot{flex:none;width:7px;height:7px;border-radius:50%;border:1px solid var(--fg-3)}.status--pending .status__dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 0 var(--accent-line);animation:ping 1.6s ease-out infinite}@keyframes ping{70%{box-shadow:0 0 0 7px rgba(160,71,8,0)}to{box-shadow:0 0 0 0 rgba(160,71,8,0)}}@media (prefers-reduced-motion:reduce){.status--pending .status__dot{animation:none}}.plan{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.plan__name{margin:0;font-size:var(--t-lg);font-weight:600;letter-spacing:-.01em}.plan__tagline{margin:0;color:var(--fg-2);font-size:var(--t-sm)}.plan__sections{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-2);border-top:1px solid var(--line);padding-top:var(--s-3)}.plan__sections li{display:grid;grid-template-columns:8ch minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3);font-size:var(--t-sm);color:var(--fg-2)}.plan__nav{margin:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}.plan__chip{color:var(--fg-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:.15em .6em}.plan__categories,.plan__chip{font-size:var(--t-2xs);letter-spacing:.04em;text-transform:uppercase}.plan__categories{margin:var(--s-1) 0 0;color:var(--accent)}.plan__facts{margin:var(--s-1) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.15em;font-size:var(--t-xs);color:var(--fg-2)}.plan__item-name{color:var(--fg)}.plan__detail{color:var(--accent)}.plan__footer{border-top:1px solid var(--line);padding-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.plan__type{font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding-top:.2em}.notice{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--t-sm)}.notice .label{color:var(--ok)}.error{border:1px solid var(--danger-line);background:var(--danger-soft);border-radius:var(--r-md);padding:var(--s-3);font-size:var(--t-sm);color:var(--fg);display:flex;flex-direction:column;gap:var(--s-1)}.error .label{color:var(--danger)}.composer{display:flex;flex-direction:column;gap:var(--s-3)}.composer textarea{font:inherit;font-size:var(--t-sm);width:100%;min-height:4.5rem;max-height:12rem;resize:vertical;color:var(--fg);background:var(--raised);border:1px solid var(--line-ctl);border-radius:var(--r-md);padding:var(--s-3)}.composer textarea::placeholder{color:var(--fg-3)}.composer textarea:disabled{opacity:.55;cursor:not-allowed}.composer__row{display:flex;align-items:center;gap:var(--s-3)}.hint{font-family:var(--font-mono);font-size:var(--t-2xs);color:var(--fg-3)}.btn--primary,.btn--quiet,button{font:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer;border-radius:var(--r-sm);border:1px solid var(--line-ctl);padding:.5rem .9rem;background:var(--panel);color:var(--fg);text-decoration:none;display:inline-block;transition:background .12s ease,color .12s ease,border-color .12s ease}button:hover:not(:disabled){background:var(--raised-hi)}button:disabled{background:var(--panel);border-color:var(--line-hi);color:var(--fg-3);cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-hi);border-color:var(--accent-hi)}.btn--primary:disabled{background:var(--raised-hi);border-color:var(--line-hi);color:var(--fg-3)}.btn--quiet{background:transparent;border-color:transparent;padding:.35rem .5rem;color:var(--fg-2);font-family:var(--font-mono);font-size:var(--t-xs);white-space:nowrap}.btn--quiet:hover:not(:disabled){background:transparent;color:var(--accent)}.btn--quiet:disabled{background:transparent;border-color:transparent;color:var(--fg-3)}.btn--icon{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;line-height:0}.btn--danger{color:var(--danger)}.btn--danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.push{margin-left:auto}.history{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(22rem,100%);overflow-y:auto;-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line);background:var(--panel);padding:1rem;box-shadow:-8px 0 24px -12px rgba(28,25,23,.18)}.history__head{display:flex;align-items:baseline;justify-content:space-between}.history__list{list-style:none;margin:1rem 0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.history__list li{display:grid;grid-gap:.15rem;gap:.15rem}.history__list .is-current{opacity:.6}.history__label{color:var(--fg)}.history__toggle{display:flex;align-items:center;gap:.4rem;color:var(--fg-2)}.preview{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;min-width:0;grid-template-columns:minmax(0,1fr);background:var(--panel)}.preview__bar{display:flex;min-width:0;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line);min-height:45px}.url{flex:1 1;min-width:0;font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg-2);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:.3rem var(--s-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.url--empty{color:var(--fg-3)}.seg{display:flex;border:1px solid var(--line-ctl);border-radius:var(--r-sm);overflow:hidden}.seg button{border:none;border-radius:0;background:transparent;color:var(--fg-3);font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:.35rem .6rem}.seg button[aria-pressed=true]{background:var(--raised-hi);color:var(--fg)}.seg button:hover:not([aria-pressed=true]){color:var(--fg-2)}.preview__stage{min-height:0;display:flex;padding:var(--s-4);background:var(--bg)}.frame{flex:1 1;width:100%;height:100%;border:1px solid var(--line-hi);border-radius:var(--r-lg);background:#ffffff;box-shadow:0 1px 2px rgba(28,25,23,.06),0 8px 24px -8px rgba(28,25,23,.16)}.frame--phone{max-width:420px;margin-inline:auto}.link{color:var(--fg-2);font-size:var(--t-xs);font-family:var(--font-mono);text-decoration:none;border-bottom:1px solid var(--line-hi);padding-bottom:1px;white-space:nowrap}.link:hover{color:var(--accent);border-color:var(--accent-line)}.empty{flex:1 1;border:1px solid var(--line);justify-content:center;gap:var(--s-3);text-align:center;padding:var(--s-6);background-color:var(--panel);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}.empty,.empty__card{border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center}.empty__card{gap:var(--s-2);background:var(--panel);padding:var(--s-5) var(--s-6)}.empty h2{margin:0;font-size:var(--t-xl);font-weight:600;letter-spacing:-.015em}.empty p{margin:0;max-width:34ch;color:var(--fg-2);font-size:var(--t-sm)}.field{font:inherit;font-size:var(--t-sm);width:100%;color:var(--fg);background:var(--raised);border:1px solid var(--line-ctl);border-radius:var(--r-md);padding:var(--s-3)}.field::placeholder{color:var(--fg-3)}.field:disabled{opacity:.55;cursor:not-allowed}textarea.field{resize:vertical;min-height:4.5rem}.field--otp{letter-spacing:.5em;text-align:center}.field-label{font-size:var(--t-sm);font-weight:500;color:var(--fg)}.error-line{margin:0;color:var(--danger);font-size:var(--t-sm)}.auth{min-height:100%;display:flex;justify-content:center;align-items:center;padding:var(--s-6)}.auth__panel{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:var(--s-5)}.auth__lede{margin:var(--s-1) 0 0;color:var(--fg-2);font-size:var(--t-sm);max-width:32ch}.auth__form{display:flex;flex-direction:column;gap:var(--s-3)}.auth__form .btn--quiet{align-self:flex-start}.home{min-height:100%;display:flex;justify-content:center;padding:var(--s-7) var(--s-5)}.home__panel{width:100%;max-width:42rem;display:flex;flex-direction:column;gap:var(--s-6)}.home__head{display:flex;align-items:center;justify-content:space-between}.home__form,.projects{display:flex;flex-direction:column;gap:var(--s-3)}.projects__title{margin:0;font-family:var(--font-mono);font-size:var(--t-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.projects__loading{margin:0;color:var(--fg-3);font-size:var(--t-sm)}.project-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.project-list li{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-top:1px solid var(--line);border-radius:var(--r-sm)}.project-list li:first-child{border-top:none}.project-list li:hover{background:var(--panel)}.project-list__link{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:.15em;color:inherit;text-decoration:none}.project-list__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}.project-list__meta{font-size:var(--t-xs);color:var(--fg-3)}.project-list__empty{margin:0;color:var(--fg-2);font-size:var(--t-sm)}.actionbar{display:flex;min-width:0;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-top:1px solid var(--line);background:var(--panel);min-height:52px}.actionbar--editing{background:var(--accent-soft);border-top-color:var(--accent-line)}.actionbar__status{flex:1 1;min-width:0;margin:0;padding-inline:var(--s-2);display:flex;align-items:center;justify-content:center;min-height:2rem;font-size:var(--t-xs);color:var(--fg-2);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}