:root {color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:#f5f8f8;color:#1c3541} * {box-sizing:border-box}
body {margin:0} main {max-width:1100px;margin:auto;padding:28px 18px 48px} h1{font-size:26px} h2{font-size:18px;margin:0 0 12px} .muted{color:#647783;line-height:1.6}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:14px;margin:22px 0} section{background:white;padding:20px;border:1px solid #dfe8e8;border-radius:14px;box-shadow:0 4px 16px #1c354108;margin-bottom:16px}label{display:block;font-size:14px;margin:14px 0}input{display:block;width:100%;border:1px solid #c5d3d6;border-radius:8px;padding:10px 12px;margin-top:6px;font:inherit}button{font:inherit;background:#20536c;color:white;border:0;border-radius:8px;padding:10px 12px;margin:7px 5px 4px 0;cursor:pointer}button:hover{background:#146e80}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px}pre{background:#112933;color:#d6eef1;border-radius:8px;padding:16px;line-height:1.5;overflow:auto;min-height:110px;white-space:pre-wrap;word-break:break-word;font-size:13px}