:root{color:#1b1b1f;background:#f4f5f7;font-family:system-ui,Segoe UI,sans-serif}body{margin:0}.layout{grid-template-columns:minmax(0,1fr) 420px;gap:24px;max-width:1200px;margin:0 auto;padding:32px 24px;display:grid}main,aside{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001f}h1{color:#004f83;margin-top:0}h2{margin-top:0}.lede{color:#4a4d55}form{gap:16px;display:grid}label{gap:4px;font-weight:600;display:grid}input,select,textarea{font:inherit;border:1px solid #b7bac3;border-radius:4px;padding:8px}button{font:inherit;color:#fff;cursor:pointer;background:#0063a3;border:0;border-radius:4px;justify-self:start;padding:10px 20px}button:disabled{cursor:default;background:#7aa6c4}.hint{color:#5b5e66;font-size:.875rem;font-weight:400}.error{color:#b00020;font-size:.875rem;font-weight:400}.notice{border-radius:4px;padding:10px 14px}.notice.ok{background:#e3f4e6}.notice.bad{background:#fde7ea}#agent-panel{min-height:480px}.agent-host{min-height:560px}.agent-frame{border:0;border-radius:4px;width:100%;height:620px}button.link{color:#0063a3;background:0 0;padding:0;text-decoration:underline}@media (width<=900px){.layout{grid-template-columns:1fr}}
