:root{--bg: #f4f4f4;--surface: #fff;--border: #ddd;--text: #1a1a1a;--text-muted: #666;--text-faint: #999;--accent: #1a1a1a;--fail: #b42318;--radius: 3px;--mono: ui-monospace, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.45;color:var(--text);background:var(--bg)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px}.header-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;flex-wrap:wrap;padding:10px 0}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;background:var(--accent);border-radius:var(--radius);flex-shrink:0;position:relative}.brand-mark:after{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#fff;box-shadow:0 -5px #fff,0 5px #fff}.brand h1{margin:0;font-size:14px;font-weight:600}.brand-sub{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.nav-tabs{display:flex;gap:2px}.nav-tab{background:none;border:none;padding:6px 10px;font:inherit;font-size:13px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}.nav-tab:hover:not(:disabled){color:var(--text);background:#eee}.nav-tab-active{color:var(--text);background:#e8e8e8;font-weight:500}.nav-tab:disabled{opacity:.45;cursor:not-allowed}.app-main{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:24px 20px 40px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:10px 20px;font-size:12px;color:var(--text-faint);background:var(--surface)}.app-footer a{color:var(--text-muted);text-decoration:none}.app-footer a:hover{color:var(--text);text-decoration:underline}.stack{display:flex;flex-direction:column;gap:16px}.page-header h2{margin:0;font-size:15px;font-weight:600}.page-header p{margin:4px 0 0;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card h3{margin:0 0 12px;font-size:13px;font-weight:600}.status-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.status-list-item{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:var(--surface);font-size:12px}.status-list-item .label{color:var(--text-muted)}.status-list-item .value{font-weight:500;text-align:right}.mono{font-family:var(--mono);font-size:11px}.status-text{color:var(--text-muted);margin:0}.alert{padding:10px 12px;border-radius:var(--radius);border:1px solid;margin-bottom:12px}.alert-error{background:#fefafa;border-color:#f0d0d0;color:var(--fail)}.alert .hint{margin:6px 0 0;font-size:12px;color:var(--text-muted);font-weight:400}.section-note{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-faint)}.plain-list{margin:0;padding-left:18px;color:var(--text-muted)}.plain-list li{margin-bottom:4px}code{font-family:var(--mono);font-size:11px;background:#eee;padding:1px 4px;border-radius:2px}.btn-sm-inline{padding:4px 8px;font-size:12px}.sample-row{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-allow{background:#e8f5e9;color:#1b5e20}.badge-warn{background:#fff8e1;color:#8a6116}.badge-block{background:#fdecea;color:#b42318}.result-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:500}.table-wrap{overflow-x:auto;margin-top:12px}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-weight:500;background:#fafafa}.cell-clip{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px}.field span{color:var(--text-muted)}.field textarea,.field select{font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.field textarea{resize:vertical;min-height:120px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;font:inherit;font-size:13px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text)}.btn:hover:not(:disabled){background:#eee}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);align-self:flex-start}.btn-primary:hover:not(:disabled){background:#333}.btn-secondary{background:#f5f5f5}.response-box{margin-top:12px}.response-box .label{display:block;color:var(--text-muted);font-size:12px;margin-bottom:6px}.response-text{margin:0;padding:10px 12px;background:#fafafa;border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.scan-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.toolbar h3{margin:0}.field-inline{flex-direction:row;align-items:center;gap:8px}.field-inline select{padding:4px 8px;font:inherit;border:1px solid var(--border);border-radius:var(--radius)}.row-clickable{cursor:pointer}.row-clickable:hover{background:#fafafa}.row-selected{background:#f3f3f3}.button-row{display:flex;flex-wrap:wrap;gap:8px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.field-inline input[type=search]{padding:4px 8px;font:inherit;border:1px solid var(--border);border-radius:var(--radius);min-width:160px}.toolbar-meta{margin-left:8px;font-weight:400}.pagination{display:flex;align-items:center;gap:12px;margin-top:12px}.bar-chart{margin-top:12px;display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:52px 1fr 88px;gap:10px;align-items:center;font-size:12px}.bar-label,.bar-value{color:var(--text-muted)}.bar-track{height:10px;background:#eee;border-radius:2px;overflow:hidden}.bar-fill{height:100%;min-width:2px;border-radius:2px}.bar-allow{background:#81c784}.bar-warn{background:#ffd54f}.bar-block{background:#e57373}:root{--pass: #1b5e20;--warn: #8a6116}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.stat-card,.card-grid .card,.ml-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat-card-label{font-size:11px;color:var(--text-muted)}.stat-card-value{margin-top:4px;font-size:20px;font-weight:600}.stat-card-value.fail{color:var(--fail)}.stat-card-value.warn{color:var(--warn)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ml-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ml-card-title{font-weight:600}.ml-badge{padding:2px 8px;font-size:11px;font-weight:600;border-radius:var(--radius)}.ml-badge-ready{background:#e8f5e9;color:var(--pass)}.ml-badge-off{background:#eee;color:var(--text-muted)}.ml-badge-error{background:#fdecea;color:var(--fail)}.ml-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ml-detail-label{font-size:11px;color:var(--text-muted)}.ml-detail-value{margin-top:2px;word-break:break-all}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 10px;font:inherit;font-size:11px;border:1px solid var(--border);border-radius:var(--radius);background:#f5f5f5;cursor:pointer}.chip-block{border-color:#f0d0d0;color:var(--fail)}.chip-warn{border-color:#f5e6b8;color:var(--warn)}.chip-ml{border-color:#c8e6c9;color:var(--pass)}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:4px 10px;font:inherit;font-size:12px;border:1px solid var(--border);border-radius:var(--radius);background:#f5f5f5;cursor:pointer}.pill-active{background:#e8e8e8;font-weight:500}.rules-summary{display:flex;flex-wrap:wrap;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.rules-summary-card{display:flex;flex-direction:column;gap:2px;min-width:90px}.rules-summary-value{font-size:18px;font-weight:600}.rules-summary-label{font-size:11px;color:var(--text-muted)}.provider-banner{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;font-size:12px;color:var(--text-muted)}.provider-banner-live{background:#f3f3f3;color:var(--text)}.chat-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.chat-panel{display:flex;flex-direction:column;min-height:420px}.chat-thread{flex:1;min-height:200px;max-height:360px;overflow-y:auto;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.chat-message{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;max-width:92%}.chat-message-user{align-self:flex-end}.chat-message-assistant{align-self:flex-start}.chat-message-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-faint)}.chat-bubble{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);white-space:pre-wrap;word-break:break-word}.chat-bubble.user{background:#f3f3f3}.chat-bubble.blocked{background:#fefafa;border-color:#f0d0d0;color:var(--fail)}.chat-tag{font-size:10px;text-transform:uppercase;color:var(--text-faint)}.composer-controls{display:flex;flex-wrap:wrap;gap:12px}.gateway-flow{display:flex;flex-direction:column;gap:12px}.flow-steps{display:flex;flex-wrap:wrap;gap:8px}.flow-step{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;font-size:11px}.flow-step-icon{display:inline-flex;width:16px;height:16px;flex-shrink:0}.flow-step-label{font-weight:600}.flow-step-status{color:var(--text-muted)}.flow-details{display:flex;flex-direction:column;gap:12px}.llm-call-card{padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa}.llm-call-header{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;margin-bottom:8px}.scan-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.scan-panel-title{font-weight:600}.ml-meter{margin:8px 0}.ml-meter-header{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:4px}.ml-meter-track{height:8px;background:#eee;border-radius:2px;overflow:hidden}.ml-meter-fill{height:100%}.ml-meter-safe{background:#81c784}.ml-meter-warn{background:#ffd54f}.ml-meter-danger{background:#e57373}.logs-stats{display:flex;flex-wrap:wrap;gap:10px}.logs-stat-card{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:90px}.logs-stat-value{font-size:16px;font-weight:600}.logs-stat-label{font-size:11px;color:var(--text-muted)}.logs-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}.logs-detail-panel{position:sticky;top:12px}.logs-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.flow-reasons-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.provider-dot-on{color:var(--pass)}@media(max-width:768px){.chat-layout,.logs-layout{grid-template-columns:1fr}.logs-detail-panel{position:static}}