:root{--bg:#f7f6f3;--panel:#fff;--ink:#1f1e1c;--muted:#76736c;--line:#e4e1da;--good:#2e6b4f;--bad:#b3261e}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}code,input,button.id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.console{flex-direction:column;gap:12px;max-width:1200px;height:100vh;margin:0 auto;padding:14px 16px;display:flex}.topbar{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.topbar h1{margin:0;font-size:16px;font-weight:600}.nav{gap:10px;margin-left:auto;font-size:12px;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--ink);font-weight:600}.muted{color:var(--muted);font-weight:400}.pill{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px}.pill.good{color:var(--good)}.pill.bad{color:var(--bad)}.pill.warn{color:#8a5a17;background:#fbf6ec;border-color:#e8d9bd}.banner{border:1px solid var(--line);background:var(--panel);border-radius:6px;margin:0;padding:8px 10px;font-size:13px}.banner.bad{color:var(--bad);background:#fdf4f3;border-color:#e7c7c4}.columns{flex:1;grid-template-columns:300px 1fr;gap:12px;min-height:0;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;display:flex}button{font:inherit;border:1px solid var(--line);color:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:5px 10px;font-size:13px}button:hover:not(:disabled){border-color:#c9c5bb}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.primary:hover:not(:disabled){background:#35332f}button.danger{color:var(--bad);border-color:#e7c7c4}button.danger:hover:not(:disabled){background:#fdf4f3;border-color:#d9a89f}.ids{flex:1;margin:0;padding:0;list-style:none;overflow:auto}button.id{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;min-width:0;padding:4px 6px;font-size:13px;overflow:hidden}button.id:hover:not(:disabled){border-color:#0000}.id-row{border:1px solid #0000;border-radius:5px;align-items:center;gap:2px;display:flex}.id-row:hover{background:#f4f2ee}.id-row.active{background:#eef4f0;border-color:#cfe0d5}.row-actions{opacity:0;gap:2px;padding-right:4px;transition:opacity .12s;display:flex}.id-row:hover .row-actions,.id-row:focus-within .row-actions{opacity:1}@media (hover:none){.row-actions{opacity:1}}button.mini{color:var(--muted);background:0 0;border-color:#0000;padding:2px 5px;font-size:11px}button.mini:hover:not(:disabled){color:var(--ink);background:#fff;border-color:#c9c5bb}button.mini.danger{color:var(--bad)}button.mini.danger:hover:not(:disabled){background:#fdf4f3;border-color:#d9a89f}button.mini.copied{color:var(--good);background:#eef4f0;border-color:#cfe0d5}.hint{color:var(--muted);margin:0;font-size:11px}.editor{gap:10px}.field{flex-direction:column;gap:4px;display:flex}.field.grow{flex:1;min-height:0}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}input{border:1px solid var(--line);width:100%;color:inherit;background:#fff;border-radius:6px;padding:6px 8px;font-size:13px}input:focus{outline-offset:-1px;border-color:#b9d2c2;outline:2px solid #cfe0d5}.editor-host{border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;min-height:240px;font-size:13px;overflow:hidden}.editor-host:focus-within{outline-offset:-1px;border-color:#b9d2c2;outline:2px solid #cfe0d5}.editor-host .cm-editor{height:100%}.editor-host .cm-editor.cm-focused{outline:none}.editor-host .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}.editor-host .cm-gutters{border-right:1px solid var(--line);color:var(--muted);background:#faf9f6}.editor-host .cm-activeLine,.editor-host .cm-activeLineGutter{background:#f4f2ee}.editor-host .cm-tooltip{font-size:12px}button:focus-visible,.nav a:focus-visible{outline-offset:1px;outline:2px solid #b9d2c2}.status,.lint{overflow-wrap:anywhere;min-height:18px;margin:0;font-size:12px}.lint.good{color:var(--good)}.lint.bad{color:var(--bad)}button.goto{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.status.good{color:var(--good)}.status.bad{color:var(--bad)}.modal-backdrop{z-index:10;background:#1f1e1c59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;width:100%;max-width:420px;padding:14px;display:flex}.modal h2{margin:0;font-size:15px}.modal:focus{outline:none}.modal p{color:var(--muted);margin:0;font-size:13px}.modal code{border:1px solid var(--line);overflow-wrap:anywhere;background:#faf9f6;border-radius:6px;padding:6px 8px;font-size:12px}.modal .row{justify-content:flex-end}.docs{flex:1;min-height:0;overflow:auto}.docs-meta{color:var(--muted);margin:0;font-size:12px}.docs-meta a{color:inherit}.operation{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding:12px 0;display:flex}.operation:first-of-type{border-top:none;padding-top:4px}.op-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.method{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);background:#faf9f6;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700}.method.get{color:var(--good);background:#eef4f0;border-color:#cfe0d5}.method.post{color:#1f5f8b;background:#eef5fa;border-color:#c9ddec}.method.put{color:#8a5a17;background:#fbf6ec;border-color:#e8d9bd}.method.delete{color:var(--bad);background:#fdf4f3;border-color:#e7c7c4}.op-summary{margin:0;font-size:13px}.op-desc{color:var(--muted);white-space:pre-line;margin:0;font-size:12.5px}.detail{color:var(--muted);margin:0;font-size:12px}.detail code{color:var(--ink)}.responses{color:var(--muted);flex-direction:column;gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.responses li{align-items:baseline;gap:8px;display:flex}.responses code{min-width:3ch;color:var(--ink);font-size:11px}@media (max-width:760px){.console{height:auto;min-height:100vh}.topbar{flex-wrap:wrap}.columns{grid-template-columns:1fr}.ids{max-height:32vh}.editor-host{min-height:200px}}
