.v4Box{padding:12px;border:1px solid #dce0d5;border-radius:9px;margin:14px 0}.v4Box summary{font-size:12px;font-weight:600;cursor:pointer}.v4Box input[type=checkbox]{width:17px;height:17px;accent-color:#385440}.v4Box output{float:right;color:#687763}.layerPanel{margin-top:20px;border-top:1px solid #d8decf;padding-top:15px}.layerTitle{display:flex;align-items:center;justify-content:space-between}.layerTitle h3{font:24px Georgia;margin:0}.layerTitle>span{background:#e7edde;padding:3px 8px;border-radius:20px;font-size:10px}.addLayers{display:flex;gap:5px;margin:15px 0}.addLayers button{flex:1;background:#334e40;color:#fff;border:0;border-radius:6px;padding:10px 3px;font-size:11px}.emptyLayers{padding:20px;text-align:center;font-size:12px;background:#f6f7f1;border:1px dashed #d2d9c9;border-radius:8px;line-height:1.8;color:#7b8375}.layerRow{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid #dbe0d2;border-radius:7px;background:#fafbf7;text-align:left;margin-bottom:6px}.layerRow[aria-pressed=true]{border-color:#3c7b98;background:#edf5f6;box-shadow:inset 3px 0 #3c7b98}.layerRow b{font-size:11px;display:block}.layerRow small{font-size:9px;color:#737f70}.layerRow>span:last-child{margin-left:auto;color:#718b8b}.layerDot{width:18px;height:18px;flex:none;border:1px solid #cdd3c5;border-radius:50%}#layerEditor{border:1px solid #cfdbd5;background:#f9fbf6;border-radius:9px;padding:13px;margin:12px 0}.rangeGrid{display:grid;grid-template-columns:1fr 1fr;gap:1px 13px}.rangeGrid label{font-size:10px}.rangeGrid output{float:right;color:#778c77}.layerActions{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.layerActions button,.draftBar button{background:#fff;border:1px solid #c7d1bf;border-radius:5px;padding:7px 9px;font-size:10px;color:#3a523d}.draftBar{margin:0 3% 17px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.draftBar span{font-size:11px;color:#587650}.canvasTip{padding:8px 16px;text-align:center;font-size:10px;letter-spacing:.2px;background:#edf0e6;color:#75816c}.selectedDetail{filter:drop-shadow(0 0 1px #55b6d4)}#undoLayer{font-size:11px;margin:12px 0;width:100%}.layerPanel .grid2{gap:8px}#layerEditor select{font-size:11px;padding:8px 4px}.moduleSummary{text-transform:none!important}.layerRow span{pointer-events:none}@media(max-width:720px){.draftBar{margin:0 5% 16px}.canvasTip{padding:4px;font-size:9px}.layerPanel .grid2{grid-template-columns:1fr 1fr}.previewfooter{padding:4px 10px}}

/* Readable receipts and touch-friendly editing. */
.enquiryReceipt{margin-top:20px;padding:20px;border:1px solid #9cb7a5;border-radius:12px;background:#edf5ef;outline-offset:3px}.enquiryReceipt[hidden]{display:none}.enquiryReceipt h3{margin:0 0 10px;font-size:20px}.enquiryReceipt p{font-size:14px;line-height:1.65}.receiptReference{overflow-wrap:anywhere;font-family:monospace;background:#fff;padding:12px;border-radius:6px}.receiptContact{display:block;text-align:center;padding:12px;color:#234c37;text-underline-offset:3px}.nudgeControls{display:flex;gap:8px;margin:14px 0}.nudgeControls button{flex:1;min-height:44px;border:1px solid #bacbbc;background:white;border-radius:6px;font-size:20px;color:#304d41}#moveDetails[aria-pressed=true]{background:#304d41;color:white}.previewfooter{flex-wrap:wrap}.hint{color:#66715f}.canvasTip{color:#56634e}
@media(max-width:720px){
button,.quiet,.seg button,.draftBar button,.moduleTabs button,.layerActions button{min-height:44px}.dialogtop button{min-width:44px;min-height:44px}input[type=text],input[type=email],input[type=number],select,textarea,#layerEditor select{font-size:16px}input[type=range]{min-height:36px}.previewbar{flex-wrap:wrap;gap:6px}.previewbar>span{display:none}.seg{width:100%;justify-content:space-between}.seg button{flex:1;font-size:12px}.previewfooter{justify-content:space-between;gap:6px}.previewfooter .quiet{font-size:11px}.art{max-height:28vh}.canvasTip{font-size:10px;padding:6px}.moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.moduleGrid svg{height:110px}.moduleGrid span{font-size:12px}.studioSteps button{flex-direction:column;justify-content:center;flex:1;font-size:11px}.layerActions button{font-size:12px}.addLayers button{font-size:12px}.summary{overflow-wrap:anywhere}dialog{padding:18px;max-height:92dvh}.enquiryReceipt{padding:15px}.controls{scroll-margin-top:390px}
}