:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#454b40;background:#faf8f3;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,footer{padding:24px 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #e7e0d3}header a{letter-spacing:.2em;font-family:Georgia,serif;font-size:22px;text-decoration:none;color:inherit}header button{margin-left:auto}main{max-width:1400px;margin:40px auto;padding:0 24px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(30px,4vw,44px);margin:12px 0}h2{font-size:28px}.eyebrow{font-size:11px;letter-spacing:.15em}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.panel{background:#fffdfa;border:1px solid #e7e0d3;border-radius:20px;padding:28px}.narrow{max-width:520px;margin:auto}.layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;margin:14px 0}input,select,textarea{width:100%;padding:12px;border:1px solid #cfc9bb;border-radius:9px;background:#fff;color:inherit;font:inherit;margin-top:6px}input[type=checkbox]{width:auto;margin-right:8px}button{cursor:pointer;border:0;background:#454b40;color:white;padding:12px 20px;border-radius:24px;font:inherit}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eee7da;color:#454b40}.checks{display:flex;flex-wrap:wrap;gap:0 20px}fieldset{border:1px solid #e7e0d3;border-radius:12px;margin:20px 0}.muted{font-size:12px;line-height:1.6;color:#6b705f}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.entry{display:block;width:100%;text-align:left;border-radius:10px;margin:12px 0;background:#f0ebdf;color:#454b40}.entry strong,.entry small{display:block;margin:4px 0}#message:not(:empty){background:#eee7da;padding:16px;border-radius:12px}.preview{max-width:390px;margin:25px auto;border:1px solid #e7e0d3;border-radius:16px;overflow:hidden;padding:20px;background:#f8f3e9}.preview img{width:100%;height:200px;object-fit:cover;border-radius:10px}footer{margin-top:50px;justify-content:center}a{color:inherit}@media(max-width:800px){.layout,.grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.panel{padding:20px}}

@media(max-width:600px){header{gap:12px}header a{font-size:18px;letter-spacing:.12em}header>span{display:none}.layout{grid-template-columns:minmax(0,1fr)}header button{white-space:nowrap;padding:10px 14px}}
