:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182021;background:#f6f7f8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #dde3e2;display:flex;justify-content:space-between;padding:18px 24px}.eyebrow{color:#4c6970;font-size:12px;font-weight:750;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2{letter-spacing:0;margin:0}h1{font-size:24px}h2{font-size:15px}.workspace{display:grid;gap:16px;grid-template-columns:320px minmax(260px,420px) minmax(320px,1fr);padding:16px}.panel,.operation-card{background:#fff;border:1px solid #dde3e2;border-radius:8px;padding:16px}.controls,.operation-card,.response-panel{align-self:start;display:grid;gap:12px}label{color:#40575c;display:grid;font-size:13px;font-weight:650;gap:6px}input{background:#fbfcfc;border:1px solid #cbd7d6;border-radius:6px;color:#182021;min-height:38px;padding:8px 10px;width:100%}button{align-items:center;background:#245c67;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:750;justify-content:center;min-height:38px;padding:8px 12px}button:hover{background:#1c4851}.ghost-button{background:#eaf1f2;color:#245c67}.ghost-button:hover{background:#d8e8ea}.operation-header,.response-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.operation-header span{background:#edf5f6;border-radius:999px;color:#245c67;font-size:12px;font-weight:800;padding:4px 8px}pre{background:#121819;border-radius:8px;color:#d7f1f4;margin:0;min-height:300px;overflow:auto;padding:14px;white-space:pre-wrap}@media(max-width:1050px){.workspace{grid-template-columns:1fr}}