: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}.header-left{align-items:baseline;gap:14px;min-width:0;display:flex}.back-link{color:#8b8f9a;white-space:nowrap;font-size:13px;text-decoration:none}.back-link:hover{color:#e4e6eb}.capture-url{color:#d1d5db;-webkit-user-select:all;user-select:all;background:#1b1e25;border:1px solid #262a33;border-radius:6px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.connection-not-found{color:#f87171;background:#3a1b1b}.rooms-page{flex-wrap:wrap;align-items:flex-start;gap:32px;padding:24px 20px;display:flex;overflow-y:auto}.rooms-page h2{text-transform:uppercase;letter-spacing:.05em;color:#8b8f9a;margin:0 0 12px;font-size:12px}.room-form{flex-direction:column;gap:12px;width:320px;max-width:100%;display:flex}.room-form label{flex-direction:column;gap:4px;font-size:13px;display:flex}.room-form input{color:#e4e6eb;background:#14161c;border:1px solid #363b47;border-radius:6px;padding:8px 10px;font-size:13px}.room-form input:focus{outline:1px solid #60a5fa}.room-form button,.room-card button{color:#e4e6eb;cursor:pointer;background:#262a33;border:1px solid #363b47;border-radius:6px;padding:7px 12px;font-size:13px}.room-form button:hover:not(:disabled),.room-card button:hover{background:#363b47}.room-form button:disabled{opacity:.5;cursor:not-allowed}.room-card button.danger:hover{color:#f87171;background:#3a1b1b}.hint{color:#8b8f9a;font-size:12px}.room-list{flex:1;min-width:300px}.room-card{background:#14161c;border:1px solid #262a33;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.room-card-main{color:inherit;flex-direction:column;flex:1;gap:2px;min-width:0;text-decoration:none;display:flex}.room-card-name{font-size:14px;font-weight:600}.room-card-path{color:#8b8f9a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.room-card-count{color:#8b8f9a;white-space:nowrap;font-size:12px}.room-form .error-note,.room-list .error-note{font-size:13px}