:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{margin:0;padding:0}body{min-height:100svh}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e4e6eb;background:#0f1115;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:#14161c;border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.app-header h1{margin:0;font-size:16px;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.header-right button{color:#e4e6eb;cursor:pointer;background:#262a33;border:1px solid #363b47;border-radius:6px;padding:6px 12px;font-size:13px}.header-right button:hover{background:#363b47}.connection{text-transform:capitalize;border-radius:999px;padding:3px 8px;font-size:12px}.connection-open{color:#4ade80;background:#1b3a24}.connection-connecting{color:#fbbf24;background:#3a2f1b}.connection-closed{color:#f87171;background:#3a1b1b}.app-body{flex:1;min-height:0;display:flex}.request-list{border-right:1px solid #262a33;flex-direction:column;width:420px;display:flex;overflow-y:auto}.request-row{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #1b1e25;grid-template-columns:60px 1fr 46px 70px;align-items:center;gap:8px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:grid}.request-row:hover{background:#191c23}.request-row.selected{background:#1d2330}.request-row-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.request-row-time{color:#8b8f9a;text-align:right}.method{font-size:11px;font-weight:700}.method-get{color:#60a5fa}.method-post{color:#4ade80}.method-put{color:#fbbf24}.method-patch{color:#fb923c}.method-delete{color:#f87171}.status{text-align:center;font-size:12px;font-weight:600}.status-2xx{color:#4ade80}.status-3xx{color:#60a5fa}.status-4xx{color:#fbbf24}.status-5xx{color:#f87171}.status-pending{color:#8b8f9a}.detail-pane{flex:1;padding:16px 20px;overflow-y:auto}.detail-header{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.detail-path{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.tabs{border-bottom:1px solid #262a33;gap:4px;margin-bottom:16px;display:flex}.tabs button{color:#8b8f9a;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.tabs button.active{color:#e4e6eb;border-bottom-color:#60a5fa}.tab-content section{margin-bottom:20px}.tab-content h3{text-transform:uppercase;letter-spacing:.05em;color:#8b8f9a;margin:0 0 8px;font-size:12px}.header-table{border-collapse:collapse;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.header-table td{vertical-align:top;border-bottom:1px solid #1b1e25;padding:4px 8px}.header-key{color:#60a5fa;white-space:nowrap;width:220px}.header-value{color:#d1d5db;word-break:break-all}.body-view{white-space:pre-wrap;word-break:break-all;background:#14161c;border:1px solid #262a33;border-radius:6px;max-height:480px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-y:auto}.truncated-note{color:#8b8f9a;margin-top:8px}.error-note{color:#f87171}.empty{color:#6b7280;padding:16px;font-size:13px}