:root{font-family:system-ui,sans-serif;color:#183c36;background:#f6f5ef;font-size:17px}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:48px 24px}header{padding-bottom:32px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:700}h1{font-size:clamp(2.6rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.04em;margin:20px 0}h2{font-size:1.2rem}p{line-height:1.6}section{background:white;border:1px solid #dedfd7;border-radius:16px;padding:28px;margin-bottom:18px}form{display:flex;flex-wrap:wrap;gap:16px;align-items:end}label{display:grid;gap:9px;flex:1;min-width:200px;font-size:.85rem}input{width:100%;border:1px solid #b8c3b9;padding:14px;border-radius:8px;font:inherit}button{border:0;border-radius:8px;background:#24594b;color:white;padding:15px 20px;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #c58a31;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.quiet{background:#eef2ee;color:#24594b}.small,footer{font-size:.78rem;color:#52665e}footer{margin-top:42px}.top{display:flex;align-items:center;justify-content:space-between;gap:15px}.result{padding:20px 0;border-bottom:1px solid #e1e6df}.result p{margin:8px 0}.result button{padding:0;background:transparent;color:#24594b;text-align:left;font-weight:700;text-decoration:underline}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}#source{padding:20px;margin-top:20px;background:#f7f9f5}#status{min-height:1.6em}[hidden]{display:none!important}@media(max-width:600px){main{padding:28px 16px}section{padding:20px}form button{width:100%}.top{align-items:start}}
:root .embedded main{padding:20px 16px}.embedded header{padding-bottom:8px}.embedded h1{font-size:1.7rem;margin:12px 0}.embedded section{padding:18px}.embedded label{min-width:180px}.embedded footer{margin-top:20px}.embedded .top{align-items:center}.embedded .top h2{font-size:1rem}