.color-picker,.color-picker-container,.color-picker-label{display:flex;align-items:center}.color-picker{margin-bottom:15px;justify-content:space-between}.color-picker-container{width:28px;height:28px;border-radius:4px;border:1px solid #ddd;cursor:pointer;background-color:var(--pcr-color)}.color-picker-label{font-size:14px;flex:1;margin:0 10px}.design-option,.pattern-option{border:2px solid #ddd;border-radius:5px;padding:10px;text-align:center;cursor:pointer;transition:all .3s ease;min-height:160px;padding-bottom:15px}.design-option.selected,.pattern-option.selected{border-color:var(--primary);background-color:var(--primary-light)}.design-option:hover,.pattern-option:hover{border-color:#c83637;transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.design-thumbnail,.pattern-thumbnail{width:100%;height:80px;object-fit:contain;margin-bottom:8px;background-color:#f9f9f9;border-radius:3px}.design-name,.pattern-name{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;padding:0 5px;margin-top:5px}.action-buttons{display:flex;justify-content:center;width:100%}.save-design-btn{background-color:#c83637;color:#fff;border:none;border-radius:5px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.save-design-btn:hover{background-color:#a62d2e;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.save-design-btn:active{transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.close-btn{position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:24px;font-weight:700;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{color:#333;background-color:#f0f0f0}.popup-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;transition:border-color .3s ease}.form-group input:focus{outline:0;border-color:#c83637}.form-group input.invalid{border-color:#dc3545}.form-group .error-message{color:#dc3545;font-size:12px;margin-top:4px;display:none}.form-group input.invalid+.error-message{display:block}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.share-link-container{display:flex;justify-content:center;gap:15px;margin-top:25px}.share-link-container button{background-color:#c83637;color:#fff;padding:12px 30px;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;min-width:150px}.share-link-container button:hover{background-color:#a62d2e;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.contact-popup{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.8);overflow:auto;-webkit-overflow-scrolling:touch;display:none;opacity:0;transition:opacity .3s ease}.contact-popup.show{display:flex;opacity:1;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px}.contact-popup-content{position:relative;background-color:#fff;margin:10px auto;width:calc(100% - 20px);max-width:500px;height:auto;overflow-y:auto;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateY(20px);transition:transform .3s ease}.contact-popup.show .contact-popup-content{transform:translateY(0)}.design-option[data-design-id=none],.pattern-option[data-pattern-id=none]{display:flex;align-items:center;justify-content:center;background-color:#f1f1f1;min-height:160px;margin:0;padding:10px;border:2px solid #ddd;border-radius:5px;cursor:pointer;transition:all .3s ease;text-align:center;grid-column:auto}.design-option[data-design-id=none]:hover,.pattern-option[data-pattern-id=none]:hover{border-color:#c83637;transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.design-option[data-design-id=none].selected,.pattern-option[data-pattern-id=none].selected{border-color:var(--primary);background-color:var(--primary-light)}.design-option[data-design-id=none] .design-name,.pattern-option[data-pattern-id=none] .pattern-name{font-weight:700}.independent-button,.zoom-button{min-width:100px;height:30px;border:2px solid #ddd;border-radius:5px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.independent-button:hover,.zoom-button:hover{border-color:#c83637;transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.independent-button.active,.zoom-button.active{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary);animation:buttonPulse .3s ease;transform:scale(.95)}.buttons-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.pattern-slider-container,.slider-container{width:100%;padding:10px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pattern-size-slider,.slider,.zoom-slider{width:100%;height:4px;-webkit-appearance:none;background:#ddd;outline:0;border-radius:2px;margin:10px 0}.pattern-size-slider::-webkit-slider-thumb,.slider::-webkit-slider-thumb,.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#c83637;border-radius:50%;cursor:pointer;transition:all .3s ease}.pattern-size-slider::-moz-range-thumb,.slider::-moz-range-thumb,.zoom-slider::-moz-range-thumb{width:20px;height:20px;background:#c83637;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.slider-marks{display:flex;justify-content:space-between;margin-top:5px;padding:0 5px}.slider-mark{font-size:12px;color:#666}.design-comparison{display:flex;justify-content:center;align-items:center;gap:10px}#design-choice-container{flex-direction:column;text-align:center}#design-choice-container h3{margin-bottom:20px;color:#2c3e50;font-size:16px}#design-choice-container .popup-buttons{width:100%}