:root{font-family:Arial,Helvetica,sans-serif;color:#20352a;background:#f3f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:0 auto;padding:48px 32px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:bold;color:#1c562f}h1{font-family:Georgia,'Times New Roman',serif;font-size:40px;line-height:1.15;font-weight:normal;letter-spacing:-.025em;margin:18px 0}h2{font-family:Georgia,'Times New Roman',serif;font-size:21px;font-weight:normal;margin:0 0 24px;color:#1c562f}.intro{font-size:16px;line-height:1.6;color:#56635b;margin:0 0 24px}.notice{background:#e7eee1;border-left:3px solid #1c562f;padding:15px 18px;font-size:13px;line-height:1.6;margin:24px 0}.workspace{display:grid;grid-template-columns:340px 1fr;gap:24px;margin:28px 0}.editor,.preview{background:#fff;border:1px solid #dce3d7;border-radius:6px;padding:28px}.preview{min-width:0;padding:0;overflow:hidden}.preview-heading{padding:26px 26px 0;display:flex;justify-content:space-between;gap:10px}.preview-heading h2{font-size:20px}.preview-heading span{font-size:9px;color:#707c74;letter-spacing:.07em;padding-top:6px}label{display:block;font-size:12px;font-weight:bold;margin:18px 0 8px}select,textarea{width:100%;border:1px solid #bbc8b8;border-radius:4px;background:white;color:#20352a;padding:11px;font:14px Arial,Helvetica,sans-serif}textarea{resize:vertical;line-height:1.5}select:focus,textarea:focus,button:focus{outline:2px solid #040b60;outline-offset:2px}.row{display:flex;gap:12px}.row>div{flex:1;min-width:0}.help{color:#657268;font-size:12px;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}button{border:1px solid #1c562f;border-radius:4px;background:#1c562f;color:white;padding:11px 15px;font-size:13px;cursor:pointer}.secondary{background:white;color:#1c562f}button:disabled{opacity:.5;cursor:not-allowed}.status{font-size:13px;line-height:1.6;color:#040b60;min-height:42px}iframe{border:0;width:100%;height:350px;display:block}.preview-foot{border-top:1px solid #e7ece3;margin-top:24px;padding:20px 26px;font-size:11px;line-height:1.7;color:#6a756d}footer{font-size:11px;color:#7b877d;padding-top:10px}.pane{max-width:600px;padding:24px}.pane h1{font-size:30px}.pane p{font-size:13px;line-height:1.6}@media(max-width:850px){.workspace{grid-template-columns:1fr}main{padding:28px 16px}h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}