:root{font-family:system-ui,sans-serif;color:#193f37;background:#f5f2e8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #d8d5c8}a{color:inherit}main{max-width:1180px;margin:40px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}h1{font-size:clamp(36px,5vw,60px);line-height:1.2}small{color:#8b692e}label{display:block;margin:18px 0}select,input,textarea,button{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #c9cfbf;border-radius:10px;font:inherit}textarea{height:90px}button,#save{background:#20594c;color:white;cursor:pointer;padding:16px;border:0;border-radius:12px}button:disabled{opacity:.6;cursor:wait}.muted,#advice{font-size:13px;color:#64756b;line-height:1.7}.preview{position:sticky;top:24px;align-self:start;text-align:center}#empty{min-height:520px;display:grid;align-content:center;border:1px dashed #a9b3a0;border-radius:24px;background:#ececdf}#empty[hidden]{display:none}#result{width:100%;border-radius:20px}#save{display:block;margin:16px 0;text-decoration:none}#save[hidden]{display:none}#status{white-space:pre-wrap;line-height:1.6}@media(max-width:700px){main{grid-template-columns:1fr;gap:24px}.preview{position:static}#empty{min-height:250px}}