.product-studio{position:relative;width:100%;height:460px;min-width:0;border:1px solid #e0e1dd;border-radius:12px;overflow:hidden;background:#f3f3f0}.product-studio canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.product-studio canvas:active{cursor:grabbing}.product-studio .product-reset{position:absolute;right:12px;bottom:12px;background:#fff!important;color:#222!important;border:1px solid #ddd;padding:8px 12px;min-height:38px;font:inherit;font-size:13px;border-radius:6px}.panel-view [hidden],#product-colour-wrap[hidden],#colour-group[hidden]{display:none!important}@media(max-width:600px){.product-studio{height:340px}}
.product-size{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:#303234;padding:7px 10px;border:1px solid #dedfda;border-radius:6px;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.product-view-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.product-studio .product-view-tools .product-reset{position:static;min-width:40px;min-height:40px;cursor:pointer}.product-view-tools button:focus-visible,.product-studio canvas:focus-visible{outline:3px solid #087fae;outline-offset:-3px}.product-view-help{font-size:12px!important;color:#555!important;line-height:1.6;margin:9px 0 16px}.product-coating-note{display:block;color:#444;font-size:13px;line-height:1.6;margin:8px 0 16px}.product-coating-note[hidden]{display:none!important}#collection-form #product-reset{background:#fff;color:#222;border:1px solid #cbd4d8;border-radius:6px;min-height:40px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}#collection-form label{display:block;margin-bottom:14px}#collection-form input,#collection-form select,#collection-form textarea{width:100%;border:1px solid #cbd4d8;border-radius:7px;padding:12px;font:inherit;font-size:15px;background:#fff;color:#171717;min-height:46px}#collection-form fieldset{border:0;border-top:1px solid #e1e5e7;padding:22px 0;margin:0}#collection-form legend{font-size:17px;font-weight:700;padding-right:14px}#collection-form label>span{display:block;margin-bottom:7px;font-size:14px}#collection-form .panel-fields{gap:12px}.collection-product:hover{background:#f6f8f8}.collection-product:focus-visible{outline:3px solid #087fae;outline-offset:2px}@media(max-width:600px){.product-view-tools{right:8px;bottom:8px}.product-size{top:8px;left:8px;font-size:11px}.product-view-help{margin-bottom:12px}}
.pattern-library{border:1px solid #d3dadd;border-radius:8px;padding:14px;margin:18px 0;background:#fff}.pattern-library summary{cursor:pointer;font-weight:700;min-height:28px}.pattern-library input{width:100%;padding:10px;margin:12px 0;border:1px solid #ccd4d7;border-radius:6px;font:inherit}.pattern-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:370px;overflow:auto;overscroll-behavior:contain}.pattern-library-card{background:#fff;border:1px solid #d6dadd;border-radius:6px;padding:6px;cursor:pointer;min-width:0;color:#222;font:inherit}.pattern-library-card img{display:block;width:100%;height:94px;object-fit:contain}.pattern-library-card span{display:block;font-size:12px;margin-top:5px}.pattern-library-card[aria-pressed=true]{border:2px solid #087fae;background:#eaf5fa}.pattern-library-card[hidden]{display:none}.pattern-library p{font-size:12px;line-height:1.7;color:#555}.pattern-library button:focus-visible{outline:3px solid #087fae;outline-offset:-3px}@media(max-width:500px){.pattern-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#collection-form input[type=checkbox]{width:19px;height:19px;min-height:19px;padding:0;margin:0 10px 0 0;accent-color:#087fae}#collection-form label:has(input[type=checkbox]){display:flex;align-items:center;padding:12px 0}#collection-form label:has(input[type=checkbox]) span{margin:0}.pattern-original{border:1px solid #ccd4d7;background:#fff;color:#222;min-height:40px;border-radius:6px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}
.ral-picker{border:1px solid #cbd4d8;border-radius:7px;padding:12px;background:#fff}.ral-picker summary{cursor:pointer;font-size:14px;list-style:none}.ral-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.ral-grid button{padding:5px;border:1px solid #d5dadd;background:#fff;border-radius:5px;cursor:pointer;color:#222;min-width:0}.ral-grid button>span{display:block;height:27px;border:1px solid #c6c8c8;border-radius:3px}.ral-grid button small{display:block;font-size:11px;margin:3px 0!important}.ral-grid button[aria-pressed=true]{outline:2px solid #087fae}.product-more{border-top:1px solid #dce1e4;padding:16px 0}.product-more summary{cursor:pointer;font-size:14px;margin-bottom:12px}#product-colour[hidden]{display:none!important}.pattern-library-grid{max-height:280px}.panel-settings label:has(#panel-mirror){display:flex;gap:9px;align-items:center;padding-top:14px}.panel-settings #panel-mirror{width:19px;height:19px}.product-mirror{font-size:14px}
.product-gross{font-size:14px!important;color:#42484c!important;margin:8px 0 18px!important}.product-gross[hidden]{display:none!important}
.ac-view-switch{position:absolute;top:12px;right:12px;display:flex;gap:5px}.ac-view-switch[hidden]{display:none!important}.ac-view-switch button{background:#fff;border:1px solid #d3d9dc;color:#222;padding:7px 10px;border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.ac-view-switch button[aria-pressed=true]{background:#087fae;color:#fff;border-color:#087fae}@media(max-width:600px){.ac-view-switch{top:44px;right:8px}}
.product-guide{margin:0 0 28px;padding:22px 24px;background:#f7f8f7;border:1px solid #e0e4e2;border-radius:9px}.product-guide h2{font-size:21px;line-height:1.4;margin:0 0 8px}.product-guide>p{font-size:15px;line-height:1.7;margin:0 0 12px;max-width:80ch}.product-guide summary{font-size:14px;font-weight:600;cursor:pointer;padding:5px 0}.product-guide ul{padding-left:20px;margin:14px 0;font-size:14px;line-height:1.8}.product-guide li{margin:7px 0}.product-guide-note{font-size:13px!important;line-height:1.8;color:#51575a;max-width:90ch}@media(max-width:600px){.product-guide{padding:17px;margin-bottom:20px}.product-guide h2{font-size:19px}}

#collection-form label[hidden]{display:none!important}
#collection-form .ral-grid button,.panel-settings .ral-grid button{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;gap:5px!important;background:#fff!important;color:#26333b!important;border:1px solid #d3dde2!important;padding:7px!important;min-width:0!important;box-shadow:none!important;border-radius:6px!important}
#collection-form .ral-grid button>span,.panel-settings .ral-grid button>span{display:block!important;width:100%!important;min-width:0!important;height:32px!important;flex:none!important;margin:0!important;border:1px solid #9ca7ad;border-radius:3px}
#collection-form .ral-grid button small,.panel-settings .ral-grid button small{display:block!important;text-align:center!important;color:#26333b!important;margin:0!important;font-size:11px!important}#collection-form .ral-grid button[aria-pressed=true],.panel-settings .ral-grid button[aria-pressed=true]{outline:2px solid #087fae!important;outline-offset:1px}

.panel-settings .ral-picker{padding:14px;border:1px solid #dce4e8;border-radius:9px;background:#fff;margin-top:8px}.panel-settings .ral-picker summary{display:flex;align-items:center;gap:10px;min-height:34px;color:#23313b}.panel-settings .ral-picker summary::before{content:"";display:block;width:27px;height:22px;border:1px solid #aab5bc;border-radius:4px;background:var(--selected-ral,#ccc)}.panel-settings .ral-picker summary::after{content:"−";margin-left:auto;color:#657781;font-size:20px}.panel-settings .ral-picker:not([open]) summary::after{content:"+"}.panel-settings .ral-grid{gap:9px;margin-top:14px}.panel-settings .ral-grid button{transition:outline-color .15s,transform .15s}.panel-settings .ral-grid button:hover{transform:translateY(-2px)}.panel-settings .ral-grid button:focus-visible{outline:3px solid #087fae;outline-offset:2px}.panel-settings .ral-grid button[aria-pressed=true] small{font-weight:800!important}

/* Compact RAL palette, keeping a comfortable click target. */
.panel-settings .ral-picker{padding:10px 12px}.panel-settings .ral-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}#collection-form .ral-grid button,.panel-settings .ral-grid button{padding:5px!important;gap:3px!important;min-height:44px!important}#collection-form .ral-grid button>span,.panel-settings .ral-grid button>span{height:22px!important}#collection-form .ral-grid button small,.panel-settings .ral-grid button small{font-size:10px!important}.panel-settings .ral-picker summary{min-height:28px;font-size:13px}.panel-settings .ral-picker summary::before{width:22px;height:18px}@media(max-width:380px){.panel-settings .ral-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Pattern selection is a gallery, not a set of primary action buttons. */
html body .panel-settings .pattern-library-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow-x:hidden;max-height:360px;padding:3px;align-items:stretch}
html body .panel-settings .pattern-library-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;width:100%!important;padding:9px!important;background:#fafbfb!important;color:#26343c!important;border:1px solid #d7e1e5!important;border-radius:8px!important;box-shadow:none!important;white-space:normal!important}
html body .panel-settings .pattern-library-card img{display:block!important;width:100%!important;height:90px!important;object-fit:contain!important;margin:0!important;max-width:100%!important}
html body .panel-settings .pattern-library-card span{display:block!important;color:#26343c!important;text-align:center!important;font-size:12px!important;line-height:1.4!important;margin:0!important}
html body .panel-settings .pattern-library-card:hover{background:#f1f5f6!important;border-color:#9bafb9!important}html body .panel-settings .pattern-library-card[aria-pressed=true]{background:#eff8fb!important;border-color:#449fbf!important;box-shadow:inset 0 0 0 1px #449fbf!important}html body .panel-settings .pattern-library-card[hidden]{display:none!important}
html body .panel-links{margin-bottom:22px;padding:0;display:flex;align-items:center}html body .panel-links>[hidden]{display:none!important}.collection-breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:13px;color:#7a858d;min-height:34px}.collection-breadcrumb a{color:#53646e!important;text-decoration:none!important;font-weight:500!important;background:none!important;padding:4px 0!important;border:0!important;min-height:0!important;box-shadow:none!important}.collection-breadcrumb a:hover{color:#087fae!important;text-decoration:underline!important}.collection-breadcrumb [aria-current=page]{color:#253740;font-weight:600}@media(max-width:400px){html body .panel-settings .pattern-library-grid{gap:7px}html body .panel-settings .pattern-library-card{padding:6px!important}html body .panel-settings .pattern-library-card img{height:72px!important}}

html body #collection-export,html body #panel-dxf{display:none!important}

.pattern-library-more{margin-top:12px}
.pattern-library-more>summary{padding:8px 0}
html body .panel-settings .pattern-library-card[hidden],
html body #grill-custom-edges[hidden],
html body #collection-form fieldset[hidden]{display:none!important}
