.chat{--paper: #f4f6f8;--paper-raised: #ffffff;--paper-inset: #eceff3;--ink: #17202b;--ink-2: #4a5666;--ink-3: #6b7788;--ink-4: #8d97a6;--rule: rgba(23, 32, 43, .12);--rule-soft: rgba(23, 32, 43, .07);--rule-strong: rgba(23, 32, 43, .28);--ink-blue: #1d4fb8;--ink-blue-soft: rgba(29, 79, 184, .09);--ink-blue-on: #ffffff;--stamp-done: #1f7a4d;--stamp-run: #1d4fb8;--stamp-fail: #b3261e;--stamp-stop: #6b7788;--stamp-old: #8d97a6;--warn-bg: rgba(161, 92, 0, .1);--warn-ink: #7a4500;--error-bg: rgba(179, 38, 30, .08);--error-ink: #9a1f18;--focus: #1d4fb8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-s: 6px;--radius-m: 10px;--radius-l: 16px;--ease-out: cubic-bezier(.23, 1, .32, 1);--measure: 760px;--history-width: 280px;--font: "IBM Plex Sans", "Source Sans 3", "Noto Sans", system-ui, sans-serif}@media(prefers-color-scheme:dark){.chat{--paper: #12161c;--paper-raised: #1a2029;--paper-inset: #0e1217;--ink: #e8ecf1;--ink-2: #b4bdca;--ink-3: #8f9aab;--ink-4: #6f7a8b;--rule: rgba(255, 255, 255, .1);--rule-soft: rgba(255, 255, 255, .06);--rule-strong: rgba(255, 255, 255, .24);--ink-blue: #7aa2f0;--ink-blue-soft: rgba(122, 162, 240, .12);--ink-blue-on: #0e1217;--stamp-done: #5fc08f;--stamp-run: #7aa2f0;--stamp-fail: #ef8a82;--stamp-stop: #8f9aab;--stamp-old: #6f7a8b;--warn-bg: rgba(240, 180, 90, .12);--warn-ink: #f0c27a;--error-bg: rgba(239, 138, 130, .12);--error-ink: #f3a39d;--focus: #7aa2f0}}body{margin:0;background:#f4f6f8}@media(prefers-color-scheme:dark){body{background:#12161c}}.chat{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--paper);color:var(--ink);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased}.chat *,.chat *:before,.chat *:after{box-sizing:border-box}.chat :focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 4px var(--paper)}.chat .composer-input:focus-visible{outline:0;box-shadow:none}.chat .composer:has(.composer-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media(forced-colors:active){.chat :focus-visible,.chat .composer:has(.composer-input:focus-visible){outline-color:Highlight}}.chat.status-page{display:grid;place-items:center;height:auto;min-height:100dvh;overflow:auto;padding:var(--space-4)}.status-card{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-l)}.status-title{margin:0;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.status-message{margin:0;color:var(--ink-2);text-wrap:pretty}.status-link{text-decoration:none;margin-top:var(--space-2)}@media(max-width:720px){.status-card{padding:var(--space-4)}.status-link{align-self:stretch}}.chat-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--rule);background:var(--paper);position:relative;z-index:3;min-height:52px}.chat-title{flex:1;margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;text-wrap:balance}.history-toggle{display:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--paper-raised);color:var(--ink);font:500 14px/1 var(--font);cursor:pointer;transition:background-color .12s var(--ease-out),border-color .12s var(--ease-out),transform .12s var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--rule-strong)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{color:var(--ink-4);cursor:not-allowed;background:var(--paper-inset)}.btn-quiet{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-quiet:hover:not(:disabled){background:var(--rule-soft);border-color:transparent}.btn-primary,.btn-send{background:var(--ink-blue);border-color:var(--ink-blue);color:var(--ink-blue-on)}.btn-primary:hover:not(:disabled),.btn-send:hover:not(:disabled){border-color:var(--ink-blue);filter:brightness(1.08)}.btn-send{transition:transform .12s var(--ease-out)}.btn-send:disabled{background:var(--paper-inset);border-color:var(--rule);color:var(--ink-3)}.btn-stop{color:var(--stamp-fail)}.btn-icon{width:40px;padding:0}.chat-body{position:relative;display:grid;grid-template-columns:var(--history-width) minmax(0,1fr);min-height:0}.history{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--rule);background:var(--paper);padding:var(--space-3) var(--space-2);gap:var(--space-2);overflow-y:auto}.history-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-2)}.history-title{margin:0;font-size:12px;font-weight:600;color:var(--ink-3)}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.history-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);color:var(--ink);text-decoration:none;min-height:44px;transition:background-color .12s var(--ease-out)}.history-item:hover{background:var(--rule-soft)}.history-item[aria-current=page]{background:var(--ink-blue-soft);box-shadow:inset 2px 0 0 var(--ink-blue)}.history-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-weight:500}.history-when{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.history-empty{margin:0;padding:var(--space-2) var(--space-3);color:var(--ink-3)}.history-more{align-self:stretch}.scrim{display:none}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.conversation[data-new]{justify-content:center}.hero{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--space-4) var(--space-4)}.hero-title{margin:0 0 var(--space-2);font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.02em;text-wrap:balance}.hero-sub{margin:0;color:var(--ink-2);max-width:56ch;text-wrap:pretty}.transcript{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-5) var(--space-4) var(--space-3);overscroll-behavior:contain}.transcript[data-empty]{flex:0 0 auto;padding:0}.transcript-inner{max-width:var(--measure);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.transcript-hint{margin:0;color:var(--ink-3)}.turn{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-3);--rail: var(--stamp-run)}.turn[data-status=done]{--rail: var(--stamp-done)}.turn[data-status=failed]{--rail: var(--stamp-fail)}.turn[data-status=cancelled]{--rail: var(--stamp-stop)}.turn[data-status=expired]{--rail: var(--stamp-old)}.turn-rail{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.turn-rail:after{content:"";flex:1;width:2px;min-height:12px;border-radius:1px;background:var(--rail);opacity:.55}.turn[data-status=cancelled] .turn-rail:after{background:repeating-linear-gradient(to bottom,var(--rail) 0 4px,transparent 4px 8px)}.turn[data-status=expired] .turn-rail:after{background:repeating-linear-gradient(to bottom,var(--rail) 0 2px,transparent 2px 6px)}.turn-no{font-size:11px;font-weight:600;line-height:20px;color:var(--rail);font-variant-numeric:tabular-nums}.turn-body{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.turn-stamp{margin:0;font-size:12px;font-weight:500;color:var(--rail)}.msg{min-width:0;overflow-wrap:anywhere}.msg-text{margin:0;white-space:pre-wrap;text-wrap:pretty;max-width:72ch}.msg-muted{color:var(--ink-3)}.msg-user{align-self:flex-start;padding:var(--space-2) var(--space-3);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-m)}.msg-assistant{display:flex;flex-direction:column;gap:var(--space-1)}.msg-agent{font-size:12px;font-weight:600;color:var(--ink-3)}.msg-pending .msg-text{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-2)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--stamp-run);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.files{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.file{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--paper-raised);color:var(--ink-blue);text-decoration:none;font-weight:500;overflow-wrap:anywhere}.file:hover{border-color:var(--rule-strong)}.file-ext{font-size:11px;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums}.skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton i,.skeleton-row{display:block;height:14px;border-radius:var(--radius-s);background:var(--rule-soft)}.skeleton i:nth-child(2){width:80%}.skeleton i:nth-child(3){width:55%}.skeleton-row{height:44px}.dock{flex:0 0 auto;width:100%;max-width:calc(var(--measure) + 2 * var(--space-4));margin:0 auto;padding:var(--space-2) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);border:1px solid var(--rule)}.banner p{margin:0;flex:1 1 200px;overflow-wrap:anywhere}.banner-warn{background:var(--warn-bg);color:var(--warn-ink)}.banner-error{background:var(--error-bg);color:var(--error-ink)}.stage{margin:0;min-height:0;padding:0 var(--space-1);font-size:12px;font-weight:500;color:var(--ink-2)}.stage:empty{display:none}.composer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-l);transition:border-color .12s var(--ease-out)}.composer:focus-within{border-color:var(--ink-blue)}.composer-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;width:100%;min-height:24px;max-height:200px;padding:0;margin:0;border:0;outline:0;background:transparent;color:var(--ink);font:400 16px/1.5 var(--font)}.composer-input::placeholder{color:var(--ink-4)}.composer-note{margin:0;font-size:12px;color:var(--warn-ink)}.composer-hint{display:none;margin:0;font-size:12px;color:var(--ink-3)}@media(pointer:fine){.composer-hint{display:block}}.composer-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.composer-actions{display:flex;gap:var(--space-2);margin-left:auto}.picker{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%}.picker-label{font-size:11px;font-weight:500;color:var(--ink-3)}.picker-note{font-size:11px;color:var(--ink-3);max-width:36ch}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;max-width:100%;padding:0 var(--space-6) 0 var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--paper-inset) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%238d97a6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink);font:500 14px/1 var(--font);cursor:pointer;text-overflow:ellipsis}.select:hover{border-color:var(--rule-strong)}@media(max-width:720px){.history-toggle{display:inline-flex}.chat-head{gap:var(--space-1, 4px);padding:var(--space-2) var(--space-3)}.chat-head .btn{padding:0 var(--space-2)}.chat-head .btn-icon{width:44px;padding:0}.chat-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.btn,.select{min-height:44px}.chat-body{grid-template-columns:minmax(0,1fr)}.history{position:absolute;z-index:2;top:0;bottom:0;left:0;width:min(320px,86vw);background:var(--paper);transition:transform .22s var(--ease-out),visibility 0s linear .22s}.history[data-wanted=closed]{transform:translate(-100%);visibility:hidden}.history[data-wanted=open]{transform:translate(0);visibility:visible;transition:transform .22s var(--ease-out),visibility 0s}.scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0a0e1466;transition:opacity .2s var(--ease-out),visibility 0s linear .2s}.scrim[data-wanted=closed]{opacity:0;visibility:hidden}.scrim[data-wanted=open]{opacity:1;visibility:visible;transition:opacity .2s var(--ease-out),visibility 0s}.transcript{padding:var(--space-4) var(--space-3) var(--space-2)}.dock{padding:var(--space-2) var(--space-3) var(--space-3)}.hero-title{font-size:22px}.turn{grid-template-columns:20px minmax(0,1fr);gap:var(--space-2)}.composer-bar{align-items:stretch}.picker{flex:1 1 100%}.select{width:100%}.composer-actions{flex:1 1 100%}.composer-actions .btn{flex:1}}@media(prefers-reduced-motion:reduce){.history,.scrim,.btn,.composer{transition:none!important}.btn:active:not(:disabled){transform:none}.pulse{animation:none;opacity:1}}