:root{color:#142019;background:#f3f5ef;font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{width:min(74rem,100%);margin:auto;padding:3rem 1.5rem}.eyebrow{color:#567160;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.workspace{grid-template-columns:minmax(18rem,1fr) 2fr;gap:1rem;display:grid}.panel{background:#fff;border:1px solid #d8ded5;border-radius:1rem;padding:1.5rem}label{gap:.5rem;font-weight:700;display:grid}input,button{font:inherit;border:1px solid #aeb9b0;border-radius:.5rem;padding:.75rem}button{margin-top:1rem}.preview{border:1px solid #d8ded5;border-radius:.5rem;width:100%;min-height:32rem}@media (width<=48rem){.workspace{grid-template-columns:1fr}}