:root{--brand-cream:#f4efe2;--brand-surface:#faf7ef;--brand-surface-raised:#efe7d6;--brand-line:#dcd2b8;--brand-ink:#362f26;--brand-ink-dim:#5c5346;--brand-ink-faint:#8a8070;--brand-orange:#f48f0b;--brand-on-orange:#2a1a06;--brand-teal:#1fa39a;--brand-amber:#c98a00;--brand-vermillion:#ff3d2e;--brand-sage:#2f9e55;--font-display:"Archivo Black", "Arial Black", sans-serif;--font-sans:"Archivo", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-slash:Georgia, "Times New Roman", serif;--text-9:9px;--text-10:10px;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-16:16px;--text-19:19px;--text-20:20px;--text-24:24px;--text-28:28px;--text-32:32px;--text-40:40px;--text-64:64px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-display:-.01em;--tracking-wordmark:.16em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--radius-control:6px;--border:1.5px;--border-thin:1px;--shadow-sm:3px 3px 0 0 var(--brand-ink);--shadow-sm-press:1px 1px 0 0 var(--brand-ink);--shadow:4px 4px 0 0 var(--brand-ink);--shadow-press:2px 2px 0 0 var(--brand-ink);--shadow-lg:5px 5px 0 0 var(--brand-ink);--shadow-lg-press:3px 3px 0 0 var(--brand-ink);--shadow-accent:4px 4px 0 0 var(--brand-orange);--shadow-teal:4px 4px 0 0 var(--brand-teal);--container-max:80rem;--topbar-height:76px;--scroll-offset:88px;--control-height:38px;--control-height-sm:30px;--page-gutter:var(--space-6);--section-gap:4rem;--accent:var(--brand-orange);--accent-on:var(--brand-on-orange);--accent-hover:#d77e0a;--accent-text:#925607;--ok:#22733e;--warn:#875c00;--danger:#cc0f00;--info:#157069;--z-topbar:10;--z-dropdown:20;--z-modal:40;--z-toast:60}@media (width>=900px){:root{--page-gutter:5rem;--section-gap:6rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--brand-cream);--layer:var(--brand-surface);--layer-2:var(--brand-surface-raised);--line:var(--brand-line);--line-strong:var(--brand-ink);--text:var(--brand-ink);--muted:var(--brand-ink-dim);--faint:#71685b;--inverted:var(--brand-cream);--track:var(--brand-surface-raised);--overlay:#362f26cc;--code-bg:#211a10;--code-text:var(--brand-cream);--code-faint:#b8aa95}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);min-width:320px;color:var(--muted);font-family:var(--font-sans);font-size:var(--text-13);font-weight:var(--weight-medium);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{color:var(--text);font-family:var(--font-display);font-weight:var(--weight-regular);letter-spacing:var(--tracking-display);margin:0;line-height:1.2}h1{font-size:var(--text-28)}h2{font-size:var(--text-20)}h3{font-size:var(--text-16)}h4{font-size:var(--text-13)}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}table,[data-numeric],.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-on)}.label{color:var(--faint);font-family:var(--font-mono);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;line-height:1}.label--micro{font-size:var(--text-9)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100vh}.app-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow-y:auto}.app-content{padding:var(--space-6);max-width:var(--container-max);flex:1;width:100%}.app-content>h1{margin-bottom:var(--space-6)}.app-content--fill{height:calc(100vh - var(--topbar-height));flex-direction:column;display:flex;overflow:hidden}.app-content--fill>h1{flex:none}.app-content-fill-body{flex-direction:column;flex:1;min-height:0;display:flex}.back-link{align-items:center;gap:var(--space-1);color:var(--faint);font-family:var(--font-mono);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-3);display:inline-flex}.back-link:hover{color:var(--accent-text);text-decoration:none}.logo{align-items:center;gap:var(--space-3);color:var(--text);display:inline-flex}.logo-mark{background:var(--layer);border:var(--border) solid var(--line-strong);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent);font-family:var(--font-slash);font-style:italic;font-weight:var(--weight-bold);font-size:var(--text-20);flex:none;justify-content:center;align-items:center;display:inline-flex}.logo-mark--sm{width:24px;height:24px;font-size:var(--text-16)}.logo-word{flex-direction:column;line-height:1;display:flex}.logo-name{font-family:var(--font-display);font-size:var(--text-16);color:var(--text)}.logo-name .logo-slash{color:var(--accent);font-family:var(--font-slash);font-style:italic}.logo-subtitle{font-family:var(--font-mono);font-size:var(--text-9);font-weight:var(--weight-semibold);color:var(--faint);text-transform:uppercase;letter-spacing:var(--tracking-wordmark);margin-top:3px}.top-nav{align-items:center;gap:var(--space-6);height:var(--topbar-height);min-height:var(--topbar-height);padding:0 var(--space-6);border-bottom:var(--border-thin) solid var(--line);background:var(--bg);z-index:var(--z-topbar);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.top-nav-tabs{justify-content:center;align-items:center;gap:var(--space-1);display:flex}.top-nav-right{align-items:center;gap:var(--space-4);display:flex}.nav-tab{align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius);color:var(--muted);font-family:var(--font-sans);font-size:var(--text-13);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.nav-tab svg{color:var(--faint);flex:none}.nav-tab:hover{background:var(--layer-2);color:var(--text);text-decoration:none}.nav-tab.is-active{background:var(--accent);color:var(--accent-on)}.nav-tab.is-active svg{color:var(--accent-on)}.user-avatar{border-radius:var(--radius-control);border:var(--border-thin) solid var(--line-strong);background:var(--layer);width:30px;height:30px;color:var(--muted);font-size:var(--text-12);font-weight:var(--weight-semibold);font-family:var(--font-mono);cursor:pointer;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:flex}.user-avatar:hover{border-color:var(--accent);color:var(--text)}.user-avatar.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-13);font-weight:var(--weight-semibold);border-radius:var(--radius);border:var(--border) solid transparent;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s,transform .1s,box-shadow .1s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-3)}.btn--primary{background:var(--accent);color:var(--accent-on);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-sm-press);transform:translate(1px,1px)}.btn--primary:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.btn--secondary{background:var(--layer);color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:var(--layer-2);box-shadow:var(--shadow-sm-press);transform:translate(1px,1px)}.btn--secondary:active:not(:disabled){box-shadow:none;transform:translate(3px,3px)}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--layer-2);color:var(--text)}.btn--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 55%, transparent);background:0 0}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, transparent)}.card{background:var(--layer);border:var(--border) solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow)}button.card{transition:transform .1s,box-shadow .1s,border-color .12s}button.card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-press);transform:translate(1px,1px)}button.card:active:not(:disabled){box-shadow:none;transform:translate(4px,4px)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:var(--border-thin) solid var(--line);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-5)}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}table.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-align:left;font-family:var(--font-mono);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:var(--space-3) var(--space-3);border-bottom:var(--border) solid var(--line-strong)}.data-table tbody td{font-family:var(--font-sans);font-size:var(--text-13);font-weight:var(--weight-medium);color:var(--muted);padding:10px var(--space-3);border-bottom:var(--border-thin) solid var(--line)}.data-table tbody tr:hover{background:var(--layer-2)}.data-table td[data-numeric],.data-table th[data-numeric]{text-align:right}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{font-family:var(--font-mono);font-size:var(--text-11);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.input{background:var(--bg);border:var(--border) solid var(--line-strong);border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);font-size:var(--text-13);height:var(--control-height);padding:0 var(--space-3);transition:border-color .12s}.input::placeholder{color:var(--faint)}.input:focus-visible{border-color:var(--accent);outline:none}.status-pill{border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-10);font-weight:var(--weight-semibold);letter-spacing:.03em;text-transform:uppercase;align-items:center;padding:3px 9px;line-height:1;display:inline-flex}.status-pill--ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.status-pill--warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, transparent)}.status-pill--danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.status-pill--info{color:var(--info);background:color-mix(in srgb, var(--info) 14%, transparent)}.status-pill--muted{color:var(--faint);background:var(--layer-2)}.suggestion-pill{align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2) var(--space-3);border:var(--border) solid var(--line-strong);border-radius:var(--radius-pill);background:var(--layer);color:var(--muted);font-family:var(--font-sans);font-size:var(--text-12);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .12s,color .12s,transform .1s,box-shadow .1s;display:inline-flex}.suggestion-pill span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestion-pill:hover{border-color:var(--accent);color:var(--text);box-shadow:var(--shadow-sm-press);transform:translate(1px,1px)}.suggestion-pill-edit{color:var(--faint);flex:none;display:inline-flex}.suggestion-pill-edit:hover{color:var(--accent-text)}.history-panel{top:calc(100% + var(--space-2));width:320px;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);position:absolute;left:0}.history-panel-item{width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:var(--border-thin) solid var(--line);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:2px;display:flex}.history-panel-item:last-child{border-bottom:none}.history-panel-item:hover{background:var(--layer-2)}.history-panel-item-title{font-family:var(--font-sans);font-size:var(--text-13);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-panel-item-meta{font-family:var(--font-mono);font-size:var(--text-11);color:var(--faint)}.markdown{color:var(--text);font-family:var(--font-sans);font-size:var(--text-13);line-height:1.65}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{margin:var(--space-5) 0 var(--space-2);color:var(--text)}.markdown h1{font-size:var(--text-20)}.markdown h2{font-size:var(--text-16)}.markdown h3{font-size:var(--text-14)}.markdown p{margin:0 0 var(--space-3)}.markdown ul,.markdown ol{margin:0 0 var(--space-3);padding-left:var(--space-5)}.markdown li{margin-bottom:var(--space-1)}.markdown strong{color:var(--text);font-weight:var(--weight-semibold)}.markdown code{font-family:var(--font-mono);background:var(--layer-2);color:var(--text);border-radius:4px;padding:1px 5px;font-size:.92em}.markdown pre{background:var(--code-bg);color:var(--code-text);border:var(--border) solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-3);margin:0 0 var(--space-3);overflow:auto}.markdown pre code{color:inherit;background:0 0;padding:0}.markdown table{border-collapse:collapse;width:100%;margin:0 0 var(--space-4);font-size:var(--text-12)}.markdown th,.markdown td{border:var(--border-thin) solid var(--line);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}.markdown th{background:var(--layer-2);font-family:var(--font-mono);font-weight:var(--weight-semibold);text-transform:uppercase;font-size:var(--text-10);color:var(--faint)}.markdown hr{border:none;border-top:var(--border-thin) solid var(--line);margin:var(--space-4) 0}.markdown blockquote{border-left:2px solid var(--line-strong);margin:0 0 var(--space-3);padding-left:var(--space-3);color:var(--muted)}.code-pane{background:var(--code-bg);border:var(--border) solid var(--line-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-12);color:var(--code-text);padding:var(--space-4);line-height:1.6;overflow:auto}.code-pane .key{color:var(--code-faint)}.code-pane .value{color:var(--accent)}.stepper{flex-direction:column;display:flex}.stepper-step{gap:var(--space-3);padding-bottom:var(--space-5);display:flex;position:relative}.stepper-step:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:24px;bottom:0;left:11px}.stepper-marker{width:24px;height:24px;font-family:var(--font-mono);font-size:var(--text-11);font-weight:var(--weight-semibold);border:var(--border) solid var(--line-strong);background:var(--track);color:var(--faint);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.stepper-step.is-done .stepper-marker{border-color:var(--accent);color:var(--accent-text);background:var(--layer)}.stepper-step.is-active .stepper-marker{border-color:var(--line-strong);color:var(--accent-on);background:var(--accent)}.stepper-step.is-active .stepper-title{color:var(--accent-text)}.stepper-title{font-family:var(--font-sans);font-size:var(--text-13);font-weight:var(--weight-semibold);color:var(--muted);padding-top:2px;line-height:1.5}.stepper-body{margin-top:var(--space-1);flex-direction:column;gap:3px;display:flex}.stepper-detail{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-12);color:var(--faint);display:flex}.stepper-detail .duration{font-variant-numeric:tabular-nums;flex-shrink:0}.stepper-detail .cost{font-variant-numeric:tabular-nums;color:var(--accent-text);flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.center-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.text-muted{color:var(--muted)}.text-faint{color:var(--faint)}.text-accent{color:var(--accent-text)}.kpi-value{font-family:var(--font-display);font-size:var(--text-32);color:var(--text)}