.builder-workspace{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(280px,.85fr);gap:16px;align-items:start}.builder-workspace>*,.builder-proposal>*,.builder-chat>*{min-width:0}.builder-sidebar,.builder-chat{padding:16px}.builder-sidebar h2,.builder-chat h2{font-size:15px;margin:0}.builder-toolbar,.builder-tabs{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.builder-tabs .khal-btn{padding:4px 8px;min-height:30px;font-size:11px}.builder-tabs [aria-current=page]{background:var(--khal-cell);color:var(--khal-fg)}.builder-sessions{display:grid;gap:8px;margin-top:12px}.builder-session{display:grid;gap:7px;border:1px solid var(--khal-border);border-radius:9px;padding:12px;text-decoration:none;color:var(--khal-fg);background:var(--khal-surface)}.builder-session:hover{border-color:var(--khal-accent)}.builder-session[aria-current=page]{border-color:var(--khal-accent);background:var(--khal-accent-glow)}.builder-session strong{font-size:12px;line-height:1.5}.builder-session small{font:10px / 1.6 var(--khal-font-mono);color:var(--khal-muted)}.builder-session .khal-badge{justify-self:start;font-size:9px;max-width:100%;white-space:normal}.builder-chat{display:flex;flex-direction:column;gap:14px}.builder-chat .message{margin:0}.builder-pipeline{display:flex;flex-wrap:wrap;list-style:none;gap:5px;padding:0;margin:0}.builder-pipeline li{font:9px / 1.5 var(--khal-font-mono);color:var(--khal-muted);padding:4px 6px;border:1px solid var(--khal-border);border-radius:6px}.builder-pipeline li[aria-current]{color:var(--status-info-fg);background:var(--status-info-bg);border-color:var(--status-info-bd)}.builder-status{border-top:1px solid var(--khal-border);padding-top:12px}.builder-status strong{font:11px var(--khal-font-mono);color:var(--khal-accent)}.builder-composer{display:grid;gap:8px;margin-top:auto}.builder-composer label,.builder-composer small{font-size:11px;color:var(--khal-muted)}.builder-composer textarea{resize:vertical;width:100%;box-sizing:border-box;background:var(--khal-surface);color:var(--khal-fg);border:1px solid var(--khal-border);border-radius:9px;padding:10px;font:inherit}.builder-composer textarea:focus-visible{outline:2px solid var(--khal-accent);outline-offset:2px}.builder-proposal code{overflow-wrap:anywhere}.builder-approvers{border:0;padding:0;margin:0;display:flex;gap:6px}.builder-approvers span{display:grid;place-items:center;width:32px;height:32px;border:1px dashed var(--khal-border);border-radius:50%;color:var(--khal-muted);font:10px var(--khal-font-mono)}.builder-approvers .approved{background:var(--status-success-bg);border-color:var(--status-success-bd);color:var(--status-success-fg)}.builder-board{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.builder-column{padding:12px;border:1px solid var(--khal-border);border-radius:12px;background:var(--khal-cell)}.builder-column h2{margin:0 0 12px}.builder-column .builder-session{margin-bottom:9px}@media(max-width:1200px){.builder-workspace{grid-template-columns:170px minmax(0,1fr)}.builder-proposal{grid-column:2}}@media(max-width:760px){.builder-workspace{grid-template-columns:minmax(0,1fr)}.builder-proposal{grid-column:auto}.builder-sessions{max-height:210px;overflow-y:auto}.builder-sidebar>.khal-btn{margin-top:8px}}.builder-proposal .openui-card:has(>.openui-card){padding:0;gap:12px;border:0;box-shadow:none;background:transparent}.builder-proposal .openui-card>.openui-card{padding:12px;gap:8px;border:1px solid var(--khal-border);border-radius:9px;box-shadow:none}.builder-demo{display:grid;gap:12px;padding:12px;border:1px dashed var(--khal-border);border-radius:10px;background:var(--khal-bg)}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Geist-latin-BGnTDqni.woff2) format("woff2")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/GeistMono-latin-pyAoGB9p.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/Fraunces-latin-s4OJFmJE.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/Fraunces-italic-latin-DzfD-tvu.woff2) format("woff2")}:root{color-scheme:light;--brand-charcoal: #0a0a0a;--brand-copper: #d49355;--brand-copper-secondary: #c4956a;--brand-copper-amber: #e8c8a0;--brand-peach: #f5e8dc;--brand-blue: #0a6fe0;--brand-deep-blue: #1a4a7a;--brand-desk: #e9e4de;--brand-surface-light: #f5f1ec;--brand-surface-dark: #15181a;--brand-gradient: linear-gradient(90deg, var(--brand-peach) 0%, var(--brand-blue) 50%, var(--brand-copper) 100%);--brand-gradient-sigil: linear-gradient(135deg, var(--brand-copper-amber) 0%, var(--brand-blue) 45%, var(--brand-copper) 100%);--khal-bg: #f5f1ec;--khal-surface: #ffffff;--khal-surface-hover: #fdfbf8;--khal-chrome: #faf8f5;--khal-cell: #f7f4f0;--khal-fg: #0a0a0a;--khal-fg-2: #111111;--khal-body: #333333;--khal-muted: rgba(10, 10, 10, .6);--khal-tertiary: rgba(10, 10, 10, .4);--khal-faint: rgba(10, 10, 10, .3);--khal-border: rgba(10, 10, 10, .08);--khal-border-strong: rgba(10, 10, 10, .14);--khal-line: #e5e5e5;--khal-primary: #0a0a0a;--khal-primary-hover: #262626;--khal-primary-text: #ffffff;--khal-accent: #d49355;--khal-accent-hover: #c4956a;--khal-accent-strong: #8a5a2a;--khal-accent-glow: #f5e8dc;--khal-accent-ink: #0a0a0a;--khal-accent-blue: #0a6fe0;--khal-accent-blue-soft: rgba(10, 111, 224, .1);--khal-info-strong: #1a4a7a;--khal-chip-bg: rgba(10, 10, 10, .04);--khal-chip-fg: rgba(10, 10, 10, .55);--status-success-fg: #2f6b47;--status-success-bg: #eef5f0;--status-success-bd: rgba(63,138,92,.28);--status-success-dot: #3f8a5c;--status-warning-fg: #7a4f14;--status-warning-bg: #faf3e6;--status-warning-bd: rgba(194,138,58,.32);--status-warning-dot: #c28a3a;--status-danger-fg: #8a2f26;--status-danger-bg: #f9ecea;--status-danger-bd: rgba(184,74,62,.28);--status-danger-dot: #b84a3e;--status-info-fg: #1a4a7a;--status-info-bg: rgba(10,111,224,.08);--status-info-bd: rgba(10,111,224,.28);--status-info-dot: #0a6fe0;--status-neutral-fg: rgba(10,10,10,.62);--status-neutral-bg: rgba(10,10,10,.05);--status-neutral-bd: rgba(10,10,10,.12);--status-neutral-dot: rgba(10,10,10,.4);--status-live-fg: #8a5a2a;--status-live-bg: #f5e8dc;--status-live-dot: #d49355;--chart-1: #0a6fe0;--chart-2: #d49355;--chart-3: #1a4a7a;--chart-4: #c4956a;--ds-shadow-card: 0 2px 16px rgba(0, 0, 0, .04);--ds-shadow-card-hover: 0 4px 24px rgba(0, 0, 0, .08);--ds-shadow-float: 0 25px 50px -12px rgba(0, 0, 0, .25);--ds-shadow-small: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.04);--khal-glass-tint: rgba(255, 255, 255, .78);--khal-glass-border: rgba(255, 255, 255, .55)}.dark{color-scheme:dark;--khal-bg: #0a0a0a;--khal-surface: #15181a;--khal-surface-hover: #1b1f22;--khal-chrome: #0f1113;--khal-cell: #1b1f22;--khal-fg: #ededed;--khal-fg-2: #f4f4f4;--khal-body: #cfcfcf;--khal-muted: rgba(237, 237, 237, .68);--khal-tertiary: rgba(237, 237, 237, .48);--khal-faint: rgba(237, 237, 237, .32);--khal-border: rgba(255, 255, 255, .09);--khal-border-strong: rgba(255, 255, 255, .16);--khal-line: rgba(255, 255, 255, .12);--khal-primary: #ffffff;--khal-primary-hover: #ececef;--khal-primary-text: #0a0a0a;--khal-accent-strong: #e8c8a0;--khal-accent-glow: rgba(212, 147, 85, .18);--khal-accent-blue: #5aa2f2;--khal-accent-blue-soft: rgba(90, 162, 242, .14);--khal-info-strong: #9cc4f0;--khal-chip-bg: rgba(255, 255, 255, .04);--khal-chip-fg: rgba(237, 237, 237, .62);--status-success-fg: #8fd0a8;--status-success-bg: rgba(63,138,92,.16);--status-success-bd: rgba(63,138,92,.32);--status-warning-fg: #e8c08a;--status-warning-bg: rgba(194,138,58,.16);--status-warning-bd: rgba(194,138,58,.32);--status-danger-fg: #f0a09a;--status-danger-bg: rgba(184,74,62,.18);--status-danger-bd: rgba(184,74,62,.34);--status-info-fg: #9cc4f0;--status-info-bg: rgba(90,162,242,.14);--status-info-bd: rgba(90,162,242,.3);--status-info-dot: #5aa2f2;--status-neutral-fg: rgba(237,237,237,.7);--status-neutral-bg: rgba(255,255,255,.06);--status-neutral-bd: rgba(255,255,255,.14);--status-neutral-dot: rgba(237,237,237,.45);--status-live-fg: #e8c8a0;--status-live-bg: rgba(212,147,85,.16);--ds-shadow-card: 0 2px 16px rgba(0, 0, 0, .35);--ds-shadow-card-hover: 0 4px 24px rgba(0, 0, 0, .5);--ds-shadow-float: 0 25px 50px -12px rgba(0, 0, 0, .6);--khal-glass-tint: rgba(21, 24, 26, .78);--khal-glass-border: rgba(255, 255, 255, .08)}:root{--khal-font-display: "Geist", "Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--khal-font-body: var(--khal-font-display);--khal-font-mono: "Geist Mono", "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--khal-font-serif: "Fraunces", "Times New Roman", Georgia, serif;--type-display: 600 32px/1.1 var(--khal-font-display);--tracking-display: -.03em;--type-h1: 600 24px/1.2 var(--khal-font-display);--tracking-h1: -.02em;--type-h2: 600 18px/1.3 var(--khal-font-display);--tracking-h2: -.01em;--type-h3: 600 14px/20px var(--khal-font-display);--type-body: 400 14px/22px var(--khal-font-body);--type-body-sm: 400 13px/20px var(--khal-font-body);--type-label: 500 13px/18px var(--khal-font-display);--type-label-sm:500 12px/16px var(--khal-font-display);--type-eyebrow: 500 11px/14px var(--khal-font-mono);--tracking-eyebrow: .1em;--type-mono: 400 12px/18px var(--khal-font-mono);--type-mono-xs: 400 11px/14px var(--khal-font-mono);--type-serif-accent: italic 400 1em/1 var(--khal-font-serif);--khal-radius-xl: 16px;--khal-radius-window: 14px;--khal-radius-button: 10px;--khal-radius-sm: 8px;--khal-radius-xs: 6px;--khal-radius-pill: 999px;--control-sm: 28px;--control-md: 36px;--control-lg: 42px;--control-xl: 46px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--dur-lift: .5s;--dur-ticker: 30s;--dur-ping: 1s;--dur-pulse: 2s;--dur-enter: .4s;--stagger: 60ms;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width: 248px;--topbar-height: 56px;--content-max: 1280px;--hairline: 2px}body{background:var(--khal-bg);color:var(--khal-fg);font:var(--type-body);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--khal-accent-blue);outline-offset:2px}::selection{background:var(--khal-accent-glow)}@keyframes khal-fade-up{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes khal-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes khal-pulse{50%{opacity:.5}}@keyframes khal-spin{to{transform:rotate(360deg)}}@keyframes khal-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes khal-ticker-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes khal-sigil-spin{to{transform:rotate(360deg)}}@keyframes khal-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes khal-hairline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes khal-count-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stagger-children>*{animation:khal-fade-up var(--dur-enter) var(--ease-out-soft) both}.stagger-children>*:nth-child(2){animation-delay:calc(var(--stagger) * 1)}.stagger-children>*:nth-child(3){animation-delay:calc(var(--stagger) * 2)}.stagger-children>*:nth-child(4){animation-delay:calc(var(--stagger) * 3)}.stagger-children>*:nth-child(5){animation-delay:calc(var(--stagger) * 4)}.stagger-children>*:nth-child(6){animation-delay:calc(var(--stagger) * 5)}.stagger-children>*:nth-child(7){animation-delay:calc(var(--stagger) * 6)}.stagger-children>*:nth-child(8){animation-delay:calc(var(--stagger) * 7)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.stagger-children>*{animation:none;opacity:1;transform:none;filter:none}.khal-ticker .track{animation:none}}.khal-hairline{height:var(--hairline);background:var(--brand-gradient)}.khal-progress{height:var(--hairline);background:var(--brand-copper);transform-origin:0 50%;transform:scaleX(var(--progress, 0));transition:transform var(--dur-slow) var(--ease-standard)}.khal-wordmark{display:inline-block;height:20px;width:auto;color:var(--khal-fg)}.khal-wordmark svg{height:100%;width:auto;display:block}.khal-brandmark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#000;color:#fff}.khal-brandmark svg{width:62%;height:auto}.khal-sigil{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;opacity:.55}.khal-sigil svg{width:min(140%,900px);height:auto}.khal-eyebrow-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border:1px solid var(--khal-border-strong);border-radius:var(--khal-radius-pill);background:var(--khal-surface);font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--khal-muted)}.khal-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--khal-tertiary)}.khal-eyebrow.accent{color:var(--khal-accent-strong)}.khal-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--khal-radius-xs);border:1px solid var(--khal-border-strong);background:var(--khal-chip-bg);color:var(--khal-chip-fg);font:var(--type-mono-xs);transition:color var(--dur-slow) var(--ease-standard),border-color var(--dur-slow) var(--ease-standard)}.khal-chip:hover{border-color:#0a0a0a1f;color:var(--khal-muted)}.khal-trace{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--khal-line);border-radius:var(--khal-radius-xs);background:var(--khal-surface);font:var(--type-mono-xs);color:var(--khal-tertiary)}.khal-trace:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--khal-accent);flex:none}.khal-live{position:relative;display:inline-flex;align-items:center;gap:8px;font:var(--type-label-sm);color:var(--khal-fg)}.khal-live i{position:relative;width:6px;height:6px;border-radius:999px;background:var(--khal-accent);animation:khal-pulse var(--dur-pulse) var(--ease-standard) infinite}.khal-live i:after{content:"";position:absolute;inset:-2px;border-radius:999px;background:var(--khal-accent);opacity:.4;animation:khal-ping var(--dur-ping) var(--ease-out) infinite}.khal-window-preview{border:1px solid var(--khal-border);border-radius:var(--khal-radius-xl);background:var(--khal-surface);box-shadow:var(--ds-shadow-card);overflow:hidden}.khal-window-preview>.bar{height:32px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--khal-border);background:var(--khal-chrome)}.khal-window-preview>.bar i{width:8px;height:8px;border-radius:999px}.khal-window-preview>.bar i:nth-child(1){background:#ff5f57}.khal-window-preview>.bar i:nth-child(2){background:#febc2e}.khal-window-preview>.bar i:nth-child(3){background:#28c840}.khal-window-preview>.bar .crumb{margin:0 auto;font:var(--type-mono-xs);color:var(--khal-tertiary)}.khal-ticker{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.khal-ticker .track{display:flex;width:max-content;gap:32px;animation:khal-ticker var(--dur-ticker) linear infinite}.khal-ticker:hover .track{animation-play-state:paused}.khal-card{background:var(--khal-surface);border:1px solid var(--khal-border);border-radius:var(--khal-radius-xl);box-shadow:var(--ds-shadow-card);padding:var(--space-5);transition:transform var(--dur-slow) var(--ease-standard),box-shadow var(--dur-slow) var(--ease-standard),border-color var(--dur-slow) var(--ease-standard),background var(--dur-slow) var(--ease-standard)}.khal-card.interactive:hover{transform:translateY(-2px);border-color:var(--khal-border-strong);box-shadow:var(--ds-shadow-card-hover);background:var(--khal-surface-hover)}.khal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-lg);padding:0 18px;border-radius:var(--khal-radius-button);border:1px solid transparent;font:var(--type-label);font-size:14px;cursor:pointer;text-decoration:none;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-out)}.khal-btn:active{transform:translateY(1px)}.khal-btn.primary{background:var(--khal-primary);color:var(--khal-primary-text)}.khal-btn.primary:hover{background:var(--khal-primary-hover)}.khal-btn.secondary{background:var(--khal-surface);color:var(--khal-fg);border-color:var(--khal-line)}.khal-btn.secondary:hover{border-color:var(--khal-border-strong);background:var(--khal-surface-hover)}.khal-btn.ghost{background:transparent;color:var(--khal-muted)}.khal-btn.ghost:hover{color:var(--khal-fg);background:var(--khal-chip-bg)}.khal-btn.danger{background:var(--status-danger-dot);color:#fff}.khal-btn.sm{height:var(--control-sm);padding:0 10px;font:var(--type-label-sm)}.khal-btn.md{height:var(--control-md);padding:0 14px;font:var(--type-label)}.khal-btn:disabled{opacity:.5;pointer-events:none}.khal-input{height:var(--control-md);width:100%;padding:0 12px;border:1px solid var(--khal-line);border-radius:var(--khal-radius-button);background:var(--khal-surface);color:var(--khal-fg);font:var(--type-body);transition:border-color var(--dur-fast) var(--ease-standard)}.khal-input:hover{border-color:var(--khal-border-strong)}.khal-input:focus{border-color:var(--khal-accent-blue);outline:none;box-shadow:0 0 0 3px var(--khal-accent-blue-soft)}.khal-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--khal-radius-xs);font:var(--type-label-sm);font-size:11px;line-height:16px;letter-spacing:.01em;white-space:nowrap}.khal-badge.mono{font:var(--type-mono-xs)}.b-neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.b-accent{background:var(--khal-accent-glow);color:var(--khal-accent-strong)}.b-live{background:var(--status-live-bg);color:var(--status-live-fg)}.b-success{background:var(--status-success-bg);color:var(--status-success-fg)}.b-warning{background:var(--status-warning-bg);color:var(--status-warning-fg)}.b-danger{background:var(--status-danger-bg);color:var(--status-danger-fg)}.b-info{background:var(--status-info-bg);color:var(--status-info-fg)}.khal-tabs{display:inline-flex;gap:2px;padding:2px;border-radius:var(--khal-radius-button);background:var(--khal-chip-bg);border:1px solid var(--khal-border)}.khal-tab{height:32px;padding:0 12px;border:0;border-radius:var(--khal-radius-sm);background:transparent;color:var(--khal-muted);font:var(--type-label);cursor:pointer;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.khal-tab[aria-selected=true]{background:var(--khal-surface);color:var(--khal-fg);box-shadow:var(--ds-shadow-small)}.khal-skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--khal-cell) 25%,var(--khal-surface) 50%,var(--khal-cell) 75%);background-size:200% 100%;animation:khal-shimmer 1.4s ease infinite}.khal-spinner{width:14px;height:14px;border-radius:999px;border:2px solid var(--khal-border-strong);border-top-color:var(--khal-accent);animation:khal-spin .8s linear infinite;display:inline-block}.khal-metric .value{font:600 28px/1 var(--khal-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.khal-metric .value.counting{animation:khal-count-in var(--dur-slow) var(--ease-out) both}.khal-serif{font-family:var(--khal-font-serif);font-style:italic;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--khal-font-body)}button,input,select{font:inherit}a{color:var(--khal-info-strong)}h1,h2,h3,p{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--khal-accent-blue);outline-offset:3px}.frame{height:100dvh;background:var(--khal-bg);color:var(--khal-fg)}.hair{height:3px;background:var(--brand-gradient)}.app{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:56px 1fr;height:calc(100% - 3px)}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--khal-chrome);border-bottom:1px solid var(--khal-border)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand b{font-size:14px;white-space:nowrap}.brand small{color:var(--khal-muted);border-left:1px solid var(--khal-border);padding-left:12px}.brandmark{display:inline-grid;place-items:center;width:26px;height:28px;font-size:23px;font-weight:600}.spacer{flex:1}.who{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--khal-muted)}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--khal-accent-glow);color:var(--khal-accent-strong);font-size:11px;font-weight:600}.topbar .menu-btn{display:none}.sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--khal-chrome);border-right:1px solid var(--khal-border);padding:12px 8px 16px}.nav-group{margin-top:16px}.nav-group:first-child{margin-top:0}.nav-group .khal-eyebrow{display:block;padding:0 10px;margin-bottom:6px}.nav a{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:7px;color:var(--khal-muted);text-decoration:none;font-size:12px;line-height:1.4}.nav .n{font:10px var(--khal-font-mono);color:var(--khal-tertiary);width:18px;flex:none}.nav a:hover{background:var(--khal-chip-bg);color:var(--khal-fg)}.nav a[aria-current=page]{background:var(--khal-surface);color:var(--khal-fg);box-shadow:var(--ds-shadow-small)}.nav a[aria-current=page] .n{color:var(--khal-accent-strong)}.sidefoot{margin-top:auto;padding:22px 10px 0;font:10px var(--khal-font-mono);color:var(--khal-muted);display:flex;justify-content:space-between}main{min-height:0;min-width:0;overflow:auto;padding:22px 24px 48px}.page{max-width:1280px;margin:0 auto}.context-strip{display:flex;flex-wrap:wrap;gap:6px 18px;font:10px var(--khal-font-mono);color:var(--khal-muted);margin-bottom:22px}.page-head{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin-bottom:18px}.page-head h1{font-size:29px;letter-spacing:-.8px;font-weight:550;margin-top:7px}.page-head p{font-size:13px;line-height:1.6;color:var(--khal-muted);max-width:72ch;margin-top:5px}.scenario-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px 10px;margin-bottom:18px;border:1px dashed var(--khal-border-strong);border-radius:8px;background:var(--khal-chip-bg);font:10px var(--khal-font-mono)}.scenario-bar>span{margin-right:6px;color:var(--khal-muted)}.sc{display:flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid var(--khal-border-strong);border-radius:6px;background:var(--khal-surface);color:var(--khal-fg);text-decoration:none}.sc[aria-current=true]{background:var(--khal-primary);color:var(--khal-primary-text)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.grid{display:grid;gap:14px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-2-1{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.card,.metric{padding:20px;min-width:0}.card-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:16px}.card h2{font-size:15px;font-weight:600}.card h3{margin:14px 0 8px}.card p,.agent-cover p{color:var(--khal-muted);font-size:13px;line-height:1.7;margin:8px 0 14px}.agent-cover{display:flex;gap:20px;padding:26px}.agent-cover h2{font-size:26px;margin:8px 0;font-weight:550;letter-spacing:-.6px}.agent-cover h2 em{font-family:var(--khal-font-serif);font-weight:400}.agent-icon{flex:none;display:grid;place-items:center;width:64px;height:64px;font-size:32px;border-radius:18px;background:var(--khal-accent-glow);color:var(--khal-accent-strong)}.metric strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:500;margin:14px 0 10px}.metric small{font-size:11px;color:var(--khal-muted)}.metric-line{height:3px;border-radius:2px;background:var(--khal-cell);margin-top:16px;overflow:hidden}.metric-line span{display:block;height:100%;border-radius:inherit}.mono,code,.trace{font-family:var(--khal-font-mono)}code{color:var(--khal-accent-strong);font-size:11px;overflow-wrap:anywhere}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--khal-border);vertical-align:top}th{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--khal-muted)}.note{margin-top:16px}.chat{display:flex;flex-direction:column;gap:14px}.message{padding:16px;border-radius:12px;margin:14px 0;background:var(--khal-cell)}.message.customer{background:var(--khal-accent-glow);margin-left:24px}.message.agent{margin-right:16px}.message p{margin:6px 0 0}.trace{font-size:10px;line-height:1.7;color:var(--khal-muted);padding:10px 0;overflow-wrap:anywhere}.disabled-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px}.disabled-action small{color:var(--khal-muted);font-size:11px;line-height:1.6}button:disabled,option:disabled{cursor:not-allowed;opacity:.55}.scenario-list{margin:0;padding-left:18px;font-size:13px;line-height:2}.empty-state{min-height:350px;padding:48px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}.empty-state h2{font-size:23px;font-weight:500}.empty-state p{max-width:48ch;color:var(--khal-muted);font-size:13px;line-height:1.7}.state-icon{font-size:44px;color:var(--khal-accent-strong)}.notice{padding:14px;margin-bottom:18px;border:1px solid var(--status-warning-bd);background:var(--status-warning-bg);border-radius:8px;font-size:13px}.field{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:13px}select{max-width:100%;border:1px solid var(--khal-border-strong);border-radius:8px;padding:12px;color:var(--khal-fg);background:var(--khal-surface)}.drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,90vw);max-width:none;height:100dvh;max-height:none;padding:18px 12px;border:0;background:var(--khal-chrome);color:var(--khal-fg)}.drawer::backdrop{background:#00000059}.drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drawer .nav a{min-height:42px}.skip-link{position:fixed;top:-100px;left:16px;background:var(--khal-surface);padding:12px;z-index:10}.skip-link:focus{top:8px}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--khal-bg);color:var(--khal-fg)}.auth-screen>section{width:min(480px,100%);padding:36px}.auth-screen h1{font-size:30px;margin:18px 0}.auth-screen p{font-size:14px;line-height:1.7;color:var(--khal-muted);margin:18px 0}.openui-card{border:1px solid var(--khal-border-strong);padding:18px;border-radius:12px;margin:16px 0}.openui-card h3{font-size:15px}@media(max-width:1060px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-2-1{grid-template-columns:minmax(0,1fr)}.who>span:first-child{display:none}}@media(max-width:760px){.app{grid-template-columns:minmax(0,1fr)}.sidebar,.brand small,.who,.menu-label{display:none}.topbar{padding:0 10px;gap:7px}.topbar .menu-btn{display:inline-flex}main{padding:18px 14px 36px}.context-strip{font-size:9px;gap:6px;margin-bottom:20px}.page-head h1{font-size:27px}.card,.metric{padding:16px}.agent-cover{padding:18px;gap:12px}.agent-icon{width:42px;height:42px;border-radius:12px;font-size:24px}.agent-cover h2{font-size:22px}.agent-cover h2 em{display:block}.metric strong{font-size:25px}.message.customer{margin-left:10px}.message.agent{margin-right:0}.empty-state{min-height:330px;padding:30px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none;transition:none;scroll-behavior:auto}}.page-head h1:focus{outline:none}