*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#051424;--surface:#0d2240;--surface-2:#152c4d;--border:#1e3454;--text:#e8edf5;--text-dim:#9fb0c6;--accent:#5b82ff;--accent-dim:#3a63ee;--accent-ink:#fff;--green:#4ade80;--orange:#f59e0b;--red:#f87171;--on-banner:#051424;--tint-red:#f871711f;--tint-green:#4ade801f;--tint-orange:#f59e0b24;--tint-accent:#5b82ff24;--overlay:#0000008c;--shadow-lg:0 16px 48px #0000008c;--radius:8px}:root[data-theme=light]{--bg:#eef2f8;--surface:#fff;--surface-2:#e7edf5;--border:#cfdae8;--text:#0f1d30;--text-dim:#51637a;--accent:#2347d6;--accent-dim:#1a37ac;--accent-ink:#fff;--green:#15803d;--orange:#b45309;--red:#dc2626;--on-banner:#fff;--tint-red:#dc26261a;--tint-green:#15803d1f;--tint-orange:#b453091f;--tint-accent:#2347d61a;--overlay:#0f1d3066;--shadow-lg:0 16px 48px #0f1d302e}body{background-color:var(--bg);color:var(--text);overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;inset:0;overflow:hidden}button{touch-action:manipulation}#root{height:100%}.app{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.header-title{flex:1}.header h1{color:var(--text);margin:0;font-size:16px;font-weight:600}.header select{border-radius:var(--radius);background:var(--surface-2);color:var(--text);border:1px solid var(--border);outline:none;padding:6px 12px;font-size:16px}.icon-btn{border-radius:var(--radius);background:var(--surface-2);width:40px;height:40px;color:var(--text);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;display:flex}.icon-btn:hover{border-color:var(--accent)}.icon-btn.primary{color:var(--green);border-color:var(--green)}.main{flex:1;display:flex;overflow:hidden}.chat-panel{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.messages{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow:hidden auto}.msg-empty{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.msg-wrapper{flex-direction:column;max-width:85%;display:flex}.msg-wrapper.customer{align-self:flex-end}.msg-wrapper.bot{align-self:flex-start}.msg{white-space:pre-wrap;word-break:break-word;border-radius:var(--radius);padding:10px 14px;font-size:15px;line-height:1.5}.msg-wrapper.customer .msg{background:var(--accent);color:var(--text)}.msg-wrapper.bot .msg{background:var(--surface);border:1px solid var(--border)}.msg-wrapper.bot .msg.inspectable{cursor:pointer}.msg-wrapper.bot .msg.inspectable:hover{border-color:var(--accent-dim)}.msg-wrapper.bot .msg.selected{border-color:var(--accent)}.msg-inspect-hint{color:var(--text-dim);letter-spacing:.02em;margin-top:3px;font-size:11px}.global-error{background:var(--red);color:var(--on-banner);text-align:center;z-index:100;padding:10px;font-size:14px;font-weight:600}.msg-info{margin-top:4px}.retry-indicator{background:var(--surface-2);color:var(--text-dim);border-radius:4px;padding:2px 6px;font-size:11px}.retry-indicator.has-error{color:var(--red)}.input-row{background:var(--surface);border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.input-container{flex:1}.input-container input{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);padding:10px 14px;font-size:16px}.input-container input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.send-btn{border-radius:var(--radius);background:var(--accent);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.send-btn:disabled{opacity:.5}.inspector-panel{background:var(--bg);flex-direction:column;width:400px;display:flex}.tab-bar{border-bottom:1px solid var(--border);background:var(--surface);display:flex;overflow-x:auto}.tab-bar button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px}.tab-bar button.active{color:var(--accent);border-bottom-color:var(--accent)}.inspector-content{flex:1;min-height:0;overflow:hidden auto}.loading{color:var(--text-dim);align-items:center;gap:8px;font-size:14px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pipeline{flex-direction:column;gap:12px;padding:16px;display:flex}.pipeline-empty{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:14px;display:flex}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.step-card h3{letter-spacing:.03em;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.step-card .intent-badge{background:var(--surface-2);border-radius:4px;padding:4px 8px;font-size:13px;display:inline-block}.step-card .field{margin-bottom:6px;font-size:13px}.step-card .field-label{color:var(--text-dim);letter-spacing:.03em;font-size:11px;font-weight:600}.step-card .field-value{color:var(--text);word-break:break-word}.step-card.error{border-color:var(--red)}.error-summary{background:var(--tint-red);border-bottom:1px solid var(--border);padding:12px}.error-summary-title{color:var(--red);letter-spacing:.03em;margin-bottom:8px;font-size:12px;font-weight:600}.error-summary-item{color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.attempt-badge{background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.status-badge{color:var(--red);border-radius:4px;padding:2px 6px;font-size:11px;display:inline-block}.product-item{border-bottom:1px solid var(--border);padding:8px 0;font-size:13px}.product-score{color:var(--text-dim);float:right;font-family:monospace;font-size:12px}.collapsible-header{cursor:pointer;padding:4px 0;font-size:13px}.collapsible-content{background:var(--surface-2);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-height:300px;margin-top:8px;padding:8px;font-family:monospace;font-size:12px;overflow:auto}.arrow{transition:transform .2s;display:inline-block}.arrow.open{transform:rotate(90deg)}.schema-compare{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.schema-header{letter-spacing:.03em;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:600}.schema-row{justify-content:space-between;gap:4px;padding:2px 0;font-size:12px;display:flex}.schema-key{color:var(--text-dim);font-family:monospace}.schema-val{color:var(--text);word-break:break-all;font-family:monospace}.schema-row.leak{background:var(--tint-red)}.schema-row.safe{background:var(--tint-green)}.compare-picker{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:12px;display:flex}.compare-picker-row{align-items:center;gap:8px;display:flex}.compare-picker-label{color:var(--accent);flex-shrink:0;width:14px;font-size:11px;font-weight:700}.compare-picker select{background:var(--surface-2);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:6px 10px;font-size:16px}.compare-side-by-side{grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.compare-col{min-width:0}.compare-col h4{letter-spacing:.03em;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:600}.compare-stage{background:var(--surface-2);border-radius:var(--radius);margin-bottom:8px;padding:10px;overflow:hidden}.compare-stage.diff{background:var(--tint-orange)}.compare-stage.same{background:var(--tint-green)}.toggle-row{cursor:pointer;color:var(--text);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.toggle-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.reset-btn{border-radius:var(--radius);background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;align-items:center;margin-top:10px;padding:6px 12px;font-size:13px;display:inline-flex}.reset-btn:hover{border-color:var(--accent)}@media (width<=500px){.compare-side-by-side,.schema-compare{grid-template-columns:1fr}}.mobile-tab-bar{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0;display:none}.mobile-tab-bar button{color:var(--text-dim);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0;font-size:11px;font-weight:600;display:flex}.mobile-tab-bar button.active{color:var(--accent)}@media (width<=768px){.mobile-tab-bar{display:flex}.chat-panel{border-right:none;width:100%}.main.view-chat .inspector-panel,.main.view-inspector .chat-panel{display:none}.main.view-inspector .inspector-panel{flex-direction:column;width:100%;display:flex}.header{gap:8px;padding:8px 12px}.header select{flex-shrink:1;min-width:0;max-width:45vw}}.cart-tab{flex-direction:column;gap:12px;padding:16px;display:flex}.cart-tab.empty{color:var(--text-dim);justify-content:center;align-items:center;height:100%;font-size:14px}.cart-summary-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.cart-summary-header h3{color:var(--accent);margin:0;font-size:14px;font-weight:600}.cart-total-items{color:var(--text-dim);font-size:12px}.cart-items{flex-direction:column;gap:8px;display:flex}.cart-item{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:12px}.cart-item-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.cart-item-id{background:var(--surface-2);color:var(--text-dim);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.cart-item-title{color:var(--text);font-size:13px;font-weight:600}.cart-item-details{color:var(--text-dim);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.cart-total{border-top:1px dashed var(--border);text-align:right;color:var(--text);margin-top:8px;padding-top:12px;font-size:14px;font-weight:600}.nav-tabs{gap:4px;display:none}.nav-tabs button{border-radius:var(--radius);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.nav-tabs button:hover{color:var(--text)}.nav-tabs button.active{color:var(--accent);background:var(--surface-2);border-color:var(--border)}.drawer-overlay{background:var(--overlay);z-index:200;position:fixed;inset:0}.drawer{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:min(280px,80vw);padding:12px;animation:.18s ease-out drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 8px 12px;display:flex}.drawer-header h2{margin:0;font-size:16px}.drawer-item{border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.drawer-item.active{background:var(--surface-2);color:var(--accent)}@media (width>=769px){.burger-btn{display:none}.nav-tabs{display:flex}}.search-page{flex-direction:column;flex:1;min-height:0;display:flex}.search-lab{flex-direction:column;flex:1;width:100%;max-width:920px;min-height:0;margin:0 auto;display:flex}.sl-controls{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 12px 8px;display:flex}.sl-search-row{gap:8px;display:flex}.sl-input-wrap{flex:1;min-width:0;position:relative}.sl-input-wrap input{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);padding:10px 38px 10px 14px;font-size:16px}.sl-input-wrap input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.sl-input-spinner,.sl-clear-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sl-clear-btn{background:var(--surface);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.sl-search-btn{border-radius:var(--radius);background:var(--accent);width:44px;height:44px;color:var(--text);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sl-search-btn:disabled{opacity:.5}.sl-ac-dropdown{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:50vh;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.sl-ac-item{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.sl-ac-item:hover{background:var(--surface-2)}.sl-ac-thumb{object-fit:cover;background:var(--surface-2);border-radius:6px;flex-shrink:0;width:36px;height:36px}.sl-ac-thumb.placeholder{border:1px dashed var(--border)}.sl-ac-titles{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sl-ac-titles span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sl-ac-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;font-size:12px;display:flex}.sl-ac-empty{color:var(--text-dim);padding:12px;font-size:13px}.sl-ac-footer{color:var(--text-dim);background:var(--surface-2);padding:6px 12px;font-size:11px}.sl-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sl-chip{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.sl-chip.on{color:var(--accent);border-color:var(--accent);background:var(--tint-accent)}.sl-chip input{accent-color:var(--accent)}.sl-toggles select{border-radius:var(--radius);background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:6px 10px;font-size:13px}.sl-history{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sl-history-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.sl-history-chip:hover{border-color:var(--accent)}.sl-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.sl-empty{color:var(--text-dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:24px;font-size:14px;display:flex}.sl-error{background:var(--tint-red);border:1px solid var(--red);color:var(--red);border-radius:var(--radius);padding:10px 12px;font-size:13px}.sl-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;font-size:13px;display:flex}.sl-summary strong{color:var(--text)}.sl-no-results{background:var(--tint-orange);border:1px solid var(--orange);border-radius:var(--radius);color:var(--orange);padding:14px;font-size:13px;line-height:1.5}.sl-results{flex-direction:column;gap:10px;display:flex}.sl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.sl-card-main{align-items:flex-start;gap:10px;display:flex}.sl-rank{color:var(--text-dim);min-width:26px;padding-top:2px;font-size:12px}.sl-thumb{object-fit:cover;background:var(--surface-2);border-radius:6px;flex-shrink:0;width:52px;height:52px}.sl-thumb.placeholder{border:1px dashed var(--border)}.sl-card-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.sl-titles{flex-direction:column;gap:1px;display:flex}.sl-title-ar{font-size:14px;font-weight:600}.sl-title-en{font-size:12px}.sl-meta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sl-price{color:var(--green);font-size:13px;font-weight:600}.sl-price.discount s{color:var(--text-dim);margin-right:4px;font-weight:400}.sl-badge{background:var(--surface-2);color:var(--text-dim);border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;display:inline-flex}.sl-badge.stock-ok{color:var(--green)}.sl-badge.stock-low{color:var(--orange)}.sl-badge.stock-out{color:var(--red)}.sl-badge.arm-lex{color:#38bdf8;background:#38bdf81f}.sl-badge.arm-vec{color:#c084fc;background:#c084fc1f}.sl-badge.arm-miss{color:var(--text-dim);border:1px dashed var(--border);background:0 0}.sl-cats{flex-wrap:wrap;gap:4px;display:flex}.sl-cat-chip{border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:1px 7px;font-size:11px}.sl-score-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.sl-score-bar{background:var(--surface-2);border-radius:3px;flex:100px;min-width:80px;height:6px;overflow:hidden}.sl-score-bar div{background:linear-gradient(90deg, var(--accent-dim), var(--accent));border-radius:3px;height:100%}.sl-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.sl-section-header{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.sl-section-body{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.sl-hint{color:var(--text-dim);margin:0;font-size:12px;line-height:1.5}.sl-arm-header{color:var(--text-dim);align-items:center;gap:12px;margin-bottom:6px;font-size:13px;display:flex}.sl-arm-header strong{color:var(--text)}.sl-arm-empty,.sl-arm-disabled{color:var(--text-dim);padding:6px 0;font-size:12px}.sl-arm-table{border-collapse:collapse;width:100%;font-size:12px}.sl-arm-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);padding:4px 8px 4px 0;font-weight:600}.sl-arm-table td{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;max-width:180px;padding:4px 8px 4px 0;overflow:hidden}.sl-arm-table tr.dropped td{opacity:.45}.sl-fate.in{color:var(--green)}.sl-fate.out{color:var(--text-dim)}.sl-config{flex-wrap:wrap;gap:6px;display:flex}.sl-ac-log{flex-direction:column;gap:2px;display:flex}.sl-ac-log-row{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.mono{font-family:monospace}.dim{color:var(--text-dim)}.lat-fast{color:var(--green)}.lat-mid{color:var(--orange)}.lat-slow{color:var(--red)}@media (width>=769px){.sl-controls{padding:16px 16px 10px}.sl-content{padding:16px}.sl-arm-table td{max-width:320px}}:root{--z-dropdown:50;--z-sticky:100;--z-drawer:200;--z-dialog:300}.login-container{background:radial-gradient(120% 80% at 50% -10%, var(--tint-accent), transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-theme{position:fixed;top:16px;right:16px}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:14px;padding:32px;position:relative}.login-badge{background:var(--tint-accent);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.login-title{color:var(--text);letter-spacing:-.01em;margin-bottom:8px;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-dim);margin-bottom:24px;font-size:14px;line-height:1.55}.login-subtitle strong{color:var(--text)}.login-error{background:var(--tint-red);color:var(--red);border-radius:var(--radius);border:1px solid var(--red);flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.login-error-title{font-weight:600}.login-error-detail{color:var(--text);background:var(--surface-2);word-break:break-word;white-space:pre-wrap;border-radius:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-dim);font-size:13px;font-weight:600}.form-group input{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:12px 14px;font-size:16px;transition:border-color .15s}.form-group input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.form-group input:disabled{opacity:.7;cursor:not-allowed}.login-btn{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);cursor:pointer;border:none;margin-top:4px;padding:14px;font-size:15px;font-weight:600;transition:background .15s}.login-btn:hover:not(:disabled){background:var(--accent-dim)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-hint{color:var(--text-dim);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}.login-hint code,.login-subtitle code{background:var(--surface-2);color:var(--text);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.drawer-footer{display:none}@media (width<=768px){.header-theme{display:none}.drawer-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 4px;display:flex}.drawer-footer-label{color:var(--text-dim);font-size:13px;font-weight:600}}.theme-toggle{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);gap:2px;padding:2px;display:inline-flex}.theme-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #0000001f}.theme-toggle-label{display:none}@media (width>=900px){.theme-toggle-label{display:inline}}.pill-btn{border-radius:var(--radius);background:var(--surface-2);height:40px;color:var(--text);border:1px solid var(--border);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.pill-btn:hover:not(:disabled){border-color:var(--accent)}.pill-btn:disabled{opacity:.45;cursor:not-allowed}.pill-btn.primary{color:var(--green);border-color:var(--green)}.pill-label{display:none}@media (width>=700px){.pill-label{display:inline}}.export-menu{z-index:var(--z-dialog);background:var(--surface);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-lg);border-radius:10px;flex-direction:column;padding:6px;animation:.12s ease-out pop-in;display:flex;position:fixed}.export-menu button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.export-menu button:hover{background:var(--surface-2)}.export-menu button span{color:var(--text-dim);font-size:11px;font-weight:500}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dialog{border:1px solid var(--border);background:var(--surface);width:min(560px,92vw);color:var(--text);box-shadow:var(--shadow-lg);border-radius:14px;padding:0}.dialog::backdrop{background:var(--overlay)}.dialog-head{justify-content:space-between;align-items:center;padding:18px 20px 0;display:flex}.dialog-head h2{margin:0;font-size:17px;font-weight:700}.dialog-desc{color:var(--text-dim);margin:0;padding:6px 20px 0;font-size:13px;line-height:1.55}.dialog-textarea{resize:vertical;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);width:calc(100% - 40px);min-height:200px;color:var(--text);margin:14px 20px 0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5}.dialog-textarea:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.dialog-error{border-radius:var(--radius);background:var(--tint-red);border:1px solid var(--red);color:var(--red);margin:12px 20px 0;padding:10px 12px;font-size:13px}.dialog-actions{justify-content:flex-end;gap:10px;padding:16px 20px 20px;display:flex}.btn-ghost{border-radius:var(--radius);border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;padding:10px 16px;font-size:14px;font-weight:600}.btn-ghost:hover{border-color:var(--accent)}.btn-primary{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;padding:10px 18px;font-size:14px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-dim)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.msg-meta{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.meta-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.01em;border-radius:999px;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.meta-chip.fallback{color:var(--orange);border-color:var(--orange);background:var(--tint-orange)}.meta-chip.warn{color:var(--orange)}.meta-chip.error{color:var(--red);border-color:var(--red);background:var(--tint-red)}.trace-summary{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1px;display:grid;overflow:hidden}.trace-summary-item{background:var(--surface);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.trace-summary-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:700}.trace-summary-value{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.fallback-tag{background:var(--tint-orange);color:var(--orange);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.error-tag{background:var(--tint-red);color:var(--red);border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.stage-meta{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.stage-chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;align-items:center;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;display:inline-flex}.stage-chip.fallback{color:var(--orange);border-color:var(--orange);background:var(--tint-orange)}@media (prefers-reduced-motion:reduce){.drawer,.export-menu,.spinner{animation:none!important}*{scroll-behavior:auto!important}}