*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:#173047;font:17px/1.6 system-ui,sans-serif}main{max-width:850px;margin:auto;padding:22px 16px}h1{margin:0;font-size:28px}h2{font-size:20px;margin:0 0 12px}section{background:white;border:1px solid #d1dce5;border-radius:12px;padding:18px;margin:18px 0}button,.picker{display:inline-block;background:#183c55;color:white;border:0;border-radius:7px;padding:12px 15px;margin:6px 6px 6px 0;font:inherit;cursor:pointer}button:disabled{opacity:.5}pre{font:13px/1.55 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#edf2f6;max-height:380px;overflow:auto}.note{border-left:4px solid #e8ad4b;padding-left:12px}.item{border-top:1px solid #dce4eb;padding:12px 0}input{max-width:100%;display:block}p{margin:8px 0}