:root{--green:#28451f;--deep:#132313;--gold:#d4a45f;--cream:#f4f1e8;--ink:#172116;--line:#d9d9d1}*{box-sizing:border-box}body{margin:0;background:#f2f1eb;color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#162715;color:white;border-bottom:1px solid #395034}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.brand img{width:44px;height:49px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Oswald;font-size:24px;letter-spacing:2px}.brand small{text-transform:uppercase;color:#b9c4b6;font-size:9px;letter-spacing:2.8px;margin-top:5px}.status{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#cbd2c8}.status span{display:inline-block;width:7px;height:7px;background:#83bd66;border-radius:50%;box-shadow:0 0 0 4px #83bd6620;margin-right:8px}main{max-width:1240px;margin:auto;padding:64px 24px 84px}.intro{max-width:720px;margin-bottom:44px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.4px;color:#5e7555;margin:0 0 18px}.intro h1{font:600 clamp(43px,5vw,68px)/.98 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-1.2px;margin:0}.intro h1 em{font-style:normal;color:#ad7941}.lede{max-width:610px;font-size:17px;color:#657061;line-height:1.6;margin:22px 0 0}.workspace{display:grid;grid-template-columns:430px 1fr;border:1px solid #d6d8d0;background:white;box-shadow:0 18px 60px #26302112}.editor,.preview-panel{padding:30px}.editor{border-right:1px solid #ddd}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-heading h2{font:600 20px Oswald;margin:0;text-transform:uppercase;letter-spacing:.5px}.step{display:grid;place-items:center;width:32px;height:32px;border:1px solid #b7c1b2;color:#48623e;font:600 12px Oswald}.clear-btn{background:none;border:0;color:#7a8177;font:500 12px DM Sans;cursor:pointer;text-decoration:underline;text-underline-offset:3px}label{display:block;margin-bottom:18px}label>span,.field-label,legend{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;margin-bottom:8px;color:#42503d}label>span i{float:right;color:#a1a69e;font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}input,select{width:100%;height:45px;border:1px solid #d6d8d1;background:#fafaf7;border-radius:2px;padding:0 13px;font:500 14px DM Sans;color:#253121;outline:none;transition:.2s}input:focus,select:focus{border-color:#6d8464;box-shadow:0 0 0 3px #42643a12;background:white}.name-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.name-grid label span{font-size:9px;color:#92968e}.name-grid label{margin-bottom:18px}fieldset{border:0;padding:0;margin:2px 0 0}.locations{display:grid;grid-template-columns:1fr 1fr;gap:8px}.locations label{display:flex;align-items:center;gap:10px;min-height:58px;border:1px solid #d8dad3;padding:10px;margin:0;cursor:pointer;transition:.2s}.locations label.selected{border-color:#507044;background:#f3f7f0}.locations input{display:none}.locations .radio{width:14px;height:14px;min-width:14px;border:1px solid #929a8d;border-radius:50%;margin:0}.locations .selected .radio{border:4px solid #436039}.locations b,.locations small{display:block}.locations b{font-size:11px;line-height:1.2}.locations small{font-size:9px;color:#888f84;margin-top:3px}.preview-panel{background:#f8f8f4;min-width:0}.live{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#667063}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ca451;margin-right:5px}.canvas-shell{display:grid;place-items:center;min-height:420px;padding:35px;background-color:#e5e5df;background-image:linear-gradient(45deg,#dcdcd5 25%,transparent 25%),linear-gradient(-45deg,#dcdcd5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dcdcd5 75%),linear-gradient(-45deg,transparent 75%,#dcdcd5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}canvas{width:100%;height:auto;display:block;box-shadow:0 16px 35px #14201130}.download-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:16px}.download-row div{display:flex;flex-direction:column}.download-row b{font-size:13px}.download-row div span{font-size:10px;color:#8c9189;margin-top:4px}.download-row button{border:0;background:#294720;color:white;padding:14px 18px;font:600 12px DM Sans;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:.2s;box-shadow:0 5px 12px #29472025}.download-row button:hover{background:#1d3517;transform:translateY(-1px)}.download-row button span{font-size:17px;margin-right:6px}.tip{font-size:11px;color:#767c73;border-top:1px solid #ddd;padding-top:16px;margin:20px 0 0}.tip code{background:#e8e9e3;padding:2px 4px}footer{background:#162715;color:#879486;padding:26px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}footer span{color:#c7d0c4;font-family:Oswald}footer p{margin:0}@media(max-width:950px){.workspace{grid-template-columns:1fr}.editor{border-right:0;border-bottom:1px solid #ddd}.canvas-shell{min-height:0}.preview-panel{padding:30px}}@media(max-width:600px){main{padding:40px 14px 60px}.topbar{padding:0 16px}.status{display:none}.intro h1{font-size:42px}.workspace{border-left:0;border-right:0}.editor,.preview-panel{padding:22px 16px}.name-grid{grid-template-columns:1fr}.name-grid label{margin-bottom:4px}.locations{grid-template-columns:1fr}.canvas-shell{padding:12px}.download-row{align-items:stretch;flex-direction:column}.download-row button{width:100%}footer{flex-direction:column;gap:8px}}