:root{font-family:Inter,system-ui,sans-serif;color:#172738;background:#f2f5f8;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:48px auto;padding:0 28px}.narrow{max-width:520px;margin-top:100px}header{display:flex;justify-content:space-between;align-items:center;gap:28px}h1{font-size:34px;letter-spacing:-1px;margin:6px 0 12px}h2{font-size:21px;margin:0 0 12px}p{line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#557080}.muted{color:#647589;font-size:13px}section{background:white;border:1px solid #dee6ed;border-radius:12px;margin:24px 0;padding:26px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}input,select{border:1px solid #b8c7d4;border-radius:6px;padding:11px;background:white;color:inherit;width:100%;font:inherit}button{border:0;background:#145c68;color:white;border-radius:6px;padding:12px 18px;cursor:pointer;font:inherit;font-weight:600}button:hover{background:#104954}button:disabled{background:#b7c3cb;cursor:not-allowed}.secondary{background:#e3ebef;color:#263e4c}pre{font:13px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f8;padding:16px;border-radius:6px;max-height:400px;overflow:auto}.notice{padding:14px 18px;background:#e4eeed;border-left:3px solid #145c68;border-radius:3px}footer{margin:24px 0}form>button{margin-top:16px}.error{color:#a02727}@media(max-width:600px){main{margin-top:24px;padding:0 16px}header{align-items:flex-start;flex-direction:column}section{padding:18px}.grid{grid-template-columns:1fr 1fr}h1{font-size:28px}}