:root{--color-terracotta-base: #cc5a3f;--color-terracotta-deep: #b54832;--color-bone-paper: #f5f2eb;--color-bone-parchment: #faf6f0;--color-sage-moss: #7d8d78;--color-cypress-teal: #244038;--color-amber-pollen: #e5ac44;--color-carbon-ink: #191919;--color-seaglass-mist: #bdd2cb;--color-herbarium-linen: #d1ccaf;--surface: var(--color-bone-paper);--surface-raised: var(--color-bone-parchment);--ink: var(--color-carbon-ink);--ink-muted: var(--color-cypress-teal);--rule: var(--color-cypress-teal);--grid-line: rgba(36, 64, 56, .16);--accent: var(--color-terracotta-deep);--on-accent: var(--color-bone-paper);--accent-field: var(--color-terracotta-base);--on-accent-field: var(--color-bone-paper);--status-note: var(--color-seaglass-mist);--status-valid: var(--color-sage-moss);--status-warning: var(--color-amber-pollen);--status-critical: var(--color-terracotta-deep);--on-status: var(--color-carbon-ink);--focus: var(--color-cypress-teal);--font-display: "EB Garamond", Garamond, "Times New Roman", serif;--font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-4: 16px;--space-grid: 19px;--space-8: 32px;--space-16: 64px;--radius-none: 0;--radius-sm: 2px;--radius-node: 9999px;--border-hairline: 1px;--border-stroke: 3px}:root[data-theme=dark]{--surface: #171b19;--surface-raised: #212725;--ink: var(--color-bone-paper);--ink-muted: var(--color-seaglass-mist);--rule: #6f7d76;--grid-line: rgba(189, 210, 203, .1);--accent: #e27a5f;--on-accent: var(--color-carbon-ink);--status-valid: #94a58f;--status-critical: #e27a5f;--focus: var(--color-amber-pollen)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:26px}body,input,button,select,textarea{font-family:var(--font-sans)}h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.text-display-xl{font-family:var(--font-display);font-size:64px;line-height:68px;font-weight:500;letter-spacing:-.01em}.text-display-lg{font-family:var(--font-display);font-size:44px;line-height:50px;font-weight:500}.text-heading{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:500}.text-lede{font-family:var(--font-display);font-size:20px;line-height:30px;font-style:italic}.text-body{font-family:var(--font-sans);font-size:16px;line-height:26px}.text-body-sm{font-family:var(--font-sans);font-size:14px;line-height:22px}.text-label{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.text-code{font-family:var(--font-mono);font-size:14px;line-height:22px}@media (max-width: 767px){.text-display-xl{font-size:40px;line-height:44px}.text-display-lg{font-size:30px;line-height:36px}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-block{margin-top:var(--space-8)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.two-col{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (min-width: 768px){.two-col{grid-template-columns:1fr 1fr}}.variant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.variant-list li{display:flex;justify-content:space-between;gap:var(--space-2);border-top:var(--border-hairline) solid var(--rule);padding-top:var(--space-1);font-size:14px}.stack-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.form-row{grid-template-columns:2fr 1fr}}.variant-fieldset{border:var(--border-hairline) solid var(--rule);border-radius:var(--radius-none);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);max-width:100%}.variant-row{display:grid;grid-template-columns:1fr;gap:var(--space-2) var(--space-4);align-items:end;border-bottom:var(--border-hairline) solid var(--grid-line);padding-bottom:var(--space-4)}@media (min-width: 480px){.variant-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.variant-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.variant-row .ds-button{justify-self:start}.ds-table{width:100%;border-collapse:collapse;font-size:14px}.ds-table th,.ds-table td{text-align:left;padding:var(--space-2);border-bottom:var(--border-hairline) solid var(--rule)}.ds-table th{font-family:var(--font-sans);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:var(--ink-muted)}.ds-button{font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-sm);border:var(--border-hairline) solid var(--ink);cursor:pointer;transition:background-color .1s ease,color .1s ease;align-self:flex-start;flex-shrink:0}.ds-button--md{padding:var(--space-2) var(--space-4);font-size:16px}.ds-button--sm{padding:var(--space-1) var(--space-2);font-size:14px}.ds-button--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.ds-button--primary:hover{background:var(--ink);color:var(--surface);border-color:var(--ink)}.ds-button--secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.ds-button--secondary:hover{background:var(--ink);color:var(--surface)}.ds-button--ghost{background:transparent;color:var(--accent);border-color:transparent;text-decoration:underline;padding-left:0;padding-right:0}.ds-button--ghost:hover{color:var(--ink)}.ds-button:disabled{opacity:.5;cursor:not-allowed}.ds-label{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em}.ds-label--muted{color:var(--ink-muted)}.ds-label--ink{color:var(--ink)}.ds-label--accent{color:var(--accent)}.ds-card{background:var(--surface-raised);border:var(--border-hairline) solid var(--rule);border-radius:var(--radius-none);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.ds-card__title{font-family:var(--font-display);font-size:28px;line-height:34px;font-weight:500;color:var(--ink)}.ds-card__body{font-family:var(--font-sans);font-size:16px;line-height:26px;color:var(--ink)}.ds-card__footer{font-family:var(--font-sans);font-size:14px;line-height:22px;color:var(--ink-muted);border-top:var(--border-hairline) solid var(--rule);padding-top:var(--space-2)}.ds-callout{padding:var(--space-4);border-radius:var(--radius-none);display:flex;flex-direction:column;gap:var(--space-1);color:var(--on-status)}.ds-callout__word{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ds-callout__title{font-family:var(--font-display);font-size:18px}.ds-callout--note{background:var(--status-note)}.ds-callout--valid{background:var(--status-valid)}.ds-callout--warning{background:var(--status-warning)}.ds-callout--critical{background:var(--status-critical);color:var(--on-accent)}.ds-grid-paper{position:relative;background-color:var(--surface-raised);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--space-grid) var(--space-grid);padding:var(--space-4)}.ds-grid-paper__content{position:relative}.ds-grid-paper__reg{position:absolute;color:var(--ink-muted);font-family:var(--font-mono);font-size:14px;line-height:1}.ds-grid-paper__reg--tl{top:var(--space-1);left:var(--space-1)}.ds-grid-paper__reg--tr{top:var(--space-1);right:var(--space-1)}.ds-grid-paper__reg--bl{bottom:var(--space-1);left:var(--space-1)}.ds-grid-paper__reg--br{bottom:var(--space-1);right:var(--space-1)}.ds-field{display:flex;flex-direction:column;gap:var(--space-1)}.ds-field__label{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ds-field__control{font-family:var(--font-sans);font-size:16px;padding:var(--space-2);border:var(--border-hairline) solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.ds-field__control:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ds-field__hint{font-family:var(--font-sans);font-size:14px;color:var(--ink-muted)}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-shell__header{display:grid;grid-template-columns:1fr}@media (min-width: 768px){.app-shell__header{grid-template-columns:2fr 1fr}}.app-shell__brand-panel{background:var(--accent-field);color:var(--on-accent-field);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.app-shell__brand-panel .ds-label{color:var(--on-accent-field)}.app-shell__brand-title{color:var(--on-accent-field);margin:0}.app-shell__brand-title em{font-style:italic;color:var(--color-bone-parchment, #faf6f0)}.app-shell__nav-panel{background:var(--color-seaglass-mist, #bdd2cb);color:var(--ink);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.app-shell__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.app-shell__nav-link{display:inline-block;font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;padding:var(--space-1) 0;border-bottom:var(--border-hairline) solid transparent}.app-shell__nav-link:hover{text-decoration:underline}.app-shell__nav-link--active{border-bottom-color:var(--ink)}.app-shell__main{flex:1;padding:var(--space-4);max-width:1180px;width:100%;margin:0 auto;box-sizing:border-box}@media (min-width: 768px){.app-shell__main{padding:var(--space-8)}}.agent-panel{display:flex;flex-direction:column;gap:var(--space-4)}.agent-transcript{display:flex;flex-direction:column;gap:var(--space-2);max-height:360px;overflow-y:auto;padding-right:var(--space-1)}.agent-message{border:var(--border-hairline) solid var(--rule);background:var(--surface-raised);padding:var(--space-2) var(--space-4);max-width:85%;display:flex;flex-direction:column;gap:var(--space-1)}.agent-message--user{align-self:flex-end;background:var(--surface)}.agent-message--agent{align-self:flex-start}.agent-message--error{border-color:var(--accent);background:var(--status-critical)}.agent-message--error .agent-message__text,.agent-message--error .agent-message__label{color:var(--on-accent)}.agent-message__label{color:var(--ink-muted)}.agent-message__text{font-size:16px;line-height:24px;color:var(--ink)}.agent-message__text>:first-child{margin-top:0}.agent-message__text>:last-child{margin-bottom:0}.agent-message__text p{margin:0 0 var(--space-2) 0}.agent-message__text strong{font-weight:600}.agent-message__text ul,.agent-message__text ol{margin:0 0 var(--space-2) 0;padding-left:var(--space-4)}.agent-message__text li{margin-bottom:var(--space-1)}.agent-message__text code{font-family:var(--font-mono);font-size:14px;background:var(--surface);padding:0 var(--space-1)}.agent-message--user .agent-message__text code{background:var(--surface-raised)}.agent-input-row{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}@media (min-width: 640px){.agent-input-row{flex-direction:row;align-items:end}}.agent-input-row .ds-field{flex:1}.agent-examples{display:flex;flex-direction:column;gap:var(--space-2)}.agent-examples__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}