.dimension-template-picker{margin:22px 0;padding:24px;border:1px solid #d9e1df;border-radius:18px;background:linear-gradient(130deg,#f6f8f4,#f6f9fa);color:#243e43}.dimension-template-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dimension-template-kicker{font-size:10px;letter-spacing:.2em;color:#8c704b;font-weight:700}.dimension-template-heading h3{font-size:24px;margin:8px 0}.dimension-template-heading p,.dimension-template-current p{font-size:13px;line-height:1.65;color:#607279;margin:4px 0}.dimension-template-count{white-space:nowrap;border:1px solid #d3ddd7;border-radius:20px;padding:6px 10px;font-size:11px}.dimension-template-current{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-radius:12px;padding:16px;margin-top:20px}.dimension-template-current>button{flex-shrink:0}.dimension-template-current b{font-size:14px}.dimension-template-needs{display:flex;gap:12px;font-size:12px;line-height:1.7;padding:14px 4px}.dimension-template-needs b{flex-shrink:0;color:#77603e}.dimension-template-warning{background:#fff4dc;color:#765619;border-radius:9px;padding:10px 14px;font-size:12px}.dimension-template-warning p{margin:4px 0}.dimension-template-filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 12px}.dimension-template-filters button{border:1px solid #dbe3df;background:transparent;border-radius:20px;padding:7px 12px;font-size:12px;color:#52686c;cursor:pointer}.dimension-template-filters button[aria-pressed=true]{background:#254e56;border-color:#254e56;color:#fff}.dimension-template-auto{display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;padding:14px 18px;background:#fff;border:1px dashed #aec4bd;border-radius:12px;color:#254e56;cursor:pointer}.dimension-template-auto.selected{border:2px solid #2f6d69}.dimension-template-auto span{font-size:12px;color:#637678}.dimension-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.dimension-template-card{border:1px solid #dde4de;border-radius:13px;overflow:hidden;background:#fff}.dimension-template-card.selected{border:2px solid #2f6d69;box-shadow:0 4px 14px #244d4910}.dimension-template-image{display:block;position:relative;width:100%;padding:0;border:0;background:#e8e7e0;cursor:zoom-in}.dimension-template-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.dimension-template-image>span{position:absolute;left:10px;top:10px;border-radius:5px;background:#ffffffed;padding:4px 7px;font-size:11px;letter-spacing:.08em;color:#274c53}.dimension-template-image em{position:absolute;bottom:8px;left:8px;background:#fdfdf4f0;color:#5f6843;padding:4px 6px;font-size:10px;font-style:normal;border-radius:4px}.dimension-template-card-body{padding:12px}.dimension-template-card-body h4{font-size:13px;margin:0 0 6px;color:#25454a}.dimension-template-card-body p{font-size:11px;color:#6b7c7f;line-height:1.7;min-height:38px;margin:0 0 12px}.dimension-template-card-body button{width:100%;font-size:12px}.dimension-template-disclaimer{font-size:11px;line-height:1.8;color:#6e7c7b;margin:16px 0 0}.dimension-template-modal{position:fixed;inset:0;z-index:1200;background:#101e22c9;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.dimension-template-modal>div{position:relative;max-width:650px;width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:18px}.dimension-template-modal img{display:block;width:100%;max-height:65vh;object-fit:contain;border-radius:9px}.dimension-template-modal h3{font-size:18px;margin:18px 0 8px}.dimension-template-modal p{font-size:13px;line-height:1.7;color:#647279}.dimension-template-close{position:absolute;right:26px;top:26px;z-index:1;border:0;border-radius:50%;width:34px;height:34px;background:#fff;color:#23474e;font-size:24px;cursor:pointer;box-shadow:0 2px 8px #0002}.dimension-template-picker.compact{padding:16px}.dimension-template-picker.compact .dimension-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.dimension-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.dimension-template-picker{padding:14px}.dimension-template-heading{flex-direction:column;gap:5px}.dimension-template-heading h3{font-size:22px}.dimension-template-current{align-items:stretch;flex-direction:column;gap:10px}.dimension-template-needs{flex-direction:column;gap:3px}.dimension-template-grid,.dimension-template-picker.compact .dimension-template-grid{gap:10px;grid-template-columns:1fr}.dimension-template-card-body{padding:9px}.dimension-template-card-body p{min-height:58px}.dimension-template-modal{padding:10px}.dimension-template-count{font-size:10px}}