:root{color-scheme:light;font-family:Arial,'Yu Gothic',sans-serif;color:#20262d;background:#f5f6f7}*{box-sizing:border-box;letter-spacing:0}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #cbd0d5;background:#fff;font-size:13px;color:#59636e}.brand{font-size:30px;font-weight:800;text-decoration:none;color:#20262d}.brand span{color:#d76520}main{width:min(420px,calc(100% - 40px));margin:64px auto 40px}h1{font-size:24px;margin:0 0 24px}p{font-size:14px;line-height:1.7}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input,select,textarea,button{font:inherit;min-width:0;border:1px solid #929ca5;border-radius:4px;padding:11px 12px;background:#fff;color:#20262d}input,select,textarea{width:100%;font-size:16px}textarea{resize:none;overflow-wrap:anywhere}button{cursor:pointer;font-size:14px;font-weight:600}button:hover{background:#e8edf0}:focus-visible{outline:2px solid #1976a3;outline-offset:2px}.primary{display:block;width:100%;margin-top:24px;background:#20262d;color:#fff;text-align:center;padding:13px;text-decoration:none;border-radius:4px}.primary:hover{background:#39434d}.copy-row{display:flex;gap:8px;align-items:stretch}.copy-row input,.copy-row textarea{flex:1}.copy-row button{flex:0 0 64px}nav{display:grid;gap:14px;margin-top:24px}a{color:#185f83;font-size:14px}.error{color:#a32626;border-left:3px solid #a32626;padding-left:12px}.environment{display:flex;gap:12px;align-items:center}.environment input{width:18px}footer{width:min(480px,calc(100% - 40px));margin:24px auto;color:#59636e;font-size:12px;line-height:1.7}@media(max-width:480px){main{margin-top:36px}header{padding:14px 20px}}