*{box-sizing:border-box}body{margin:0;background:#fafaf7;color:#242424;font-family:Jost,Arial,sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91a951;outline-offset:3px}button{border-radius:4px}h1,h2,h3{font-family:Trirong,Georgia,serif;font-weight:400}h1{font-size:34px;line-height:1.2;margin:8px 0 10px}h2{font-size:23px;line-height:1.3;margin:4px 0 12px}h3{font-size:18px;margin:4px 0 12px}p{line-height:1.55;margin:8px 0 14px}.masthead{height:100px;background:white;border-bottom:1px solid #e3e5dc;display:flex;align-items:center;gap:24px;padding:20px max(28px,calc((100vw - 1280px)/2))}.masthead img{object-fit:contain;height:auto;width:170px}.masthead>span{font-size:13px;color:#6b7065}.masthead .preview{margin-left:auto;font-size:10px;letter-spacing:.1em;background:#f0f2e9;padding:7px 10px;border-radius:3px;color:#4c5c36}.config{max-width:1280px;padding:36px 28px 24px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.intro p{color:#777a71}.eyebrow{font-size:10px;letter-spacing:.2em;color:#66794a;font-weight:600}.prototype-note{font-size:12px;color:#666d5a;background:#eff2e8;border-left:3px solid #90a84d;padding:11px 15px;margin:12px 0 24px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px}.step{border:0;border-bottom:2px solid #dfe4d7;background:none;color:#7b8173;padding:12px 4px;display:flex;align-items:center;gap:9px;text-align:left}.step b{display:flex;align-items:center;justify-content:center;border:1px solid #c9d2bc;border-radius:50%;width:28px;height:28px;font-weight:500;flex-shrink:0}.step[aria-current=step]{border-color:#536341;color:#354329}.step[aria-current=step] b{background:#536341;color:white;border-color:#536341}.workspace{display:grid;grid-template-columns:minmax(330px, .85fr) minmax(0,1.4fr);gap:28px;align-items:start}.editor{background:white;border:1px solid #e1e5da;border-radius:7px;padding:26px;min-height:550px}.preview-panel{position:sticky;top:20px;background:#f1f2ec;border:1px solid #e0e4d7;border-radius:7px;overflow:hidden}.canvas-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:11px;letter-spacing:.12em;color:#647056}.canvas-top label{display:flex;gap:7px;align-items:center;letter-spacing:0;font-size:12px}.stage{padding:0 14px;background:radial-gradient(ellipse at center,#fafbf7,#edf0e6)}#wall{width:100%;max-height:440px;display:block;touch-action:none;user-select:none}.canvas-hint{font-size:11px;color:#758067;padding:12px 22px;min-height:42px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce1d2;padding:18px 22px;gap:12px}.metrics small{font-size:11px;display:block;color:#6d7562}.metrics strong{font-size:19px;font-weight:500}.budget{background:#536341;color:white;display:flex;align-items:center;justify-content:space-between;padding:20px 24px}.budget span{font-size:12px;display:block;opacity:.85}.budget strong{display:block;font-family:Trirong,serif;font-size:28px;font-weight:400}.budget small{font-size:12px;color:#e0e8d5}.budget .leaf-mark{font-size:60px;color:#c6d69e}.budget-note{font-size:11px;color:#757b6a;margin:0;padding:12px 22px;background:#f7f8f3}.field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.field>span,.field label,label.field{font-size:12px;color:#626b57}.field input,.field select,.field textarea,.saved input{border:1px solid #ccd3c2;background:#fff;border-radius:3px;padding:11px 12px;min-width:0;width:100%;color:#242424}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields .field{margin:7px 0}.help{font-size:12px;color:#737b68;line-height:1.5}.primary,.secondary,.chip{border:1px solid #536341;padding:11px 16px;line-height:1.3;background:#536341;color:white}.secondary{background:white;color:#475638;border-color:#c5cfb7}.chip{padding:8px 10px;font-size:12px;background:#f9faf6;color:#536341;border-color:#dbe2cf}.tools{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.navigation{border-top:1px solid #e8ebdf;margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;gap:12px}.note{border:1px solid #e6e9df;background:#f8f9f4;border-radius:4px;padding:12px;margin:16px 0;font-size:12px;color:#69735c}.items{display:grid;gap:8px;margin:14px 0;max-height:210px;overflow:auto}.item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e2e6d8;border-radius:4px;padding:9px}.item.selected{border-color:#798e54;background:#f1f5e9}.item button{background:none;border:none;color:#475638;padding:3px;text-align:left}.item small{font-size:11px;color:#747e68}.delete{font-size:18px}.selection{border-top:1px solid #e5e8dd;margin:16px 0 0;padding-top:16px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:275px;overflow:auto;margin:14px 0}.swatch{border:1px solid #dce3d2;background:white;padding:10px;text-align:left;display:flex;align-items:center;gap:10px;font-size:12px;border-radius:4px}.swatch.selected{border:2px solid #6e8546;padding:9px;background:#f7f9f1}.swatch i{width:34px;height:34px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 8px #0003;background:radial-gradient(circle at 35% 32%,#ffffff38 0 12%,transparent 14%),radial-gradient(circle at 65% 70%,#0003 0 15%,transparent 17%),var(--swatch)}.swatch small{display:block;color:#7c826f;font-size:10px}.progress{height:5px;background:#e4e8da;border-radius:4px;overflow:hidden}.progress>i{height:100%;display:block;background:#78914d}.notice{border:1px solid #c7d2b7;color:#52663c;background:#f1f5e9;padding:12px;border-radius:4px;margin-bottom:18px}#errors{color:#9c3c2c;font-size:12px;line-height:1.5}#errors:not(:empty){margin-top:16px;padding:12px;background:#fff4f0;border-left:3px solid #b75c45}dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:13px}dt{color:#6a735e}dd{margin:0;text-align:right}.summary-price{padding:14px;border:1px solid #dce4cf;border-radius:4px;margin:14px 0}.summary-price strong{display:block;font-family:Trirong,serif;font-size:25px}.footnote{text-align:center;font-size:11px;color:#818877;margin:30px 0 0;line-height:1.7}.saved{background:white;border:1px solid #dce3d2;padding:24px;margin:24px 0;border-radius:5px}.saved input{display:block;margin:10px 0}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;z-index:9}textarea{resize:vertical}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.plant-icon{font-size:29px}.form-result{font-size:12px;line-height:1.6}.request{margin-top:18px}.request textarea{min-height:160px}svg .movable{cursor:grab}svg .selected-shape{stroke:#c4e072;stroke-width:2.5;stroke-dasharray:6 4}svg text{font-family:Jost,Arial,sans-serif}
@media(max-width:850px){.workspace{grid-template-columns:1fr 1.1fr;gap:16px}.config{padding:25px 16px}.editor{padding:20px}.step{font-size:12px;gap:5px}.masthead{padding:18px}.masthead>span:not(.preview){display:none}h1{font-size:28px}.intro .secondary{font-size:12px;max-width:140px}.palette{grid-template-columns:1fr}.preview-panel{top:10px}.metrics{padding:14px;gap:7px}.metrics strong{font-size:16px}.budget{padding:16px}.budget strong{font-size:24px}}
@media(max-width:620px){.masthead{height:75px}.masthead img{width:135px}.masthead .preview{font-size:8px}.intro{align-items:start}h1{font-size:27px}.intro p{font-size:13px}.steps{gap:3px}.step{flex-direction:column;text-align:center;font-size:10px;line-height:1.2;gap:6px}.workspace{display:flex;flex-direction:column}.editor{width:100%;min-height:0}.preview-panel{position:static;width:100%;order:-1}#wall{max-height:270px}.canvas-top{padding:12px 16px}.canvas-hint{padding:8px 16px;min-height:0}.metrics{padding:10px 16px}.budget{padding:12px 16px}.budget strong{font-size:22px}.budget .leaf-mark{font-size:38px}.budget-note{padding:8px 16px}.palette{grid-template-columns:1fr 1fr}.prototype-note{font-size:10px;margin-bottom:14px}.saved{padding:16px}}
@media print{.masthead .preview,.steps,.navigation,.tools,#save,.prototype-note,.request,.saved{display:none}.workspace{display:block}.editor{border:0;min-height:0}.preview-panel{position:static;break-inside:avoid}.config{padding:10px}.footnote{margin:10px}.stage{max-height:400px}}
.natura-moss-preview #rps_sticky_widget,.natura-moss-preview #smile-lite-launcher-frame,.natura-moss-preview button.Teaser-pointer-kSCH8{display:none!important}
.swatch img{width:64px;height:64px;object-fit:cover;border-radius:4px;flex-shrink:0;background:#e9eddf}
.catalogue-status{font-size:12px;color:#536341;margin:12px 0}.availability{display:flex;gap:8px;font-size:12px;align-items:center;margin:12px 0}
.product-palette{display:grid;grid-template-columns:1fr;gap:12px;max-height:650px;overflow:auto;padding:2px}
.catalogue-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border:1px solid #e1e5da;border-radius:5px;padding:10px;background:white}
.catalogue-card>img{width:100px;height:140px;object-fit:contain;background:#f9faf6}.catalogue-card h3{font-family:Jost,sans-serif;font-size:14px;line-height:1.3;margin:3px 0}
.catalogue-card small{display:block;font-size:10px;color:#737b68}.catalogue-card a{display:block;font-size:11px;color:#536341;margin:6px 0}.catalogue-card .field{margin:8px 0}.catalogue-card select{font-size:11px;padding:6px}.catalogue-card .primary{font-size:12px;width:100%;padding:8px;margin-top:5px}
.catalogue-pages{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:16px 0;font-size:12px}.catalogue-pages button{font-size:11px;padding:8px}
.purchase-lines{margin:22px 0}.purchase-line{padding:12px 0;border-bottom:1px solid #e2e6db;display:grid;gap:3px;font-size:12px}.purchase-line small{font-size:11px;color:#78806d}.purchase-line b{color:#455b30}.stock-alert{color:#a63b25!important}
@media(max-width:480px){.catalogue-card{grid-template-columns:80px minmax(0,1fr)}.catalogue-card>img{width:80px;height:120px}.product-palette{max-height:530px}}

body.natura-moss-preview button[class*='Teaser-'],body.natura-moss-preview [data-testid*='teaser']{display:none!important}

.request-section{max-width:780px;padding:32px;margin:28px auto;background:#fff;border:1px solid #d7dccf}.request-section[hidden]{display:none}.request-section h2{font-family:Trirong,Georgia,serif;font-weight:400}.request-section textarea{width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid #cfd4c9}.request-section details{margin:16px 0}.request-section summary{cursor:pointer;margin-bottom:12px}.request-link{display:inline-block;text-decoration:none}.back-shop{font-size:13px;color:inherit}.request-section .notice{margin:16px 0}@media(max-width:600px){.request-section{padding:20px;margin:20px 0}}
/* Empty composition and precise placement */
#wall{height:auto;aspect-ratio:7/5}.moss-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.alignment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.alignment .chip{padding:7px 5px;font-size:11px}.swatch[aria-pressed="true"]{border-color:#6e8546}
