:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1f232c;--line:#2a2f3a;--text:#e6e8ee;--muted:#8b93a7;--accent:#f5c542;--accent-2:#4fd1c5;--warn-low:#4fd1c5;--warn-mid:#f5c542;--warn-high:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:6px;padding:7px 12px;font-weight:600}button:disabled{opacity:.45;cursor:default}button.ghost{color:var(--muted);border:1px solid var(--line);background:0 0;font-weight:500}button.ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}input,select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:9px 12px}code,pre{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.app{flex-direction:column;height:100%;display:flex}header{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:20px;padding:10px 18px;display:flex}.brand{letter-spacing:.02em;font-size:16px;font-weight:700}.logo{color:var(--accent);margin-right:4px}.stats{color:var(--muted)}.stats b{color:var(--text)}header select{min-width:260px;margin-left:auto}main{flex:1;grid-template-columns:1fr 340px;min-height:0;display:grid}.work{flex-direction:column;gap:14px;padding:16px 18px;display:flex;overflow-y:auto}aside{border-left:1px solid var(--line);background:var(--panel);overflow-y:auto}.search{gap:8px;display:flex}.search input{flex:1;font-size:15px}.examples{flex-wrap:wrap;gap:6px;display:flex}.examples button{padding:4px 9px;font-size:12px}.sql-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.sql-panel summary{cursor:pointer;color:var(--muted);padding:8px 12px}.sql-panel summary span{color:var(--accent-2);margin-left:12px}.sql-panel pre{border-top:1px solid var(--line);white-space:pre-wrap;color:#cfd6e6;margin:0;padding:10px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:40px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.card .thumb{aspect-ratio:16/9;background:#000;position:relative}.card .thumb img,.card .thumb video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card .thumb video{opacity:0;transition:opacity .15s}.card:hover .thumb video{opacity:1}.card .tc,.card .dist{color:#fff;background:#000000a6;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:11px;position:absolute;bottom:6px}.card .tc{left:6px}.card .dist{color:var(--accent-2);right:6px}.card .film{color:var(--muted);padding:8px 10px 0;font-size:12px}.card .caption{-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:4px 10px;font-size:13px;display:-webkit-box;overflow:hidden}.card .chips{flex-wrap:wrap;gap:4px;padding:0 10px;display:flex}.card .chips span{background:var(--panel-2);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.card .actions{gap:6px;margin-top:auto;padding:8px 10px 10px;display:flex}.card .actions button{padding:5px 9px;font-size:12px}.card .actions button:last-child{background:var(--panel-2);color:var(--text)}.timeline{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.tl-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tl-head h3{margin:0;font-size:14px}.tl-head h3 span{color:var(--muted);margin-left:8px;font-weight:400}.tl-head div{gap:6px;display:flex}.tl-track{background:var(--bg);border-radius:6px;gap:4px;min-height:96px;padding:6px;display:flex;overflow-x:auto}.tl-item{background:var(--panel-2);border-radius:4px;flex-basis:0;min-width:120px;position:relative;overflow:hidden}.tl-item img{object-fit:cover;width:100%;height:56px;display:block}.tl-meta{color:var(--muted);justify-content:space-between;padding:3px 6px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.tl-btns{justify-content:space-between;padding:0 4px 4px;display:flex}.tl-btns button{color:var(--muted);background:0 0;padding:0 6px;font-size:14px}.tl-btns button:hover:not(:disabled){color:var(--text)}.tl-empty{color:var(--muted);align-self:center;padding:0 12px}.warn{background:#000;border-radius:3px;padding:1px 5px;font-size:10px;position:absolute;top:4px;right:4px}.warn.low{color:var(--warn-low)}.warn.mid{color:var(--warn-mid)}.warn.high{color:var(--warn-high)}.warn-list{margin:10px 0 0;padding:0;font-size:12px;list-style:none}.warn-list li{border-top:1px solid var(--line);color:var(--muted);padding:4px 0}.warn-list li b{text-transform:uppercase;margin-right:6px}.warn-list li.low b{color:var(--warn-low)}.warn-list li.mid b{color:var(--warn-mid)}.warn-list li.high b{color:var(--warn-high)}.agent-panel{padding:14px}.agent-panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.agent-panel ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.agent-panel li{background:var(--panel-2);border-left:3px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12px}.agent-panel li.call{border-left-color:var(--accent-2)}.agent-panel li.final{border-left-color:var(--accent)}.agent-panel li.error{border-left-color:var(--warn-high);color:var(--warn-high)}.agent-panel li b{margin-bottom:2px;display:block}.agent-panel li code{color:var(--muted);white-space:pre-wrap;word-break:break-all;display:block}.agent-panel li p{white-space:pre-wrap;color:#cfd6e6;margin:0}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){main{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}}