:root{--color-primary:#f54e00;--color-primary-active:#d04200;--color-canvas:#f7f7f4;--color-canvas-soft:#fafaf7;--color-surface-card:#fff;--color-surface-strong:#e6e5e0;--color-hairline:#e6e5e0;--color-hairline-soft:#efeee8;--color-hairline-strong:#cfcdc4;--color-ink:#26251e;--color-body:#5a5852;--color-muted:#807d72;--color-muted-soft:#a09c92;--color-on-primary:#fff;--color-timeline-thinking:#dfa88f;--color-timeline-grep:#9fc9a2;--color-timeline-read:#9fbbe0;--color-timeline-edit:#c0a8dd;--color-timeline-done:#c08532;--color-success:#1f8a65;--color-error:#cf2d56;--font-sans:Inter, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-base:16px;--space-md:20px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--container-max:1200px;--nav-height:64px;font:16px/1.5 var(--font-sans);color:var(--color-body);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-ink);font-weight:400}h1{letter-spacing:-.03em;max-width:860px;font-size:clamp(32px,7vw,72px);line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(28px,4vw,36px);line-height:1.2}h3{letter-spacing:-.005em;font-size:22px;line-height:1.3}code,pre,table{font-family:var(--font-mono)}code{font-size:13px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}::selection{background:var(--color-primary);color:var(--color-on-primary)}.button{border-radius:var(--radius-md);border:1px solid #0000;min-height:40px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-primary);color:var(--color-on-primary)}.button--primary:active{background:var(--color-primary-active)}.button--secondary{border-color:var(--color-hairline-strong);background:var(--color-surface-card);color:var(--color-ink)}.button--download{background:var(--color-ink);min-height:44px;color:var(--color-canvas)}.badge,.eyebrow,.timeline-pill{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.4}.badge{border-radius:var(--radius-pill);background:var(--color-surface-strong);width:fit-content;color:var(--color-ink);padding:4px 10px}.eyebrow{color:var(--color-muted)}.text-link{color:var(--color-body);font-size:14px;font-weight:500;text-decoration:none}.text-link:hover{color:var(--color-ink)}.card{align-content:start;gap:var(--space-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-card);padding:var(--space-lg);display:grid}.card p{color:var(--color-body)}.card--inverted{border-color:var(--color-ink);background:var(--color-ink)}.card--inverted h3,.card--inverted p{color:var(--color-canvas)}.card--inverted .eyebrow{color:var(--color-muted-soft)}.text-input{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-surface-card);width:100%;min-width:0;height:44px;color:var(--color-ink);padding:12px 16px}.text-input::placeholder{color:var(--color-muted-soft)}.timeline-pill{border-radius:var(--radius-pill);width:fit-content;color:var(--color-ink);padding:4px 10px}.timeline-pill--thinking{background:var(--color-timeline-thinking)}.timeline-pill--grep{background:var(--color-timeline-grep)}.timeline-pill--read{background:var(--color-timeline-read)}.timeline-pill--edit{background:var(--color-timeline-edit)}.timeline-pill--done{background:var(--color-timeline-done);color:var(--color-on-primary)}.code-block{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-card);padding:var(--space-md);color:var(--color-ink);margin:0;font-size:13px;overflow:auto}.status-console{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-card);min-width:0;max-width:100%;overflow:hidden}.status-console__bar{border-bottom:1px solid var(--color-hairline);color:var(--color-muted);font-family:var(--font-mono);justify-content:space-between;padding:12px 16px;font-size:13px;display:flex}.status-console__grid{gap:var(--space-sm);padding:var(--space-sm);grid-template-columns:118px minmax(0,1fr) 172px;display:grid}.status-console__sidebar,.status-console__main,.status-console__note{border:1px solid var(--color-hairline-soft);border-radius:var(--radius-md);background:var(--color-canvas-soft);font-family:var(--font-mono);font-size:13px}.status-console__sidebar,.status-console__note{align-content:start;gap:var(--space-xs);padding:var(--space-base);display:grid}.status-console__sidebar-item{border-radius:var(--radius-sm);color:var(--color-muted);padding:7px 9px}.status-console__sidebar-item--active{background:var(--color-surface-card);color:var(--color-ink)}.status-console__main{min-width:0;padding:var(--space-base)}.status-console__title,.status-console__metrics{align-items:center;display:flex}.status-console__title{justify-content:space-between;gap:var(--space-base);color:var(--color-ink)}.status-console__metrics{gap:var(--space-sm);margin:18px 0}.status-console__metric{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-surface-card);flex:1;padding:14px}.status-console__metric-value,.status-console__metric-label{display:block}.status-console__metric-value{color:var(--color-ink);font-family:var(--font-sans);letter-spacing:-.0125em;font-size:26px;font-weight:400;line-height:1.25}.status-console__metric-label{color:var(--color-muted);font-size:12px}.status-table{border-collapse:collapse;table-layout:fixed;width:100%;color:var(--color-body);font-size:12px}.status-table th,.status-table td{border-top:1px solid var(--color-hairline-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:10px 6px;overflow:hidden}.status-table th:first-child,.status-table td:first-child{width:27%}.status-table th:nth-child(2),.status-table td:nth-child(2){width:43%}.status-table th:nth-child(3),.status-table td:nth-child(3){width:30%}.status-table th{color:var(--color-muted);font-weight:400}.status-dot{width:7px;height:7px;margin-right:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-success);display:inline-block}.status-console__note p{color:var(--color-body)}.status-console__note code{border-radius:var(--radius-xs);background:var(--color-surface-card);width:fit-content;color:var(--color-ink);padding:4px 8px;display:inline-flex}.status-console__note-label{color:var(--color-muted)}.state-row{column-gap:var(--space-sm);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-card);grid-template-columns:34px minmax(0,1fr);align-items:center;row-gap:2px;padding:18px;display:grid}.state-row>span:first-child{border:1px solid var(--color-hairline);border-radius:var(--radius-pill);width:34px;height:34px;color:var(--color-ink);grid-row:span 2;place-items:center;display:grid}.state-row strong{color:var(--color-ink)}.state-row p{color:var(--color-body)}.state-row--loading>span:first-child{border-color:var(--color-hairline-strong);border-top-color:var(--color-primary);animation:.9s linear infinite spin}.state-row--empty>span:first-child:before{content:"";border:1px solid var(--color-muted);border-radius:3px;width:10px;height:10px}.state-row--error>span:first-child{border-color:color-mix(in srgb, var(--color-error) 40%, var(--color-hairline));color:var(--color-error)}.state-row--success>span:first-child{border-color:color-mix(in srgb, var(--color-success) 40%, var(--color-hairline));color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.status-console__grid{grid-template-columns:112px minmax(0,1fr)}.status-console__note{grid-column:1/-1}}@media (width<=640px){.status-console{border-radius:var(--radius-lg)}.status-console__grid{grid-template-columns:1fr}.status-console__bar span:last-child,.status-console__sidebar{display:none}.status-console__metrics{flex-direction:column;align-items:stretch}.status-table th:nth-child(2),.status-table td:nth-child(2){display:none}}.wizard-band{width:min(var(--container-max), calc(100% - 48px));padding:64px 0 var(--space-section);gap:var(--space-xl);margin:0 auto;display:grid}.wizard-header{gap:var(--space-md);max-width:760px;display:grid}.wizard-header>p{color:var(--color-body);max-width:640px}.step-indicator{gap:var(--space-sm);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step-indicator__item{position:relative}.step-indicator__button{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-base) var(--space-sm);color:var(--color-muted);text-align:left;background:0 0;border:0;font-size:14px;font-weight:500;display:flex}.step-indicator__button:disabled{cursor:default}.step-indicator__num{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-pill);background:var(--color-canvas);width:26px;height:26px;font-family:var(--font-mono);place-items:center;font-size:13px;display:grid}.step-indicator__item--current .step-indicator__num{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-canvas)}.step-indicator__item--current .step-indicator__button{color:var(--color-ink)}.step-indicator__item--done .step-indicator__num{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.step-indicator__item--done .step-indicator__button{color:var(--color-body)}.wizard-panel,.wizard-step{gap:var(--space-xl);display:grid}.wizard-step__group{gap:var(--space-base);display:grid}.choice-grid{gap:var(--space-base);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.choice-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{gap:var(--space-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-surface-card);padding:var(--space-lg);text-align:left;align-content:start;transition:border-color .16s,transform .16s;display:grid}.choice-card:hover:not(:disabled){border-color:var(--color-hairline-strong);transform:translateY(-1px)}.choice-card--selected{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.choice-card--disabled{opacity:.55;cursor:not-allowed}.choice-card__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.choice-card__head strong{color:var(--color-ink);font-size:18px;font-weight:600}.choice-card__badge{border-radius:var(--radius-pill);background:var(--color-surface-strong);color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.choice-card p{color:var(--color-body);font-size:14px}.config-form{gap:var(--space-sm);max-width:520px;display:grid}.config-form label{color:var(--color-ink);font-weight:600}.config-form__hint{color:var(--color-muted);font-size:13px}.config-form__hint--error{color:var(--color-error)}.review-card{max-width:640px}.review-list{gap:var(--space-sm);margin:0;display:grid}.review-list>div{gap:var(--space-base);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-hairline-soft);grid-template-columns:160px minmax(0,1fr);display:grid}.review-list>div:last-child{border-bottom:0}.review-list dt{color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.review-list dd{color:var(--color-ink);margin:0}.review-list code{border-radius:var(--radius-xs);background:var(--color-canvas-soft);color:var(--color-ink);padding:2px 8px;display:inline-flex}.wizard-result{gap:var(--space-sm);max-width:720px;display:grid}.wizard-result .text-link{cursor:pointer;background:0 0;border:0;width:fit-content;padding:0}.wizard-footer{justify-content:space-between;gap:var(--space-base);padding-top:var(--space-base);border-top:1px solid var(--color-hairline);display:flex}@media (width<=1024px){.step-indicator{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.wizard-band{width:calc(100% - 32px);padding:32px 0 64px}.step-indicator{grid-template-columns:1fr}.step-indicator__item--pending{display:none}.choice-grid,.choice-grid--two{grid-template-columns:1fr}.review-list>div{gap:var(--space-xxs);grid-template-columns:1fr}}.app-shell{background:linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), var(--color-hairline-soft) calc(100% - 1px)), var(--color-canvas);background-size:calc((100vw - min(var(--container-max), calc(100vw - 48px))) / 2 + 100px) 100%;min-height:100svh}.top-nav{z-index:20;height:var(--nav-height);padding:0 max(var(--space-lg), calc((100vw - var(--container-max)) / 2));border-bottom:1px solid var(--color-hairline);background:color-mix(in srgb, var(--color-canvas) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:sticky;top:0}.wordmark,.nav-links,.nav-actions,.hero-actions,.input-row,.footer{align-items:center;display:flex}.wordmark{color:var(--color-ink);gap:10px;font-size:18px;font-weight:600;text-decoration:none}.wordmark-mark{border-radius:var(--radius-sm);background:var(--color-primary);width:22px;height:22px;transform:skew(-10deg)}.nav-links{justify-content:center;gap:28px}.nav-links a,.footer a{color:var(--color-body);font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover,.footer a:hover{color:var(--color-ink)}.nav-actions{justify-content:flex-end;gap:var(--space-xs)}.menu-button{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);background:var(--color-surface-card);place-items:center;width:40px;height:40px;display:none}.menu-button span{background:var(--color-ink);width:16px;height:1px;display:block}.workspace-band,.section-grid,.split-band,.component-grid,.code-band,.states-band{width:min(var(--container-max), calc(100% - 48px));margin:0 auto}.workspace-band{gap:var(--space-xxl);min-height:calc(100svh - var(--nav-height));padding:64px 0 var(--space-section);grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr);align-items:center;display:grid}.workspace-copy,.section-heading,.split-band>div,.code-band>div,.states-band>div{align-content:start;gap:var(--space-sm);display:grid}.workspace-copy{gap:var(--space-md);min-width:0}.workspace-copy>p:not(.eyebrow),.split-band>div>p{color:var(--color-body)}.workspace-copy>p:not(.eyebrow){max-width:560px}.hero-actions{gap:var(--space-md);margin-top:var(--space-xs);flex-wrap:wrap}.section-grid,.split-band,.code-band,.states-band{padding:var(--space-section) 0;border-top:1px solid var(--color-hairline)}.section-grid{gap:var(--space-xxl);grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);display:grid}.token-strip{gap:var(--space-base);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.token-swatch span{border:1px solid var(--color-hairline-strong);border-radius:var(--radius-md);height:80px}.token-swatch strong{color:var(--color-ink);font-size:16px}.token-swatch code{color:var(--color-muted)}.split-band,.code-band,.states-band{gap:var(--space-xxl);grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);display:grid}.timeline-list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.timeline-list li{align-items:center;gap:var(--space-base);border-bottom:1px solid var(--color-hairline);padding:0 0 var(--space-sm);color:var(--color-ink);grid-template-columns:116px minmax(0,1fr);display:grid}.component-grid{gap:var(--space-base);padding:0 0 var(--space-section);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-card label{color:var(--color-ink);font-weight:600}.input-row{gap:var(--space-xs)}.state-grid{gap:var(--space-base);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer{justify-content:center;gap:var(--space-lg);width:min(var(--container-max), calc(100% - 48px));border-top:1px solid var(--color-hairline);margin:0 auto;padding:48px 0 64px}.footer strong{color:var(--color-ink)}@media (width<=1024px){.top-nav{grid-template-columns:auto 1fr auto}.nav-links,.nav-actions{display:none}.menu-button{justify-self:end;gap:5px;display:grid}.workspace-band,.section-grid,.split-band,.code-band,.states-band{grid-template-columns:1fr;width:min(100% - 40px,760px)}.workspace-band{min-height:auto;padding-top:48px}.token-strip,.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.top-nav{padding:0 var(--space-md)}.workspace-band,.section-grid,.split-band,.code-band,.states-band,.footer{width:calc(100% - 32px)}.section-grid,.split-band,.code-band,.states-band{padding:56px 0}.input-row,.footer{flex-direction:column;align-items:stretch}.token-strip,.component-grid,.state-grid{grid-template-columns:1fr}.timeline-list li{gap:var(--space-xs);grid-template-columns:1fr}}