:root{font:14px system-ui,sans-serif;color:#23313d;background:#f3f5f6}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:230px;background:#16282b;color:#ccd8d9;min-height:100vh;padding:25px 20px;position:fixed}aside h1{color:white;font-size:29px;letter-spacing:2px}aside p{font-size:12px}nav{display:grid;gap:12px;margin-top:35px}nav button,nav a{background:none;color:inherit;text-align:left;border:0;padding:12px;text-decoration:none}nav button:hover{background:#214047}aside small{display:block;margin-top:70px}main{margin-left:230px;padding:0 28px 40px;width:calc(100% - 230px)}header{height:70px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #d7dde0}header select{margin-left:auto}.notice{background:#fff3d4;padding:12px;border-left:4px solid #d2a543}section{background:white;padding:22px;margin:16px 0;border:1px solid #e3e8eb;border-radius:4px}[hidden]{display:none!important}h2{font-size:21px;font-weight:500}.tabs{display:flex;gap:12px;border-bottom:1px solid #dae2e5;padding-bottom:12px}button{cursor:pointer;color:#2a667b;border:1px solid #bdd0d7;background:#f7fbfc;padding:8px 14px;border-radius:3px}button:hover{background:#e7f1f5}input,select,textarea{padding:9px;border:1px solid #cdd7dc;border-radius:3px;font:inherit}label{display:grid;gap:5px;margin:10px 0;max-width:420px}form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}#operation-form{display:block}#operation-fields{display:flex;flex-wrap:wrap;gap:15px}#operation-fields label{min-width:190px}table{width:100%;border-collapse:collapse;margin:18px 0}th,td{text-align:left;border-bottom:1px solid #e4e9ec;padding:11px}th{font-size:12px;color:#63737b}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fa;padding:12px;max-height:260px;overflow:auto}.badge{background:#e2f1db;color:#497234;padding:4px 7px;border-radius:3px}.event{border-left:3px solid #9cbec9;padding:12px;margin:8px 0;background:#f8fafb}.controls{display:flex;gap:8px;margin:18px 0}#message{color:#a54d29}#objects button,#request-list button{margin:5px}@media(max-width:800px){aside{position:static;width:170px}main{margin-left:0;width:calc(100% - 170px);padding:0 12px}header{height:auto;padding:10px;flex-wrap:wrap}header select{margin-left:0}}

#answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}#operation-fields textarea{width:min(560px,100%)}#operation-fields label:has(textarea){width:100%;max-width:560px}.controls{flex-wrap:wrap}

#answer-identity,#lifecycle{overflow-wrap:anywhere}main{min-width:0}#answer-panel{min-width:0}