:root{font-family:Arial,Helvetica,sans-serif;color:#14202a;background:#f2f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(1120px,100%);margin:0 auto;padding:36px 22px 48px}.page-header{display:flex;gap:20px;align-items:center;margin-bottom:30px}.page-header img{width:72px;height:auto}h1{margin:3px 0 8px;color:#174e63;font-size:clamp(1.7rem,3vw,2.35rem)}h2{margin:0 0 20px;color:#174e63;font-size:1.2rem}p{margin:0;line-height:1.5}.eyebrow{color:#1c7187;font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.workspace{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:24px;align-items:start}form,section{background:#fff;border:1px solid #d6e0e3;border-radius:14px;padding:26px;box-shadow:0 10px 30px #174e6312}label{display:block;margin-bottom:15px;font-weight:700}label span{color:#667085;font-weight:400}input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #aebcc1;border-radius:7px;color:#14202a;background:#fff;font:inherit}input:focus{outline:3px solid rgba(66,184,222,.28);border-color:#1c7187}small{display:block;min-height:1.15em;margin-top:4px;color:#b42318;font-weight:400}.field-help{color:#667085;line-height:1.35}.preview{min-height:230px;padding:24px;overflow-x:auto;border:1px dashed #9eb2ba;border-radius:9px;background:#fff}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button{padding:11px 17px;border:1px solid #1c7187;border-radius:7px;color:#fff;background:#1c7187;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#155c6e}button:focus-visible{outline:3px solid rgba(66,184,222,.45);outline-offset:2px}button.secondary{color:#1c7187;background:#fff}button.secondary:hover{background:#eef7f9}#status{min-height:1.5em;margin-top:12px;color:#174e63;font-weight:700}@media(max-width:760px){main{padding:24px 12px 36px}.page-header{align-items:flex-start}.page-header img{width:58px}.workspace{grid-template-columns:1fr}form,section{padding:20px}.preview{padding:16px}}