:root{--bg: #0b0e14;--bg-elevated: #131822;--bg-card: #1a2030;--border: #2a3142;--text: #e7e9ee;--text-dim: #9aa3b6;--accent: #6db3ff;--accent-strong: #4d8eff;--good: #6dd58c;--warn: #ffcb6d;--bad: #ff7a7a;--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);--radius: 10px;--radius-lg: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:16px}.brand-mark{font-size:22px;color:var(--accent)}.brand:hover{text-decoration:none}.nav{display:flex;gap:12px}.nav-link{padding:8px 12px;border-radius:var(--radius);color:var(--text-dim);font-weight:500}.nav-link:hover{color:var(--text);background:var(--bg-card);text-decoration:none}.nav-link.active{color:var(--text);background:var(--bg-card)}.main{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.footer{padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-elevated);color:var(--text-dim);font-size:13px;display:flex;flex-direction:column;gap:4px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.provider-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}.provider-pill.nvidia{background:#6db3ff29;color:var(--accent)}.provider-pill.amd,.provider-pill.huggingface{background:#ffcb6d29;color:var(--warn)}.provider-pill[data-router-provider]{background:#ff7a7a29;color:var(--bad)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:11px;color:var(--text-dim);margin-right:4px;margin-bottom:4px}.layout-stack{display:flex;flex-direction:column;gap:16px}.layout-grid{display:grid;gap:16px}.section-title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px}.muted{color:var(--text-dim)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{background:var(--bg-card);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius);cursor:pointer;color:var(--text-dim);font-size:13px}.tab.active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.tab .count{margin-left:6px;font-size:11px;opacity:.8}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.model-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s;cursor:pointer}.model-card:hover{border-color:var(--accent)}.model-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.model-card .name{font-weight:600;font-size:14px;color:var(--text);word-break:break-word}.model-card .id{font-size:11px;color:var(--text-dim);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.model-card .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.empty{padding:32px;text-align:center;color:var(--text-dim);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#06080d;border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow:auto;white-space:pre;max-height:600px;color:#cfd8e3}.copy-row{display:flex;gap:8px;align-items:center}.banner{background:#ffcb6d1a;border:1px solid rgba(255,203,109,.3);color:var(--warn);padding:10px 14px;border-radius:var(--radius);font-size:13px}.banner.error{background:#ff7a7a1a;border-color:#ff7a7a4d;color:var(--bad)}.banner.success{background:#6dd58c1a;border-color:#6dd58c4d;color:var(--good)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--text-dim);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}