:root{--bg: #f4efe6;--bg-warm: #fff8ef;--panel: rgba(255, 251, 244, .86);--panel-strong: rgba(255, 255, 255, .96);--panel-border: rgba(67, 51, 31, .12);--text: #35281d;--text-soft: #6f604f;--text-muted: #9a8a7b;--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .12);--user: #2156b7;--user-soft: rgba(33, 86, 183, .12);--assistant: #166534;--assistant-soft: rgba(22, 101, 52, .12);--tool: #8a4b17;--tool-soft: rgba(138, 75, 23, .12);--debug: #5f6b76;--debug-soft: rgba(95, 107, 118, .12);--metrics: #6f42c1;--metrics-soft: rgba(111, 66, 193, .12);--shadow: 0 18px 50px rgba(64, 46, 19, .08);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-sans: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", monospace;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(243,193,122,.18),transparent 32%),radial-gradient(circle at top right,rgba(85,162,158,.18),transparent 36%),linear-gradient(180deg,#f7f2e8,#efe8db);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}code,pre{font-family:var(--font-mono)}#app{width:min(1180px,calc(100vw - 28px));margin:0 auto;padding:18px 0 32px}.shell{display:grid;gap:18px}.hero-panel,.dropzone,.chat-shell,.empty-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf7e6;border:1px solid var(--panel-border);box-shadow:0 10px 28px #402e130d}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:20px 22px;border-radius:22px;align-items:center}.hero-panel__copy{display:grid;gap:10px;align-content:start;max-width:720px}.hero-panel__eyebrow,.dropzone__eyebrow,.chat-shell__eyebrow,.empty-panel__eyebrow{margin:0;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-panel h1,.dropzone h2,.chat-shell h2,.empty-panel h2{margin:0;line-height:1.15;letter-spacing:-.03em}.hero-panel h1{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:650}.hero-panel__lede,.dropzone__copy,.empty-panel article p{margin:0;color:var(--text-soft);line-height:1.58;max-width:62ch}.hero-panel__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.hero-panel__progress{display:grid;gap:8px;margin-top:6px;max-width:420px}.hero-panel__progress-meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:.9rem}.hero-panel__progress-bar{height:8px;border-radius:999px;overflow:hidden;background:#35281d14}.hero-panel__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#14b8a6);transition:width .12s ease}.hero-panel__progress-copy{margin:0;color:var(--text-muted);font-size:.88rem}.dropzone{position:relative;display:grid;gap:14px;align-content:start;justify-items:stretch;min-height:210px;padding:22px;border-radius:18px;border-style:solid;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.dropzone:hover,.dropzone--dragging{transform:translateY(-1px);border-color:#0f766e3d;background:#fffffffa}.dropzone--loading{opacity:.7}.dropzone__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.dropzone__hint{margin:0;color:var(--text-muted);font-size:.94rem}.dropzone__header,.dropzone__assist{display:grid;gap:6px}.dropzone__label{margin:0;font-size:1.05rem;font-weight:600;color:var(--text)}.dropzone__picker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid rgba(53,40,29,.08);background:#ffffffdb}.dropzone__button{border:0;border-radius:10px;background:#1f2937;color:#fff;padding:11px 16px;font-weight:600;letter-spacing:.01em}.dropzone__button:hover{background:#111827}.dropzone__status{display:grid;gap:4px;min-width:0}.dropzone__status-label{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.dropzone__status-value{color:var(--text);font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-banner{margin:0;padding:14px 18px;border-radius:var(--radius-md);background:#a821211f;border:1px solid rgba(168,33,33,.18);color:#7f1d1d}.toolbar__search,.toolbar__toggle,.toolbar__select{border-radius:999px;border:1px solid rgba(53,40,29,.12);background:#fff}.toolbar__search-wrap{position:relative;min-width:280px}.toolbar__search{width:100%;padding:10px 14px;color:var(--text)}.toolbar__search-results{position:absolute;top:calc(100% + 10px);left:0;z-index:12;width:min(420px,calc(100vw - 56px));display:grid;gap:6px;padding:10px;border-radius:18px;border:1px solid rgba(53,40,29,.12);background:#fffcf7fa;box-shadow:0 18px 36px #402e131a}.toolbar__search-results-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 8px;color:var(--text-soft);font-size:.84rem}.toolbar__search-empty{margin:0;padding:8px 10px;color:var(--text-muted);font-size:.9rem}.toolbar__search-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px;border:0;border-radius:14px;background:#ffffffc2;color:var(--text);text-align:left}.toolbar__search-result:hover{background:#fffffff5}.toolbar__search-result-copy{display:grid;gap:4px;min-width:0}.toolbar__search-result-copy strong,.toolbar__search-result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar__search-result-copy strong{font-size:.92rem;font-weight:600}.toolbar__search-result-copy small{color:var(--text-soft);font-size:.82rem}.toolbar__search-result time{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.toolbar__toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--text-soft)}.toolbar__select-wrap{display:inline-flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.88rem}.toolbar__select{padding:10px 14px;color:var(--text);min-width:158px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.82rem;white-space:nowrap;background:#35281d14;color:var(--text-soft)}.pill--user{background:var(--user-soft);color:var(--user)}.pill--assistant{background:var(--assistant-soft);color:var(--assistant)}.pill--tool{background:var(--tool-soft);color:var(--tool)}.pill--metrics{background:var(--metrics-soft);color:var(--metrics)}.pill--lifecycle{background:var(--accent-soft);color:var(--accent)}.pill--context,.pill--system,.pill--other,.pill--reasoning{background:var(--debug-soft);color:var(--debug)}.chat-shell{display:grid;gap:18px;padding:20px;border-radius:22px}.chat-shell__header{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}.chat-shell__controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chat-shell__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.chat-shell__meta-item{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:#ffffffd1;border:1px solid rgba(53,40,29,.08)}.chat-shell__meta-item span{color:var(--text-muted);font-size:.84rem}.chat-shell__meta-item strong{color:var(--text);word-break:break-word}.token-panel{display:grid;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(15,118,110,.14);background:linear-gradient(135deg,#0f766e14,#ffffffd1 42%),#ffffffe0}.token-panel__header{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.token-panel__eyebrow{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.token-panel__header strong{color:var(--text);font-size:.98rem}.token-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.token-panel__item{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:#ffffffc2;border:1px solid rgba(15,118,110,.08)}.token-panel__item span{color:var(--text-muted);font-size:.84rem}.token-panel__item strong{color:var(--text);word-break:break-word}.chat-shell__tags{display:flex;gap:8px;flex-wrap:wrap}.chat-stream{height:min(72vh,960px);overflow:auto;border-radius:18px;border:1px solid rgba(53,40,29,.08);background:#ffffff73}.chat-stream__inner{position:relative;width:100%}.chat-stream__item{position:absolute;top:0;left:0;width:100%;padding:10px 12px;min-width:0}.chat-row{display:flex;gap:10px;min-width:0}.chat-row--user{justify-content:flex-end}.chat-row--assistant{justify-content:flex-start}.chat-row--meta{justify-content:center}.chat-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;border:1px solid transparent}.chat-message{max-width:min(820px,calc(100% - 56px));display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 14px;border-radius:16px;border:1px solid transparent;background:var(--panel-strong);min-width:0}.chat-message__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text-muted);font-size:.76rem;min-width:0}.chat-message__title,.chat-inline-card h3{margin:0;font-size:.96rem}.chat-inline-card__body,.chat-message__details pre,.chat-inline-card__details pre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.56;font-size:.92rem;color:var(--text)}.chat-message__body{min-width:0;font-size:.92rem;line-height:1.56;color:var(--text)}.chat-message__body>:first-child{margin-top:0}.chat-message__body>:last-child{margin-bottom:0}.chat-message__body p,.chat-message__body ul,.chat-message__body ol,.chat-message__body blockquote,.chat-message__body pre,.chat-message__body table,.chat-message__body hr{margin:0 0 .8rem}.chat-message__body h1,.chat-message__body h2,.chat-message__body h3,.chat-message__body h4,.chat-message__body h5,.chat-message__body h6{margin:0 0 .55rem;color:var(--text);line-height:1.34}.chat-message__body h1{font-size:1.16rem}.chat-message__body h2{font-size:1.08rem}.chat-message__body h3,.chat-message__body h4,.chat-message__body h5,.chat-message__body h6{font-size:1rem}.chat-message__body ul,.chat-message__body ol{padding-left:1.35rem}.chat-message__body li+li{margin-top:.28rem}.chat-message__body blockquote{padding:.2rem 0 .2rem .9rem;border-left:3px solid rgba(30,64,175,.24);color:var(--text-soft)}.chat-message__body code{padding:.12rem .38rem;border-radius:6px;background:#35281d14;color:var(--text);font-family:SFMono-Regular,ui-monospace,Cascadia Code,Source Code Pro,Consolas,monospace;font-size:.86em}.chat-message__body pre{overflow-x:auto;padding:10px 12px;border-radius:var(--radius-md);background:#2a231d;color:#f8f3eb;white-space:pre}.chat-message__body pre code{padding:0;border-radius:0;background:transparent;color:inherit;font-size:inherit}.chat-message__body table{display:block;max-width:100%;width:max-content;overflow-x:auto;border-collapse:collapse}.chat-message__body th,.chat-message__body td{padding:.45rem .7rem;border:1px solid rgba(53,40,29,.14);text-align:left}.chat-message__body th{background:#35281d0f;font-weight:600}.chat-message__body hr{border:0;border-top:1px solid rgba(53,40,29,.12)}.chat-message__body img{display:block;max-width:min(100%,640px);border-radius:12px}.chat-message__details,.chat-inline-card__details{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.chat-message__details--bubble{gap:6px}.chat-message__loading{margin:0;color:var(--text-muted);font-size:.84rem}.chat-message__details summary,.chat-inline-card__details summary{cursor:pointer;color:var(--text-soft);font-size:.86rem}.chat-message__details--bubble summary{list-style:none}.chat-message__details--bubble summary::-webkit-details-marker{display:none}.chat-message__meta-action{color:var(--text-soft);font-size:.82rem;white-space:nowrap}.chat-message__link{color:#1d4ed8;text-decoration:none}.chat-message__link:hover{text-decoration:underline}.chat-message__link--local{cursor:default}.chat-message__meta-trigger{display:inline-flex;align-items:center;gap:6px;min-width:0}.chat-disclosure-icon{display:inline-block;color:var(--text-muted);font-size:.72rem;line-height:1;transition:transform .16s ease}.chat-message__details[open] .chat-disclosure-icon,.chat-tool-status[open]>.chat-tool-status__summary .chat-disclosure-icon,.chat-inline-card[open]>.chat-inline-card__summary .chat-disclosure-icon{transform:rotate(180deg)}.chat-detail-block{margin:0;padding:10px 12px;border-radius:var(--radius-md);background:#ffffffbd;color:var(--text);font-size:.9rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-width:100%}.chat-detail-scroll{width:100%;min-width:0;overflow-x:auto}.chat-detail-block.chat-detail-block--raw{background:#2a231d;color:#f8f3eb;width:max-content;min-width:100%;white-space:pre;word-break:normal}.chat-message--user{background:#edf4ff;border-color:#2156b729}.chat-avatar.chat-message--user{background:var(--user-soft);color:var(--user)}.chat-message--assistant{background:#f4fbf5;border-color:#16653424}.chat-message--focused,.chat-inline-card--focused,.chat-tool-status--focused{box-shadow:0 0 0 2px #0f766e33;border-color:#0f766e47}.chat-message--flash,.chat-inline-card--flash,.chat-tool-status--flash{animation:message-focus-flash 1.2s ease-out}@keyframes message-focus-flash{0%{box-shadow:0 0 #14b8a66b,0 0 0 2px #0f766e47}30%{box-shadow:0 0 0 10px #14b8a62e,0 0 0 2px #0f766e61}65%{box-shadow:0 0 0 14px #14b8a60d,0 0 0 2px #0f766e4d}to{box-shadow:0 0 #14b8a600,0 0 0 2px #0f766e33}}.chat-avatar.chat-message--assistant{background:var(--assistant-soft);color:var(--assistant)}.chat-tool-status{width:min(820px,100%);display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:1px solid transparent;border-radius:14px;min-width:0}.chat-tool-status__summary{display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);align-items:center;gap:14px;padding:6px 4px;cursor:pointer;list-style:none;color:var(--text-muted)}.chat-tool-status__summary::-webkit-details-marker{display:none}.chat-tool-status__line{height:1px;background:linear-gradient(90deg,#35281d14,#35281d3d,#35281d14)}.chat-tool-status__label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-soft);white-space:nowrap}.chat-tool-status__content{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0 12px 10px;border-top:1px solid rgba(53,40,29,.08);background:#ffffff94;border-radius:0 0 14px 14px;min-width:0}.chat-tool-status__meta{display:flex;justify-content:space-between;gap:10px;padding-top:8px;color:var(--text-muted);font-size:.76rem;flex-wrap:wrap}.chat-tool-status__preview{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.45;font-size:.82rem;color:var(--text-soft)}.chat-tool-status__hint{margin:0;color:var(--text-muted);font-size:.8rem}.chat-tool-status__entry{background:#ffffffb8}.chat-tool-status__entry .chat-inline-card__summary{padding:8px 12px}.chat-tool-status__entry .chat-inline-card__content{padding:0 12px 10px}.chat-inline-card{width:min(820px,100%);display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(53,40,29,.08);min-width:0}.chat-inline-card--compact{gap:0;padding:0;overflow:hidden;background:#ffffff8c}.chat-inline-card__summary{display:grid;grid-template-columns:8px auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;list-style:none}.chat-inline-card__summary::-webkit-details-marker{display:none}.chat-inline-card__dot{width:6px;height:6px;border-radius:50%;background:#0f766e8c}.chat-inline-card__title{min-width:0;color:var(--text-soft);font-size:.88rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-inline-card__time{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.chat-inline-card__content{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0 14px 12px;border-top:1px solid rgba(53,40,29,.08);min-width:0}.chat-inline-card__content .chat-inline-card__body,.chat-inline-card__content pre{margin-top:12px}.chat-inline-card__speaker{color:var(--accent);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.empty-panel{display:grid;gap:16px;padding:22px;border-radius:22px}.empty-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.empty-panel article{padding:18px;border-radius:var(--radius-lg);background:#fff9;border:1px solid rgba(53,40,29,.08)}.empty-panel h3{margin:0 0 8px}.empty-panel__paths{display:grid;gap:10px;padding:18px;border-radius:var(--radius-lg);background:#fff9;border:1px solid rgba(53,40,29,.08)}.empty-panel__paths h3,.empty-panel__paths p,.empty-panel__paths ul{margin:0}.empty-panel__paths ul{padding-left:18px;display:grid;gap:6px}@media(max-width:980px){#app{width:min(100vw - 18px,100%);padding-top:10px}.hero-panel{grid-template-columns:1fr;padding:18px;border-radius:18px}.chat-shell__meta,.empty-panel__grid{grid-template-columns:1fr}.toolbar__search{min-width:0}.toolbar__search-wrap,.toolbar__search-results{width:100%}.dropzone__picker{grid-template-columns:1fr}.chat-shell__controls{width:100%}.chat-message,.chat-inline-card{width:100%;max-width:100%}}