.range-section{padding:30px 0 45px}.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.range-grid article{padding:28px;background:#f4ecd9;border:1px solid #e0d5bd;border-radius:20px;display:flex;flex-direction:column}.range-grid article:nth-child(2){background:#e9efdf}.range-grid article:nth-child(3){background:#f6e1d5}.range-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;margin-bottom:20px}.range-grid h3{font-size:1.5rem}.range-grid p{font-size:.9rem;margin:0 0 16px}.range-grid strong{font-size:1.7rem;margin-top:auto}.range-grid small{color:var(--muted);font-size:.75rem;margin:8px 0 20px}.range-foot{font-size:.9rem}.range-foot a,.frame-request a{text-decoration:underline}.frame-request{font-size:.85rem}.format-field legend{font-size:1rem}.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.format-grid label{position:relative;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:#fffdf8;display:flex;flex-direction:column;gap:6px;cursor:pointer;font-size:.78rem;margin:0}.format-grid input{width:16px;position:absolute;right:8px;top:8px;accent-color:var(--ink)}.format-grid label:has(input:checked){border:2px solid var(--ink);padding:11px 9px;background:#f1edda}.format-grid small{line-height:1.45;font-size:.7rem;font-weight:400}.format-grid b{margin-top:auto;font-size:.82rem}.format-icon{width:32px;height:32px;border:2px solid #436447;display:grid;place-items:center;margin-bottom:5px;color:#98533d;background:#faefd8}.format-icon.mini{width:23px;height:23px;margin-top:9px}.format-icon.rectangle{width:25px}.format-icon.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#ead29d}.format-icon.xl{width:36px;height:36px}.variant-field{margin:22px 0 16px}.variant-field select{font-size:.85rem}.variant-total{display:flex;justify-content:space-between;align-items:center;background:#f3e2ba;padding:15px;border-radius:12px;margin:20px 0 28px}.variant-total small{display:block;font-size:.72rem;margin-top:4px}.variant-total strong{font-size:1.6rem}.designer>.design-preview{align-self:start;position:sticky;top:20px}.tile.rendered{aspect-ratio:var(--tile-ratio,1)!important}.tile.rendered[data-shape=hexagon]{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.preview-stage:not(.interior) .tile{height:auto}.preview-stage .tile[data-shape=rectangle]{width:75%}.preview-stage .tile[data-shape=mini]{width:50%}.preview-stage.measure:after{content:attr(data-measure)}.preview-controls button:disabled{opacity:.5;cursor:not-allowed}.tile.rendered img{width:var(--print-width,104%)!important;height:var(--print-height,104%)!important;left:var(--print-left,-2%);top:var(--print-top,-2%)}
@media(max-width:1000px){.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.range-grid article{padding:22px}}
@media(max-width:700px){.range-grid{grid-template-columns:1fr}.range-grid article{padding:25px}.range-section{padding-top:10px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer>.design-preview{position:static}.variant-field select{font-size:.8rem}.format-grid label{padding:14px}.format-grid label:has(input:checked){padding:13px}}