.cp-designer {
:root{--navy:#142e50;--green:#5c8631;--muted:#687a8b}*{box-sizing:border-box}body{margin:0;color:var(--navy);font:17px/1.6 Arial,sans-serif;background:#fcfdfb}button,input{font:inherit}button,a,label.upload{cursor:pointer}a{color:inherit;text-decoration:none}.top{background:var(--navy);color:white;text-align:center;padding:7px;font-size:13px;letter-spacing:.5px}.contact,.primary{background:var(--navy);color:white;padding:12px 20px;border-radius:7px;font-weight:bold;font-size:14px}main{max-width:1200px;margin:auto;padding:0 30px}.intro{padding:58px 0 35px;position:relative}.eyebrow{color:var(--green);font-weight:bold;font-size:12px;letter-spacing:2px}h1{font-size:57px;line-height:1.08;letter-spacing:-2.5px;margin:17px 0 23px}h1 em{font-style:normal;color:var(--green)}.intro>p:not(.eyebrow){color:var(--muted);font-size:18px}.local{display:inline-block;border:1px solid #d5e2ce;padding:6px 12px;border-radius:30px;font-size:10px;letter-spacing:1px;color:var(--green)}.studio{display:grid;grid-template-columns:360px 1fr;border:1px solid #dbe4db;border-radius:20px;overflow:hidden;box-shadow:0 20px 70px #18304809}aside{background:white;padding:30px}.step{display:flex;align-items:center;gap:12px;margin-bottom:15px}.step b{background:#edf3e7;color:var(--green);padding:5px 10px;border-radius:50%;font-size:12px}h2{font-size:22px;margin:0;letter-spacing:-.5px}.sizes{display:flex;gap:10px;margin-bottom:28px}.sizes button{background:white;border:1px solid #d5dfd1;border-radius:10px;flex:1;padding:13px 8px;font-size:30px;font-weight:bold;color:var(--navy)}.sizes small{font-size:14px}.sizes span{display:block;font-size:10px;font-weight:normal}.sizes button.active{border:2px solid var(--green);background:#f3f8ee}.upload{display:grid;text-align:center;padding:20px 8px;background:#f6f9f2;border:1px dashed #9bb687;border-radius:10px}.upload strong{font-size:15px}.upload span{color:var(--muted);font-size:11px}#status{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}.colors{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:15px 0}.colors label{display:flex;align-items:center;gap:8px}input[type=color]{width:35px;height:30px;border:0;padding:0;background:none}.colors button,.reset{border:0;background:none;text-decoration:underline;color:var(--muted);font-size:12px}.range{display:block;font-size:12px;font-weight:bold;margin:13px 0}.range input{display:block;width:100%;accent-color:var(--green);margin-top:8px}.preview{background:radial-gradient(ellipse at 70% 20%,#eaf0df,transparent 65%),#eef3f3;padding:23px 28px;text-align:center;min-width:0}.preview-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#74857c}canvas{width:100%;height:auto;max-height:490px;object-fit:contain;touch-action:none;cursor:grab}.hint{font-size:12px;color:var(--muted);margin:0}.rotation{display:flex;align-items:center;gap:15px;font-size:12px;max-width:350px;margin:18px auto}.rotation input{flex:1;accent-color:var(--green);min-width:0}.views{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.views button{background:#ffffffaa;border:1px solid #d2ddd4;border-radius:6px;padding:8px 14px;font-size:12px;color:var(--navy)}.views #download{background:var(--navy);color:white}.disclaimer{font-size:11px;color:var(--muted);max-width:430px;margin:18px auto 0}.below{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px 0}.below h2{font-size:34px;line-height:1.2}.below p{font-size:15px;color:var(--muted)}.primary{display:inline-block;margin:15px 0}.note{font-size:11px!important}.templates{border:1px solid #dbe4db;border-radius:14px;padding:28px;background:white}.templates h3{margin:0;font-size:22px}.templates a{display:block;padding:12px 0;border-bottom:1px solid #dbe4db;font-size:14px;font-weight:bold}.templates small{display:block;font-size:11px;color:var(--muted);margin:9px 0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9fbe80;outline-offset:3px}@media(max-width:800px){.contact{display:none}main{padding:0 20px}h1{font-size:44px}.studio{grid-template-columns:1fr}aside{padding:23px}.preview{padding:20px}.below{grid-template-columns:1fr;gap:30px;padding:45px 0}.intro{padding-top:35px}}

.header nav{display:flex}.header-inner{width:min(1200px,calc(100% - 48px))}.footer-top{width:min(1200px,calc(100% - 48px))}.header .logo img{width:200px}main{padding-bottom:0}.intro h1{font-family:var(--heading)}.topbar .container{width:min(1200px,calc(100% - 48px))}.preview canvas{margin:auto}@media(max-width:620px){.header nav{display:none}.header nav.open{display:flex}.header .logo img{width:164px}}

[hidden]{display:none!important}


.fit-options{display:flex;gap:8px;margin-top:12px}.fit-options button{flex:1;border:1px solid #b9ceaa;background:#f3f8ee;border-radius:6px;color:#142e50;font-size:12px;padding:9px}.fit-note{font-size:11px;color:#687a8b;line-height:1.5;margin:8px 0}

.print-info{padding:15px 0 70px}.print-info>h2{font-size:34px;margin-bottom:28px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid article{padding:24px;border:1px solid #dbe4db;border-radius:12px;background:white}.guide-grid h3{font-size:18px}.guide-grid p,.print-info details p{font-size:14px;color:#687a8b}.terms-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:50px 0 20px}.terms-heading h2{font-size:30px}.draft-label{font-size:12px;color:#687a8b}@media(max-width:800px){.guide-grid{grid-template-columns:1fr}.terms-heading{display:block}}


.fab-panel{border-top:1px solid #d3dfd1;margin-top:25px;padding-top:18px}.fab-panel h3{font-size:16px;margin:0}.fab-panel p{font-size:11px;color:#687a8b}.fab-panel canvas{max-height:240px;cursor:default}

.quote-section{max-width:1240px;margin:72px auto;padding:44px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;background:#f5f7f0;border-radius:24px}.quote-intro h2{font-size:42px;line-height:1.13}.quote-intro p,.quote-intro li{font-size:18px;line-height:1.7}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}#quote-form label{display:block;font-weight:600;margin-bottom:18px}#quote-form input:not([type=checkbox]),#quote-form select,#quote-form textarea{width:100%;padding:13px;border:1px solid #b7c1bd;border-radius:8px;background:white;color:#142e50;font:inherit;margin-top:7px}#quote-form small{display:block;font-weight:400;font-size:14px;margin-top:6px}.quote-consent{display:flex!important;gap:10px;font-size:14px;line-height:1.5}.quote-consent input{flex-shrink:0;width:18px;height:18px}.quote-trap{position:absolute;left:-9999px}#quote-status{font-size:15px;line-height:1.5;margin-top:16px}.save-design{max-width:1240px;margin:20px auto;padding:0 24px;display:flex;align-items:center;flex-wrap:wrap;gap:14px}.save-design button,.save-design label{border:1px solid #bbc5bf;border-radius:8px;padding:12px 20px;background:white;color:#142e50;cursor:pointer;font:inherit}.save-design p{font-size:14px;width:100%}.seo-print>p{font-size:19px;line-height:1.7}.seo-print h2{margin-top:25px}@media(max-width:760px){.quote-section{grid-template-columns:1fr;margin:35px 15px;padding:24px;gap:20px}.quote-fields{grid-template-columns:1fr}.quote-intro h2{font-size:32px}}

}