:root{--ink:#3f291e;--muted:#80756b;--gold:#c7a16c;--paper:#fffdf9;--line:#e2d8ca;--page:#f4f1eb}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,sans-serif}.app-shell{max-width:1460px;margin:auto;padding:0 38px 55px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-monogram{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:39px;height:39px;font:16px Georgia,serif}.brand b,.brand small{display:block;letter-spacing:.15em}.brand b{font-size:13px}.brand small{font-size:7px;margin-top:3px}.area-label{font-size:10px;letter-spacing:.11em;color:var(--muted)}.heading{padding:43px 0 29px}.heading p{font-size:10px;letter-spacing:.16em;color:#9a7b52;font-weight:bold;margin:0 0 7px}.heading h1{font:45px Georgia,serif;margin:0 0 10px}.heading span{color:var(--muted);font-size:14px;line-height:1.5;display:block;max-width:620px}.workspace{display:grid;grid-template-columns:minmax(400px,.8fr) minmax(540px,1.2fr);gap:27px;align-items:start}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:28px}.card-heading{display:flex;gap:12px;margin-bottom:25px}.card-heading>span,.preview-bar>span:first-child{width:27px;height:27px;display:grid;place-items:center;flex:none;border:1px solid #c9ae85;border-radius:50%;font-size:10px;font-weight:bold;color:#866743}.card-heading h2,.preview-bar h2{font:22px Georgia,serif;margin:0}.card-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:grid;gap:6px;font-size:11px;font-weight:bold;color:#604d3d}.wide{grid-column:span 2}input,select,textarea{width:100%;border:1px solid #d9cebd;border-radius:2px;background:#fff;padding:11px;color:var(--ink);font:13px Arial,sans-serif}textarea{line-height:1.45;resize:vertical;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #e9d8ba;border-color:#b89058}.copy-editor{margin-top:20px;border-top:1px solid #eee6d9;border-bottom:1px solid #eee6d9}.copy-editor summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:16px 0;color:#604d3d;list-style:none}.copy-editor summary::-webkit-details-marker{display:none}.copy-editor summary span{font-size:10px;font-weight:bold;letter-spacing:.11em}.copy-editor summary small{font-size:10px;color:var(--muted);font-weight:normal;text-align:right}.copy-sections{display:grid;gap:14px;padding:0 0 19px}fieldset{margin:0;border:1px solid #eadfce;padding:15px}legend{padding:0 6px;color:#8b6843;font:13px Georgia,serif}.form-note{font-size:11px;line-height:1.5;color:var(--muted);padding-top:17px;margin:20px 0;border-top:1px solid #eee6d9}.form-actions{display:flex;justify-content:flex-end;gap:10px}.button{border:0;border-radius:2px;padding:12px 15px;font:bold 11px Arial;cursor:pointer}.button-primary{background:#553325;color:#fff}.button-secondary{background:#eee5d7;color:#573929}.status{height:16px;color:#857665;font-size:11px;margin:15px 0 0}.preview{min-width:0}.preview-bar{display:flex;align-items:center;gap:11px;margin:0 0 12px}.preview-bar p{font-size:10px;color:var(--muted);margin:4px 0 0}.pill{margin-left:auto!important;width:auto!important;height:auto!important;padding:6px 8px;border-radius:20px!important;border-color:#cfbea7!important;font-size:9px!important;color:#866743!important}iframe{display:block;width:100%;height:760px;background:#fff;border:1px solid #d9d0c5;box-shadow:0 12px 30px #33251717}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.form-card{max-width:720px;margin:auto}.preview{max-width:840px;margin:auto;width:100%}}@media(max-width:620px){.app-shell{padding:0 15px 32px}.area-label{display:none}.heading{padding:34px 0 25px}.heading h1{font-size:36px}.form-card{padding:21px}.field-grid{grid-template-columns:1fr}.wide{grid-column:auto}.copy-editor summary{align-items:flex-start;flex-direction:column}.copy-editor summary small{text-align:left}.form-actions{justify-content:stretch}.button{flex:1;padding-inline:8px}iframe{height:610px}}