*{box-sizing:border-box}body{color:#16243b;background:#f6f8fb;margin:0;font:16px system-ui}main{min-height:100vh;display:flex}aside{color:#fff;background:#111d32;width:260px;padding:32px}aside strong{font-size:28px}aside p{color:#a8b9d3;font-size:13px}section{max-width:960px;padding:70px}small{color:#5e58d8;letter-spacing:2px}h1{letter-spacing:-2px;font-size:46px}p{line-height:1.7}article{background:#fff;border:1px solid #e0e5ee;border-radius:16px;margin-top:35px;padding:28px}@media (width<=700px){main{display:block}aside{width:100%;padding:20px}section{padding:24px}h1{font-size:34px}}section{flex:1;width:100%}label{margin:16px 0;font-size:14px;font-weight:600;display:block}input,textarea,select{width:100%;font:inherit;color:#16243b;background:#fff;border:1px solid #cbd4e2;border-radius:8px;margin-top:8px;padding:12px;display:block}textarea{resize:vertical;min-height:110px}button{cursor:pointer;color:#fff;font:inherit;background:#6558f5;border:0;border-radius:8px;padding:11px 16px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #a9a2ff}aside button{text-align:left;color:#a8b9d3;background:0 0;width:100%;margin:12px 0;display:block}aside button.active{color:#fff;background:#293a57}.inline,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inline input,.inline label{flex:1}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.cards article,.actions{margin-top:24px}.muted{color:#65728b;font-size:13px}.notice{background:#fff4d8;border-radius:10px;padding:14px;font-size:14px}[role=alert]{color:#a62634;background:#ffe9ec;border-radius:8px;padding:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}code{overflow-wrap:anywhere}input[type=color]{height:42px;padding:4px}.table{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th,td{border-bottom:1px solid #e0e5ee;padding:12px}th{color:#65728b}.transcript{background:#f6f8fb;border-radius:10px;margin-top:18px;padding:14px}.transcript p{white-space:pre-wrap;overflow-wrap:anywhere}aside{flex-shrink:0}article p{overflow-wrap:anywhere}