.zone-header{padding:16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.zone-checkbox-group{display:flex;align-items:center;gap:12px;flex:1}.zone-enable-checkbox{width:18px;height:18px;accent-color:#667eea;cursor:pointer;transform:scale(1.2)}.zone-label{display:flex;flex-direction:column;gap:2px;cursor:pointer;flex:1}.zone-name{font-weight:700;color:#2d3748;font-size:16px}.zone-description{font-size:13px;color:#718096;font-style:italic}.zone-char-limit{background:#e2e8f0;color:#4a5568;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.engraving-zone.enabled .zone-char-limit{background:#48bb78;color:#fff}.engraving-zone.enabled .zone-name{color:#2d3748}.engraving-zone.enabled .zone-description{color:#38a169;font-weight:600}.zone-controls{padding:20px;background:#fff;border-top:1px solid #e2e8f0;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-weight:600;font-size:14px;color:#2d3748;display:flex;align-items:center;gap:4px}.input-group label:before{content:"\2022";color:#667eea;font-weight:900}.input-group input,.input-group select{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;background:#fff;transition:all .2s}.input-group input:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.char-counter{font-size:12px;color:#718096;display:flex;justify-content:space-between;align-items:center}.char-count{font-weight:600;color:#667eea}.zone-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.char-counter.near-limit .char-count{color:#f6ad55}.char-counter.at-limit .char-count{color:#e53e3e;font-weight:700}.engraving-zone[data-zone-id=zone1] .zone-char-limit{background:#fed7d7;color:#c53030}.engraving-zone[data-zone-id=zone1].enabled .zone-char-limit{background:#c53030;color:#fff}.engraving-zone.enabled{border-color:#48bb78;box-shadow:0 2px 8px #48bb7833;background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.engraving-zone.enabled:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#48bb78,#38a169)}.zone-enable-checkbox:checked{background:#667eea}.zone-enable-checkbox:hover{transform:scale(1.3);transition:transform .2s ease}.zone-enable-checkbox:focus{outline:2px solid #667eea;outline-offset:2px}.zone-label:hover .zone-name{color:#667eea}@media (max-width: 768px){.zone-header{flex-direction:column;align-items:flex-start;gap:8px}.zone-checkbox-group{width:100%}.zone-char-limit{align-self:flex-end}.zone-options{grid-template-columns:1fr}}@media (max-width: 480px){.zone-checkbox-group{gap:8px}.zone-name{font-size:14px}.zone-description{font-size:12px}.zone-char-limit{font-size:11px;padding:3px 6px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pen-customizer.css.map */