:root{--bg-top: #e7eef2;--bg-bottom: #f4f7f9;--panel: rgba(255, 255, 255, .82);--ink: #15232b;--muted: #5d7380;--line: rgba(21, 35, 43, .1);--accent: #0b7f6b;--accent-dim: rgba(11, 127, 107, .1);--warn: #9a6b12;--danger: #b42318;--ok: #0b7f6b;--shadow: 0 16px 40px rgba(21, 35, 43, .08);--radius: 16px;--font: "Manrope", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;color:var(--ink);font-family:var(--font);overflow:hidden;background:radial-gradient(900px 480px at 8% -8%,rgba(11,127,107,.14),transparent 55%),radial-gradient(700px 400px at 100% 0%,rgba(40,110,150,.12),transparent 50%),linear-gradient(165deg,var(--bg-top),var(--bg-bottom))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(21,35,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,35,43,.035) 1px,transparent 1px);background-size:44px 44px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:232px 1fr;height:100%;min-height:100%;overflow:hidden}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:grid;gap:6px;margin-bottom:36px;padding:0 10px}.brand strong{font-size:1.25rem;font-weight:700;letter-spacing:-.03em}.brand span{color:var(--muted);font-size:.78rem;line-height:1.4}.brand-mode{display:grid;gap:2px}.token-cell{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.token-sep{color:var(--line)}.log-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.log-path{color:var(--muted);font-size:.75rem}.nav{display:grid;gap:4px}.nav a{display:flex;align-items:center;padding:11px 14px;border-radius:10px;color:var(--muted);transition:background .2s ease,color .2s ease,transform .2s ease}.nav a:hover{background:#15232b0a;color:var(--ink)}.nav a.active{background:var(--accent-dim);color:var(--accent);transform:translate(2px)}.main{height:100%;min-height:0;padding:32px 36px 48px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.main::-webkit-scrollbar{width:0;height:0;display:none}.page-view{will-change:opacity,transform;scrollbar-width:none;-ms-overflow-style:none}.page-view::-webkit-scrollbar{width:0;height:0;display:none}.page-enter{animation:page-enter .32s cubic-bezier(.22,1,.36,1) both}.page-exit{animation:page-exit .18s ease both;pointer-events:none}@keyframes page-enter{0%{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-8px);filter:blur(2px)}}@media(prefers-reduced-motion:reduce){.page-enter,.page-exit{animation:none}}.page-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.page-head h1{margin:0;font-size:clamp(1.6rem,2.2vw,2rem);font-weight:700;letter-spacing:-.03em}.page-head p{margin:8px 0 0;color:var(--muted);max-width:48ch;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;transition:transform .15s ease,opacity .15s ease,filter .15s ease}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.ghost{background:var(--accent-dim);color:var(--accent)}.btn.danger{background:#b423181a;color:var(--danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{min-width:0;padding:18px;overflow:hidden}.stat label{display:block;margin-bottom:8px;color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.stat strong{display:block;min-width:0;font-size:1.55rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}.stat strong.mono,.stat-url{font-size:.82rem;line-height:1.4;font-weight:650}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;margin-bottom:14px}.field{display:grid;gap:6px;min-width:140px}.field.grow{flex:1;min-width:200px}.field label{font-size:.72rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field input,.field select,.field textarea{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}.field textarea{min-height:88px;padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#0b7f6b8c;box-shadow:0 0 0 3px #0b7f6b1f}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#15232b08}td.mono,.mono{font-family:var(--mono);font-size:.84rem}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.badge.http{background:var(--accent-dim);color:var(--accent)}.badge.socks4{background:#9a6b121f;color:var(--warn)}.badge.socks5{background:#286e961f;color:#1d5f84}.badge.ok{background:var(--accent-dim);color:var(--ok)}.badge.bad{background:#b423181a;color:var(--danger)}.badge.muted{background:#15232b0f;color:var(--muted)}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.row-actions .btn{min-height:32px;padding:0 10px;font-size:.82rem}.toast{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:var(--accent-dim);color:var(--accent)}.toast.error{background:#b423181a;color:var(--danger)}.table-input{width:100%;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}.table-input:focus{border-color:#0b7f6b8c;box-shadow:0 0 0 3px #0b7f6b1f}.row-dim{opacity:.62}.switch{position:relative;display:inline-flex;width:42px;height:24px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-ui{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#15232b29;transition:background .16s ease}.switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .16s ease}.switch input:checked+.switch-ui{background:var(--accent)}.switch input:checked+.switch-ui:after{transform:translate(18px)}.settings-form{display:grid;gap:14px;padding:20px;max-width:720px}.empty{padding:48px 24px;text-align:center;color:var(--muted)}.mode-switch{display:flex;gap:8px;flex-wrap:wrap}.mode-panel{padding:16px;margin-bottom:14px}.mode-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mode-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-weight:600}.mode-chip em{font-style:normal;font-size:.72rem;padding:2px 7px;border-radius:999px;background:#0b7f6b1f;color:var(--accent)}.mode-chip.active{background:var(--accent-dim);border-color:#0b7f6b59;color:var(--accent)}.mode-chip.live:not(.active){border-color:#0b7f6b66}.live-mode{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(11,127,107,.28);border-radius:var(--radius);background:linear-gradient(120deg,#0b7f6b1f,#ffffffbf)}.live-mode-rotate{border-color:#286e964d;background:linear-gradient(120deg,#286e961f,#ffffffbf)}.live-mode-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.live-mode-body{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:600}.warn-badge{background:#9a6b1224;color:var(--warn);text-transform:none;letter-spacing:0}.standby-hint{flex:1 0 100%;margin:0 0 4px;color:var(--muted);font-size:.9rem}.panel.is-standby{opacity:.72}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--line)}.pager-meta{color:var(--muted);font-size:.84rem}.pager-size{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;white-space:nowrap}.pager-size select{min-height:36px;min-width:72px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);outline:none}.pager-size select:focus{border-color:#0b7f6b8c;box-shadow:0 0 0 3px #0b7f6b1f}.pager-nav{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;background:#15232b6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade .18s ease both}.modal-panel{position:relative;z-index:1;width:min(480px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 64px #15232b33;animation:modal-pop .28s cubic-bezier(.22,1,.36,1) both}.modal-panel.modal-wide{width:min(640px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.modal-close{width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1}.modal-close:hover{background:#15232b0f;color:var(--ink)}.modal-body{padding:16px 20px;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px 18px;border-top:1px solid var(--line)}.modal-stack{display:grid;gap:14px}.modal-form-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.check-inline{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--ink);font-size:.9rem;cursor:pointer}.check-inline input{width:16px;height:16px;accent-color:var(--accent)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-page{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 64px);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#f8fbfce0);box-shadow:var(--shadow);scrollbar-width:none;-ms-overflow-style:none}.chat-page *,.chat-page *:before,.chat-page *:after{scrollbar-width:none;-ms-overflow-style:none}.chat-page *::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}.chat-rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:linear-gradient(180deg,#f1f7f5f2,#ffffffb8)}.chat-rail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 14px 10px}.chat-rail-title{display:inline-flex;align-items:baseline;gap:8px;font-weight:700;letter-spacing:-.02em}.chat-rail-title em{font-style:normal;color:var(--muted);font-size:.78rem;font-weight:600}.chat-icon-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);font-size:.82rem;font-weight:600}.chat-icon-btn.primary{background:var(--accent);color:#fff}.chat-icon-btn.primary:hover{filter:brightness(1.05)}.chat-icon-btn:disabled{opacity:.55;cursor:not-allowed}.chat-search{display:flex;align-items:center;gap:8px;margin:0 12px 10px;padding:0 10px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fffc;color:var(--muted)}.chat-search input{flex:1;min-width:0;height:100%;border:none;outline:none;background:transparent;color:var(--ink);font-size:.88rem}.chat-session-list{flex:1;min-height:0;overflow:auto;padding:4px 8px 12px;display:grid;gap:2px;align-content:start}.chat-rail-empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:.85rem}.chat-session-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;width:100%;padding:10px;border:none;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;transition:background .14s ease}.chat-session-item:hover,.chat-session-item:focus-visible{background:#15232b0d;outline:none}.chat-session-item.active{background:#0b7f6b1f}.chat-session-copy{display:grid;gap:3px;min-width:0}.chat-session-copy strong{font-size:.9rem;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-session-copy span{display:flex;align-items:center;gap:4px;min-width:0;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-session-copy i{font-style:normal;opacity:.5}.chat-session-actions{display:flex;gap:2px;opacity:0;pointer-events:none;transition:opacity .14s ease}.chat-session-item:hover .chat-session-actions,.chat-session-item:focus-within .chat-session-actions,.chat-session-item.active .chat-session-actions{opacity:1;pointer-events:auto}.chat-mini{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:8px;background:transparent;color:var(--muted)}.chat-mini:hover{background:#fffc;color:var(--ink)}.chat-mini.danger:hover{color:var(--danger);background:#b4231814}.chat-stage{display:flex;flex-direction:column;min-height:0;background:radial-gradient(520px 220px at 80% 0%,rgba(11,127,107,.06),transparent 60%),linear-gradient(180deg,#ffffff8c,#f6f9fae6)}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid rgba(21,35,43,.06);background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-toolbar-copy h1{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.03em}.chat-toolbar-copy p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.chat-toast{margin:12px 20px 0}.chat-messages{flex:1;min-height:280px;overflow:auto;padding:22px 20px 8px;display:grid;gap:16px;align-content:start}.chat-empty{margin:auto;text-align:center;color:var(--muted);max-width:360px;padding:28px 12px 48px}.chat-empty-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:18px;color:var(--accent);background:#0b7f6b1a}.chat-empty strong{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:8px;letter-spacing:-.02em}.chat-empty p{margin:0;font-size:.88rem;line-height:1.5}.chat-turn{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;max-width:min(760px,100%);width:fit-content;justify-self:start;animation:chat-in .22s ease both}.chat-user{grid-template-columns:minmax(0,1fr) 34px;justify-self:end;margin-left:auto}.chat-user .chat-turn-body{display:flex;flex-direction:column;align-items:flex-end}.chat-user .chat-turn-role{justify-content:flex-end}.chat-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#15232b14;color:var(--muted);font-size:.68rem;font-weight:700;flex-shrink:0}.chat-user .chat-avatar{background:#0b7f6b29;color:var(--accent)}.chat-assistant .chat-avatar{background:#286e9624;color:#286e96}.chat-turn-role{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:650;color:var(--muted);margin-bottom:4px}.chat-live{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:#0b7f6b1f;color:var(--accent);font-size:.68rem;font-weight:700}.chat-turn-text{word-break:break-word;line-height:1.6;font-size:.95rem;color:var(--ink)}.chat-md>*:first-child{margin-top:0}.chat-md>*:last-child{margin-bottom:0}.chat-md p{margin:0 0 .7em}.chat-md p:last-child{margin-bottom:0}.chat-md h1,.chat-md h2,.chat-md h3,.chat-md h4{margin:.9em 0 .4em;line-height:1.35;font-weight:750;color:var(--ink)}.chat-md h1{font-size:1.25em}.chat-md h2{font-size:1.12em}.chat-md h3,.chat-md h4{font-size:1.02em}.chat-md ul,.chat-md ol{margin:.35em 0 .75em;padding-left:1.35em}.chat-md li{margin:.22em 0}.chat-md li>p{margin:0}.chat-md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.chat-md blockquote{margin:.5em 0 .75em;padding:.15em 0 .15em 12px;border-left:3px solid rgba(11,127,107,.35);color:var(--muted)}.chat-md hr{margin:.9em 0;border:0;border-top:1px solid rgba(21,35,43,.12)}.chat-md code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86em;padding:.12em .38em;border-radius:5px;background:#15232b12}.chat-md pre{margin:.55em 0 .85em;padding:12px 14px;overflow-x:auto;border-radius:10px;background:#15232b;color:#e8f0ec;font-size:.82rem;line-height:1.5}.chat-md pre code{padding:0;background:none;color:inherit;font-size:inherit;white-space:pre}.chat-md table{width:100%;margin:.55em 0 .85em;border-collapse:collapse;font-size:.88em}.chat-md th,.chat-md td{padding:6px 10px;border:1px solid rgba(21,35,43,.12);text-align:left}.chat-md th{background:#15232b0a;font-weight:700}.chat-md img{max-width:100%;border-radius:8px}.chat-caret{display:inline-block;width:7px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--accent);opacity:.7;animation:chat-caret .9s steps(1) infinite}.chat-think{margin:0 0 10px;border:1px solid rgba(21,35,43,.08);border-radius:12px;background:#15232b08;overflow:hidden}.chat-think.streaming{border-color:#0b7f6b38;background:#0b7f6b0d}.chat-think summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;color:var(--muted);font-size:.78rem;font-weight:650}.chat-think summary::-webkit-details-marker{display:none}.chat-think-label{display:inline-flex;align-items:center;gap:8px}.chat-think-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:chat-dot 1s ease infinite}.chat-think-meta{font-weight:500;opacity:.75}.chat-think-body{margin:0;padding:0 12px 12px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--muted);font-family:var(--mono);font-size:.78rem;line-height:1.55}.chat-user .chat-turn-text{padding:10px 12px;border-radius:14px 14px 4px;background:#0b7f6b1f;text-align:left;max-width:min(560px,78vw)}.chat-user .chat-md code{background:#ffffff38}.chat-user .chat-md pre{background:#15232b8c}.chat-typing{display:inline-flex;gap:4px;align-items:center;height:18px}.chat-typing i{width:5px;height:5px;border-radius:50%;background:var(--muted);opacity:.45;animation:chat-dot 1s ease infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}.chat-dock{padding:10px 20px 18px;overflow:visible}.chat-composer{display:grid;gap:8px;padding:12px 12px 10px;border:1px solid var(--line);border-radius:16px;background:#ffffffeb;box-shadow:0 10px 28px #15232b0f;overflow:visible}.chat-composer textarea{width:100%;resize:none;min-height:52px;max-height:160px;padding:4px 4px 0;border:none;background:transparent;color:var(--ink);outline:none;line-height:1.5;font-size:.95rem}.chat-composer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-dd{position:relative;max-width:min(320px,58%);min-width:0}.chat-dd-trigger{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:34px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:999px;background:#15232b0a;color:var(--ink);font-size:.82rem;font-weight:600;transition:border-color .14s ease,background .14s ease}.chat-dd-trigger:hover:not(:disabled){background:#0b7f6b14;border-color:#0b7f6b47}.chat-dd.open .chat-dd-trigger{border-color:#0b7f6b73;background:#0b7f6b1a}.chat-dd-trigger:disabled{opacity:.55;cursor:not-allowed}.chat-dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dd-caret{flex-shrink:0;color:var(--muted);transition:transform .16s ease}.chat-dd.open .chat-dd-caret{transform:rotate(180deg)}.chat-dd-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:40;width:max(260px,100%);max-width:min(360px,78vw);max-height:260px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 40px #15232b24;animation:chat-dd-in .16s ease both}.chat-dd-option{display:grid;gap:2px;width:100%;text-align:left;padding:9px 10px;border:none;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.chat-dd-option:hover{background:#0b7f6b14}.chat-dd-option.active{background:#0b7f6b24}.chat-dd-option.muted .chat-dd-option-name{color:var(--muted)}.chat-dd-option-name{font-size:.86rem;font-weight:650;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dd-option-id{color:var(--muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-composer-actions{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}@keyframes chat-dd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-dot{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:.9}}@keyframes chat-caret{50%{opacity:0}}.ms-health{display:inline-flex;align-items:center;margin-left:10px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;vertical-align:middle}.ms-health-ok{background:#0b7f6b24;color:var(--ok)}.ms-health-degraded{background:#9a6b1224;color:var(--warn)}.ms-health-empty{background:#15232b14;color:var(--muted)}.ms-window{display:inline-flex;gap:4px}.ms-interval{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem;font-weight:600}.ms-interval input{width:72px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.ms-addbar{align-items:end}.ms-providers{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.ms-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;color:var(--ink);font-size:.82rem;font-weight:600}.ms-chip em{font-style:normal;color:var(--muted);font-size:.74rem}.ms-chip.active{border-color:#0b7f6b73;background:var(--accent-dim);color:var(--accent)}.ms-chip.active em{color:var(--accent)}.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:14px;min-width:0}.ms-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffffe0;box-shadow:0 8px 24px #15232b0a;overflow:hidden}.ms-card.ms-ok{border-color:#0b7f6b47}.ms-card.ms-slow{border-color:#9a6b1259}.ms-card.ms-error{border-color:#b4231847}.ms-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ms-id{display:flex;gap:10px;min-width:0}.ms-id strong{display:block;font-size:.95rem;letter-spacing:-.02em}.ms-id .mono{display:block;margin-top:2px;color:var(--muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#0b7f6b1f;color:var(--accent);font-size:.78rem;font-weight:700;flex-shrink:0}.ms-pill{flex-shrink:0;padding:3px 8px;border-radius:999px;font-size:.7rem;font-weight:700}.ms-pill-ok{background:#0b7f6b24;color:var(--ok)}.ms-pill-slow{background:#9a6b1224;color:var(--warn)}.ms-pill-error{background:#b423181f;color:var(--danger)}.ms-pill-unknown{background:#15232b14;color:var(--muted)}.ms-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ms-metrics label{display:block;color:var(--muted);font-size:.72rem;margin-bottom:2px}.ms-metrics strong{font-size:.98rem;letter-spacing:-.02em}.ms-avail{display:grid;gap:2px}.ms-avail strong{font-size:1.35rem;letter-spacing:-.03em}.ms-avail strong.good{color:var(--ok)}.ms-avail strong.warn{color:var(--warn)}.ms-avail strong.bad{color:var(--danger)}.ms-avail span{color:var(--muted);font-size:.75rem}.ms-spark{min-width:0;overflow:hidden}.ms-spark-label{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem;margin-bottom:6px}.ms-bars{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:nowrap;gap:2px;width:100%;max-width:100%;min-width:0;height:36px;padding:4px 0;overflow:hidden}.ms-bars i{flex:1 1 0;min-width:2px;max-width:4px;height:70%;border-radius:2px;background:#15232b1f}.ms-bars i.ok{background:#0b7f6bbf}.ms-bars i.slow{background:#9a6b12cc;height:55%}.ms-bars i.fail{background:#b42318b3;height:40%;align-self:flex-end}.ms-bars-empty{color:var(--muted);font-size:.75rem}.ms-error{color:var(--danger);font-size:.78rem;line-height:1.4}.ms-proxy{color:var(--muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-actions{display:flex;justify-content:flex-end;gap:8px}.chat-rail-top-actions{display:flex;align-items:center;gap:6px}.chat-rail-close,.chat-rail-toggle,.chat-new-mobile,.chat-rail-backdrop,.mobile-topbar,.nav-backdrop{display:none}.chat-toolbar-lead{display:flex;align-items:center;gap:12px;min-width:0}.ov-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:16px}.ov-card{padding:16px 18px;overflow:auto}.ov-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ov-card-head h2{margin:0;font-size:1.05rem;letter-spacing:-.02em}.ov-endpoints{display:grid;gap:12px}.ov-endpoints label{display:block;margin-bottom:4px;color:var(--muted);font-size:.75rem;font-weight:600}.ov-endpoints code{display:block;padding:8px 10px;border-radius:10px;background:#15232b0d;font-size:.8rem;overflow:auto}.ov-tip{margin:14px 0 0;color:var(--muted);font-size:.85rem;line-height:1.5}.setup-panel{display:grid;gap:14px;padding:16px}.setup-block{border:1px solid var(--line);border-radius:14px;background:#ffffffb3;overflow:hidden}.setup-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.setup-block-head strong{display:block;font-size:.95rem}.setup-block-head p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.setup-code{margin:0;padding:12px 14px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:.78rem;line-height:1.5;color:var(--ink);background:#15232b08}.mobile-topbar{align-items:center;gap:12px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40}.mobile-menu-btn{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.mobile-menu-icon{display:grid;gap:5px;width:18px}.mobile-menu-icon i{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-open .mobile-menu-icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .mobile-menu-icon i:nth-child(2){opacity:0}.nav-open .mobile-menu-icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-topbar-copy{flex:1;min-width:0;display:grid;gap:2px}.mobile-topbar-copy strong{font-size:.95rem;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar-copy span{color:var(--muted);font-size:.75rem}.mobile-mode-pill{flex-shrink:0;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-size:.72rem;font-weight:700}.mobile-mode-pill.rotate{background:#286e961f;color:#1d5f84}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border:none;padding:0;background:#15232b6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease}@media(max-width:960px){.app-shell{display:flex;flex-direction:column;height:100%;min-height:100dvh;overflow:hidden}.mobile-topbar{display:flex;position:sticky;top:0}.nav-backdrop{display:block}.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:min(300px,86vw);height:100dvh;padding:24px 16px;padding-top:max(24px,calc(env(safe-area-inset-top) + 16px));padding-bottom:max(24px,env(safe-area-inset-bottom));border-right:1px solid var(--line);border-bottom:none;background:#fffffff5;box-shadow:16px 0 48px #15232b1f;transform:translate(-105%);transition:transform .24s cubic-bezier(.22,1,.36,1);overflow:auto}.nav-open .sidebar{transform:translate(0)}.brand{margin-bottom:24px}.nav{display:grid;gap:4px;grid-auto-flow:row;grid-auto-columns:unset;overflow:visible}.nav a{min-height:44px}.nav a.active{transform:none}.main{flex:1;min-height:0;padding:16px 14px max(28px,env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch}.page-head{margin-bottom:18px;align-items:stretch}.page-head h1{font-size:1.45rem}.actions{width:100%}.actions .btn{flex:1 1 auto;min-height:44px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat strong{font-size:1.25rem}.toolbar{padding:12px;gap:10px}.field,.field.grow{min-width:0;flex:1 1 100%}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:11px 12px}.row-actions .btn{min-height:36px}.modal-root{padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));align-items:end}.modal-panel,.modal-panel.modal-wide{width:100%;max-height:min(90dvh,720px);border-radius:16px 16px 12px 12px}.setup-block-head{flex-direction:column;align-items:stretch}.setup-block-head .btn{align-self:flex-start}.ov-grid{grid-template-columns:1fr}.live-mode{padding:12px}.pager{gap:10px}.pager-nav{width:100%;margin-left:0}.pager-nav .btn{flex:1;min-height:44px}.app-shell:has(.chat-page) .main{padding:0;overflow:hidden;display:flex;flex-direction:column}.app-shell:has(.chat-page) .page-view{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.chat-page{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);flex:1;min-height:0;height:100%;border:none;border-radius:0;box-shadow:none}.chat-stage{min-height:0;overflow:hidden}.chat-rail-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border:none;padding:0;background:#15232b5c;opacity:0;pointer-events:none;transition:opacity .18s ease}.chat-page.rail-open .chat-rail-backdrop{opacity:1;pointer-events:auto}.chat-rail{position:absolute;top:0;left:0;bottom:0;z-index:30;width:min(300px,88%);max-height:none;border-right:1px solid var(--line);border-bottom:none;box-shadow:12px 0 36px #15232b1f;transform:translate(-105%);transition:transform .24s cubic-bezier(.22,1,.36,1);padding-bottom:env(safe-area-inset-bottom)}.chat-page.rail-open .chat-rail{transform:translate(0)}.chat-page.rail-open{overflow:hidden}.chat-rail-close,.chat-rail-toggle,.chat-new-mobile{display:inline-flex}.chat-session-actions{opacity:1;pointer-events:auto}.chat-toolbar{flex-shrink:0;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.chat-toolbar-copy h1{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-toolbar-copy p{display:none}.chat-toast{margin:8px 12px 0;flex-shrink:0}.chat-messages{flex:1;min-height:0;padding:14px 12px 8px;gap:14px;-webkit-overflow-scrolling:touch}.chat-turn{grid-template-columns:28px minmax(0,1fr);gap:8px;max-width:100%}.chat-user{grid-template-columns:minmax(0,1fr) 28px}.chat-avatar{width:28px;height:28px;font-size:.62rem;border-radius:9px}.chat-user .chat-turn-text{max-width:min(520px,calc(100vw - 72px))}.chat-md pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-md table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-dock{flex-shrink:0;padding:8px 12px max(10px,env(safe-area-inset-bottom))}.chat-composer{border-radius:14px}.chat-composer textarea{min-height:44px;max-height:120px}.chat-composer-bar{flex-wrap:wrap;gap:8px}.chat-dd{max-width:100%;flex:1 1 auto;min-width:0}.chat-dd-menu{max-width:min(360px,calc(100vw - 32px))}.chat-composer-actions{width:100%}.chat-composer-actions .btn{flex:1;min-height:44px}.ms-addbar{align-items:stretch}.ms-interval{width:100%;justify-content:space-between}}@media(max-width:640px){.stats{grid-template-columns:1fr 1fr}.stat strong.mono,.stat-url{font-size:.74rem}.page-head p{max-width:none}.btn{min-height:44px}.mode-switch{width:100%}.mode-chip{flex:1 1 calc(50% - 4px);justify-content:center}.modal-form-row{flex-direction:column;align-items:stretch}.modal-form-row .field{width:100%}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1}th,td{font-size:.88rem;padding:10px}.token-cell,.log-meta{flex-wrap:wrap}.ms-metrics{grid-template-columns:1fr}.ms-providers{gap:6px}.ms-chip{height:40px}.chat-composer textarea{font-size:16px}.chat-toolbar-lead .chat-rail-toggle,.chat-new-mobile{padding:0 8px}}@media(max-width:420px){.stats{grid-template-columns:1fr}.mobile-topbar-copy strong{font-size:.88rem}.actions .btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal-panel,.chat-turn,.chat-typing i,.sidebar,.chat-rail,.nav-backdrop,.chat-rail-backdrop,.mobile-menu-icon i{animation:none;transition:none}}