.search-input{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:4px;font-size:12px;outline:none;width:100%;font-family:Inter,sans-serif}.search-input:focus{border-color:var(--accent)}.code-grid{padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;overflow-y:auto;flex:1;align-content:start}.code-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all .2s ease;gap:2px}.code-tile:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.code-tile.active{border-color:var(--accent);background:var(--accent-dim)}.code-num{font-size:16px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.code-cat{font-size:9px;color:var(--muted);text-transform:uppercase}.code-tile.cat-1 .code-num{color:#58a6ff}.code-tile.cat-2 .code-num{color:#3fb950}.code-tile.cat-3 .code-num{color:#d29922}.code-tile.cat-4 .code-num{color:#f85149}.code-tile.cat-5 .code-num{color:#bc8cff}.response-view{flex:1;display:flex;flex-direction:column;overflow-y:auto}.response-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.placeholder-icon{font-size:48px;margin-bottom:12px}.response-content{display:flex;flex-direction:column;gap:16px}.status-line{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;padding:10px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:4px}.response-headers{font-family:JetBrains Mono,monospace;font-size:12px;background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:12px;white-space:pre-wrap;line-height:1.6}.section-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}#responseBodyPre{background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;white-space:pre-wrap;line-height:1.5;max-height:300px;overflow-y:auto}.code-info p{font-size:13px;line-height:1.6;color:var(--text);margin-bottom:12px}.status-code{font-weight:600}.status-code-info{color:var(--accent)}.status-code-success{color:var(--success)}.status-code-warning{color:var(--warning)}.status-code-error{color:var(--error)}