@font-face{font-family:"Bodoni MT Embed";src:url("../assets/fonts/bodoni-mt-bold-subset.woff") format("woff");font-weight:700}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17231b;background:#f6f8f5}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:30px}.heading{max-width:840px}.kicker{margin:0;color:#147a48;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin:.35rem 0 .8rem}.heading p{line-height:1.55}.workspace{display:grid;grid-template-columns:minmax(280px,410px) minmax(0,1fr);gap:26px;align-items:start}.panel,.preview-panel{background:#fff;border:1px solid #dce4dc;border-radius:20px;padding:22px;box-shadow:0 12px 36px rgba(19,49,33,.08)}label{display:block;font-weight:800;margin:14px 0 8px}select,input,button{width:100%;font:inherit;border-radius:12px}select,input{padding:13px;border:1px solid #9aaba0;background:#fff}select:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #61b98a;outline-offset:2px}.note,.preview-panel p,#sample-status{color:#526158;line-height:1.45}.sample-tools{margin:20px 0}button{padding:13px;border:0;background:#147a48;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.5;cursor:wait}dl{margin:18px 0 0}dl div{padding:10px 0;border-top:1px solid #e5ebe6}dt{font-size:.82rem;color:#65736a}dd{margin:3px 0 0;font-weight:700}.preview-panel{text-align:center}#preview{min-height:480px;display:grid;place-items:center;padding:12px}#preview svg{display:block;max-width:100%;max-height:620px;width:auto;height:auto;filter:drop-shadow(0 14px 18px rgba(15,38,26,.2))}@media(max-width:760px){.shell{padding:18px}.workspace{grid-template-columns:1fr}.preview-panel{order:-1}#preview{min-height:330px}#preview svg{max-height:390px}.panel,.preview-panel{padding:17px;border-radius:16px}}