.catalog-template-panel{padding:20px 22px;border-top:1px solid #dde2e7}.catalog-template-panel h2{font-size:14px;margin:0 0 7px;font-weight:600}.catalog-template-panel>p{font-size:10px;color:#71808b;line-height:1.7;margin:0 0 14px}.catalog-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.catalog-template-grid button{display:flex;align-items:center;flex-direction:column;background:#f8fafb;color:#596774;border:1px solid #d6dee5;border-radius:3px;padding:9px 3px;min-width:0;gap:5px}.catalog-template-grid button svg{width:57px;height:57px;color:#687985}.catalog-template-grid strong{font-size:9px;line-height:1.3;text-align:center;font-weight:600;min-height:24px;display:flex;align-items:center}.catalog-template-grid small{font-size:8px;color:#8b959f}.catalog-template-grid button:hover,.catalog-template-grid button.selected{border-color:#b52c28;background:#f8f0ef;color:#9c2c27}.catalog-template-grid .selected svg{color:#9c2c27}.builder-body .control-number{width:65px;min-width:0;min-height:30px;padding:5px 4px 5px 7px;background:#fff;border:1px solid #ccd6df;border-radius:3px;font-size:12px;color:#33424f;line-height:1.2;font-variant-numeric:tabular-nums}.control-unit{font-size:10px;min-width:14px;color:#70808d}.builder-body .range-label{align-items:center;gap:12px}.range-actions{display:flex;align-items:center;gap:5px}.sr-output{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.builder-body .range-label>label{font-size:11px;max-width:52%;line-height:1.35}.builder-body input[type=range]{height:22px;margin-top:7px}.advanced-controls{padding:14px 0;border-block:1px solid #dce2e8;margin-top:17px}.advanced-controls>summary{font-size:11px;cursor:pointer;font-weight:600;color:#465765;padding:2px 0}.builder-body .wave-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px}.builder-body .wave-presets button{font-size:10px;padding:9px 3px;background:#f7f9fa;border:1px solid #d0d9e1;border-radius:3px;color:#52616f}.text-reset{border:0;background:none;padding:11px 0 0;font-size:10px;color:#a33028}.center-controls{margin-top:22px;border-top:1px solid #dce2e8;padding-top:18px}.center-controls h3{font-size:12px;margin:0 0 12px}.center-controls .segmented button{font-size:11px}.center-controls .segmented .active{background:#344756;color:#fff}.builder-tabs>nav{flex-wrap:wrap;column-gap:20px}.builder-tabs .nav{white-space:nowrap}.builder-body #project-status{display:block;font-size:9px;line-height:1.5;overflow-wrap:anywhere;max-width:380px}.cloud-label{display:block;font-size:12px}.cloud-label .modal-field{margin-top:9px}.share-choice{display:flex;gap:9px;align-items:center;font-size:12px;margin-top:18px}.share-choice input{accent-color:#a62b25;width:17px;height:17px}.small-note{font-size:10px;color:#75818c;line-height:1.7;margin:10px 0 17px}#cloud-save-error,#cloud-list-error{font-size:12px;color:#a52a25}.builder-body #modal{width:min(720px,calc(100% - 30px));max-width:720px}.cloud-saved-item{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #d6dee5;padding:18px 0}.cloud-saved-item strong{display:block;font-size:13px}.cloud-saved-item small{display:block;font-size:10px;color:#77848f;margin-top:5px;line-height:1.7;overflow-wrap:anywhere}.cloud-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cloud-actions button{font-size:10px;padding:7px 10px;background:#fff;border:1px solid #ccd6df;color:#42525f;border-radius:3px;white-space:nowrap}.customer-templates{min-height:55vh}.template-page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:25px 0}.template-page-heading h2{font-size:25px;margin:0 0 8px}.template-page-heading p{font-size:12px;color:#74808c;margin:0}.customer-templates>input{padding:12px 14px;background:#fff;border:1px solid #cbd6e0;border-radius:3px;width:min(440px,100%);font-size:14px;color:#344756}.customer-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:23px 0}.customer-template-card{border:1px solid #d1dbe4;background:#fff;border-radius:4px;overflow:hidden}.customer-template-card>img{width:100%;aspect-ratio:1;background:#edf1f4;padding:23px}.customer-template-card>div{padding:17px}.customer-template-card h3{font-size:14px;margin:0 0 8px;overflow-wrap:anywhere}.customer-template-card p{font-size:11px;color:#71808c}.customer-template-card small{font-size:9px;color:#89939b;display:block;overflow-wrap:anywhere}.customer-template-card button{margin-top:17px;width:100%;font-size:11px}.template-empty{padding:35px 22px;border:1px dashed #c9d3dc;border-radius:3px;background:#f9fafb;line-height:1.8;font-size:12px;color:#6e7f8d;margin:24px 0}.fitment-note a{text-decoration:underline}
@media(max-width:900px){.customer-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-template-grid button svg{width:70px;height:70px}.catalog-template-grid strong{font-size:11px;min-height:15px}.catalog-template-grid small{font-size:9px}.builder-body .range-label>label{font-size:12px}}
@media(max-width:600px){.catalog-template-panel{padding:18px 16px}.catalog-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.catalog-template-grid button{padding:8px 2px}.catalog-template-grid button svg{width:47px;height:47px}.catalog-template-grid strong{font-size:8px;min-height:25px}.catalog-template-grid small{font-size:7px}.builder-body .control-number{width:62px;font-size:16px;min-height:37px}.builder-body .range-label>label{font-size:11px;max-width:46%}.builder-body .range-actions{gap:4px}.builder-body .slider-reset{font-size:8px;padding:7px 2px}.builder-tabs>nav{gap:0 17px;flex-wrap:wrap}.builder-tabs .nav{font-size:10px;padding:10px 0}.cloud-saved-item{align-items:flex-start;flex-direction:column;gap:12px}.cloud-actions{justify-content:flex-start}.customer-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.customer-template-card>img{padding:13px}.customer-template-card>div{padding:12px}.customer-template-card h3{font-size:12px}.customer-template-card p{font-size:10px}.customer-template-card button{font-size:10px;padding:9px 5px}.template-page-heading{align-items:flex-start}.template-page-heading h2{font-size:22px}.template-page-heading p{font-size:11px}.template-page-heading>button{font-size:10px;white-space:nowrap}.customer-templates>input{font-size:16px}}