.popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);padding:20px;z-index:999999!important;pointer-events:auto}.Modal{position:relative;background-color:#ffffff;border-radius:20px;padding:50px 24px;box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:9999;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.Modal,.Modal *,.Modal :after,.Modal :before{box-sizing:border-box}.modal-custom-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;width:100%;max-width:100%}.modal-custom-content::-webkit-scrollbar{width:6px}.modal-custom-content::-webkit-scrollbar-track{background:transparent}.modal-custom-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100}.modal-close-btn:hover{background-color:rgba(0,0,0,.05);color:#111827}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-xl{width:100%;max-width:1140px}.header-icon-bubble{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:100px;height:100px;background-color:#E9F6FF;border:4px solid #7854f6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.05)}.header-icon-img{width:50px;height:auto;object-fit:contain}.design-popup-title{margin:0 0 8px}.design-popup-title .uppercase{text-transform:uppercase;font-weight:700}.design-popup-subtitle{font-size:1rem;color:#7854F6;margin:0 0 32px;font-weight:500}.design-popup-options-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;justify-items:center;flex:1;overflow-y:auto;padding:10px 4px}.design-popup-options-grid::-webkit-scrollbar{width:6px}.design-popup-options-grid::-webkit-scrollbar-track{background:transparent}.design-popup-options-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.option-card-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:none;border:none;cursor:pointer;padding:0;width:100%;max-width:120px;transition:transform .2s ease}.option-icon-circle{width:80px;height:80px;background-color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:background-color .2s ease;overflow:hidden}.option-card-button:hover .option-icon-circle{background-color:#E9F6FF}.option-icon-img{width:50%;height:auto;object-fit:contain;display:block}.option-label{font-size:.95rem;font-weight:600;color:#374151;line-height:1.3;text-align:center;max-width:90px}@media (max-width:768px){.Modal{width:calc(100% - 40px)!important;max-width:100%!important;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;padding:35px 16px 20px}.design-popup-options-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.option-icon-circle{width:50px;height:50px;margin-bottom:5px;padding:10px}.option-icon-img{width:100%;height:100%}.option-label{font-size:12px;line-height:1.2}.header-icon-bubble{width:60px;height:60px;margin-top:-45px}.header-icon-img{width:30px;height:30px}.design-popup-title{font-size:18px;margin-top:10px}}