*{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:#94a3b8;--accent:#2e5bff;--accent-dim:#1a3fcc;--green:#4ade80;--orange:#f59e0b;--red:#f87171;--radius:8px}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:#051424;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{border-bottom:1px solid var(--border);background:#f8717114;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:#ef444433}.schema-row.safe{background:#22c55e33}.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:#f59e0b14}.compare-stage.same{background:#4ade800f}.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}