:root{--paper:#f6f2ee;--ink:#282828;--orange:#f58220;--line:#dfd8d1;--muted:#746d66}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:26px;font-weight:300;letter-spacing:-1px}.brand span,h1 span{color:var(--orange)}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:4px}.header-label{font-size:10px;letter-spacing:1.8px}.header-label b{font-weight:400;color:var(--orange);margin-left:12px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{padding:48px 0 40px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#94653f;margin:0 0 18px}h1{font-size:58px;font-weight:300;letter-spacing:-2.6px;line-height:1.06;margin:0}.intro-copy{color:var(--muted);line-height:1.8;margin:0 32px 8px 0}.workspace{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:24px;align-items:start}.panel{background:#fffdfb;border:1px solid var(--line);border-radius:3px}.details{padding:26px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.section-title>span{color:var(--orange);font-size:12px}.section-title h2{font-size:17px;font-weight:400;margin:0}.text-button{border:0;padding:0;background:none;font-size:11px;color:#a84d00;cursor:pointer}.section-title .text-button{margin-left:auto}label{display:block;font-size:11px;line-height:1.4;margin-bottom:18px;color:#55504b}label em{font-style:normal;color:#9a928a;margin-left:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{font:14px Arial,Helvetica,sans-serif;color:var(--ink);width:100%;border:1px solid var(--line);border-radius:3px;background:#fff;padding:12px;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #f5822055;outline-offset:1px;border-color:var(--orange)}textarea{resize:vertical;line-height:1.5}button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.label-row{display:flex;justify-content:space-between;font-size:11px;color:#55504b}.phone-row{display:flex;gap:8px;margin-bottom:10px}.phone-row input{margin-top:7px}.phone-row button{background:none;border:0;color:#746d66;cursor:pointer;width:24px}#phones{margin-bottom:20px}.small-note{color:var(--muted);font-size:11px;line-height:1.6;margin:22px 0 0}.regions{border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-size:12px;color:#55504b}fieldset{border:0;padding:15px 0 0;display:flex;gap:10px;flex-wrap:wrap}legend{position:absolute;left:-9999px}fieldset label{margin:0;display:flex;align-items:center;gap:5px;font-size:11px}fieldset input{width:14px;margin:0;accent-color:var(--orange)}.preview>.section-title{padding:26px 26px 0}.view-switch{margin-left:auto;border:1px solid var(--line);padding:3px;display:flex}.view-switch button{background:none;border:0;color:var(--muted);padding:6px 9px;font-size:11px;cursor:pointer}.view-switch button[aria-pressed=true]{background:#eee7df;color:var(--ink)}.stage{padding:28px;background:#e9e4de;min-height:330px;display:flex;justify-content:center;align-items:flex-start}.mail{background:#fff;width:100%;max-width:568px;box-shadow:0 7px 25px #3830260b;border:1px solid #dfd9d2;transition:max-width .2s}.mail.mobile{max-width:352px}.mail-top{padding:13px 18px;border-bottom:1px solid #eee9e4;font-size:11px;color:#8b837c;display:flex;justify-content:space-between}.mail-body{padding:20px 16px}.mail-body>p{font-size:12px;color:#514c48;margin:0 0 18px}iframe{width:100%;border:0;display:block;height:250px;background:var(--paper)}.preview-footer{padding:14px 26px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}.preview-footer b{font-weight:400}.swatch{width:12px;height:12px;background:#f6f2ee;border:1px solid #d6cdc5;margin-right:4px}.right-note{margin-left:auto}.export{padding:26px}.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format{text-align:left;border:1px solid var(--line);background:#fffdfb;border-radius:3px;padding:14px;cursor:pointer;color:var(--ink)}.format.active{border-color:var(--orange);background:#fff8f0;box-shadow:inset 0 0 0 1px var(--orange)}.format-mark{display:block;margin-bottom:14px;font-size:17px;color:#a75c20}.format strong{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.format small{font-size:10px;color:var(--muted)}#format-description{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions button{border:1px solid var(--line);background:white;padding:12px 16px;border-radius:3px;font-size:12px;cursor:pointer}.actions .primary{background:#282828;color:white;border-color:#282828}.actions button:hover{border-color:var(--orange)}.actions button:disabled{opacity:.5;cursor:wait}.instructions{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.instructions ol{padding-left:18px;margin:8px 0}.instructions a{color:#a14a00}.instructions b{color:#534c46}.instructions p{margin:8px 0}#status{font-size:12px;color:#91501b;min-height:16px}#source-panel{margin-top:18px}#source{font:11px monospace;min-height:130px}footer{padding:30px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8b8177}@media(max-width:1050px){.workspace{grid-template-columns:290px minmax(0,1fr)}.stage{padding:15px}.details{padding:20px}.intro-copy{margin-right:0}.preview-footer{flex-wrap:wrap}.right-note{margin-left:0;width:100%}}@media(max-width:780px){header{padding:22px 6%}main{padding:0 6%}.intro{padding:32px 0;display:block}h1{font-size:47px}.intro-copy{margin-top:20px;font-size:12px}.workspace{grid-template-columns:1fr}.stage{padding:12px}.export{padding:20px}.preview>.section-title{padding:20px 20px 0}.format{padding:10px}.format strong{font-size:11px}.format small{font-size:9px}.preview-footer{padding:12px 20px}.mail-body{padding:16px 10px}.section-title h2{font-size:15px}.view-switch button{padding:6px}footer{gap:20px;line-height:1.6}.header-label{font-size:8px;letter-spacing:1px}}