.personalization-guide-btn{display:inline-flex;align-items:center;color:#222;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:underline;text-underline-offset:3px}.personalization-guide-wrapper{margin-bottom:8px;display:flex;justify-content:flex-end}.personalization-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.personalization-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.personalization-modal__content{position:relative;background:#fff;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column}.personalization-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px}.personalization-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.personalization-modal__close:hover{background:#f5f5f5;color:#333}.personalization-modal__header h3{margin:0;font-size:1.25rem;font-weight:600}.personalization-modal__close{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.personalization-modal__close:hover{background:#f5f5f5}.personalization-modal__body{overflow-y:auto;flex:1}.personalization-guide__section h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#333}.personalization-guide__section p{margin:0 0 12px;color:#666;line-height:1.5}.personalization-guide__section ul{margin:0;padding-left:20px;color:#666}.personalization-guide__section li{margin-bottom:8px;line-height:1.4}.image-upload-zone{position:relative}.image-upload-label{display:block;border:2px dashed #ddd;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease}.image-upload-label:hover{border-color:#999;background:#fafafa}.image-upload-content p{margin:12px 0 8px;font-weight:500;color:#333}.image-upload-info{font-size:.875rem;color:#999}.image-preview{position:relative;border-radius:8px;overflow:hidden;max-width:300px;margin:0 auto}.image-preview__img{width:100%;height:auto;display:block}.image-preview__remove{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.image-preview__remove:hover{background:#fff}.personalization-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.example-item{text-align:center}.example-image{margin-bottom:8px}.example-placeholder{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:40px 20px;color:#999;font-size:.875rem}.example-item p{margin:0;font-size:.875rem;color:#666}.personalization-modal__footer{display:flex;justify-content:flex-start;gap:12px;padding:24px;border-top:1px solid #e5e5e5}.btn{padding:10px 20px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn--secondary{background:#f5f5f5;color:#666}.btn--secondary:hover{background:#e5e5e5}.btn--primary{background:#222;color:#fff}.btn--primary:hover{background:#222}@media (max-width: 768px){.personalization-modal{padding:10px}.personalization-modal__content{max-height:95vh}.personalization-modal__header,.personalization-modal__body,.personalization-modal__footer{padding:16px}.personalization-examples{grid-template-columns:1fr}}.guide-image{display:flex;justify-content:center;align-items:center}.guide-image img{max-width:100%;height:auto}.guide-content{color:#666;line-height:1.6}.guide-content h4{color:#333;margin-top:24px;margin-bottom:12px}.guide-info{background:#f8f9fa;border-radius:8px;padding:16px}.info-item{margin-bottom:8px;font-size:.9rem;color:#666}.info-item:last-child{margin-bottom:0}.info-item strong{color:#333}
/*# sourceMappingURL=/cdn/shop/t/3/assets/personalization-modal.css.map */