:root{color:#172033;background:#f5f7fb;font:16px system-ui}body{margin:0}main{max-width:1100px;margin:40px auto}section{grid-template-columns:260px 1fr;gap:24px;display:grid}aside,article{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #17203318}button,input,select,textarea{font:inherit;border:1px solid #ccd3df;border-radius:6px;padding:9px}button{cursor:pointer;color:#fff;background:#1d4ed8;border:0;margin:4px}.item{text-align:left;color:#172033;background:#eef2ff;width:100%;display:block}.item small{color:#64748b;display:block}label{margin:12px 0;display:block}input,select,textarea{box-sizing:border-box;width:100%;margin-top:5px;display:block}textarea{min-height:360px;font-family:monospace}.actions{margin-top:12px}pre{white-space:pre-wrap;color:#b42318}