.quiz-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;touch-action:manipulation}.quiz-form-container{width:450px;height:100vh;background:#fff;display:flex;flex-direction:column;animation:slideIn .3s ease-out;position:relative;border-top:5px solid #6052cc}@media(max-width:480px){.quiz-form-container{width:100%;overflow-y:auto}}.quiz-form-container .grade-field-container{position:relative;width:100%}.quiz-form-container .country-notice{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:4px}.quiz-form-container .country-notice .notice-content{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;display:flex;align-items:flex-start;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.quiz-form-container .country-notice .notice-content .notice-icon{font-size:16px;margin-top:2px;flex-shrink:0}.quiz-form-container .country-notice .notice-content .notice-text{flex:1}.quiz-form-container .country-notice .notice-content .notice-text p{margin:0;font-size:13px;line-height:1.4;color:#856404}.quiz-form-container .country-notice .notice-content .notice-text p:first-child{font-weight:600;margin-bottom:4px}.quiz-form-container .country-notice .notice-content .notice-close{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#856404;border-radius:4px;flex-shrink:0}.quiz-form-container .country-notice .notice-content .notice-close:hover{background:rgba(133,100,4,.1)}.quiz-form-container .ant-select-disabled .ant-select-selector{color:#bfbfbf!important;cursor:not-allowed!important;background-color:#fff}.cover-image-heading{font-size:16px;font-weight:500;color:#1b1a3a;margin-bottom:12px;margin-top:0}.image-selection-tabs{display:flex;background:#f5f5f5;border-radius:8px;padding:4px;margin-bottom:15px}.image-selection-tabs .tab-button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;border-radius:6px;transition:all .2s ease}.image-selection-tabs .tab-button svg{flex-shrink:0}.image-selection-tabs .tab-button span{display:inline-block;line-height:1.2}.image-selection-tabs .tab-button.active{background:#fff;color:#6052cc;box-shadow:0 2px 4px rgba(0,0,0,.05)}.image-selection-tabs .tab-button:hover:not(.active){background:hsla(0,0%,100%,.5)}.suggestion-images-container{border:1px solid #dfe0e6;border-radius:8px;padding:15px!important;text-align:center;height:350px;display:flex;flex-direction:column;margin-bottom:15px}.suggestion-images-container .no-suggestions,.suggestion-images-container .suggestion-loading{display:flex;justify-content:center;align-items:center;flex:1;color:#6b7280;font-size:14px}.suggestion-images-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;height:260px;overflow-y:auto;margin-bottom:10px}.suggestion-images-grid::-webkit-scrollbar{width:5px}.suggestion-images-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.suggestion-images-grid::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.suggestion-images-grid::-webkit-scrollbar-thumb:hover{background:#555}.suggestion-image-item{position:relative;height:120px;border-radius:6px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.suggestion-image-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.suggestion-image-item.selected{border-color:#6052cc;box-shadow:0 0 0 2px rgba(96,82,204,.3)}.suggestion-image-item img{width:100%;height:100%;object-fit:cover;display:block}.suggestion-image-item .selection-indicator{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#6052cc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.suggestion-pagination{display:flex;justify-content:center;align-items:center;margin-top:auto;padding-top:10px;gap:5px}.suggestion-pagination .pagination-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:14px;color:#6b7280;cursor:pointer;transition:all .2s ease}.suggestion-pagination .pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#6052cc!important}.suggestion-pagination .pagination-button:disabled{opacity:.5;cursor:not-allowed}.suggestion-pagination .pagination-button.active{background:#6052cc;color:#fff;border-color:#6052cc}.suggestion-pagination .pagination-ellipsis{width:30px;text-align:center;color:#6b7280}.public-toggle{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding:4px 0 4px 5px;margin-bottom:65px}.public-toggle .toggle-label{font-size:1rem;font-weight:500;line-height:20.8px;color:#1b1a3a}.public-toggle .toggle-wrapper{margin-left:auto}@media(max-width:480px){.public-toggle{margin-bottom:80px;padding-bottom:15px}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.quiz-form-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:0!important}.quiz-form-header h2{font-size:1.125rem;font-weight:500;color:#1b1a3a;line-height:23.4px;margin:0}.quiz-form-header .close-button{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.quiz-form-header .close-button:hover{background:#f2f4f7;border-radius:8px}.quiz-form{display:flex;flex-direction:column;height:calc(100vh - 65px);padding-bottom:.7rem}@media(max-width:480px){.quiz-form{height:auto;padding-bottom:0}}.form-scrollable-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:15px}.form-scrollable-content .form-input,.form-scrollable-content .form-select,.form-scrollable-content .form-textarea{width:100%;border:2px solid #e5e7eb;border-radius:50px;padding:0 12px;font-size:14px;margin-bottom:0;box-sizing:border-box;transition:all .2s ease}.form-scrollable-content .form-input:focus,.form-scrollable-content .form-select:focus,.form-scrollable-content .form-textarea:focus{border-color:#6052cc;outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.form-scrollable-content .form-textarea{height:150px;padding:12px;border-radius:20px}.form-scrollable-content :global(.ant-select-dropdown){z-index:1100!important}.form-scrollable-content .file-upload-area{border:2px dashed #dfe0e6;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;height:350px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.form-scrollable-content .file-upload-area:hover{border-color:#6052cc;background-color:rgba(99,102,241,.02)}.form-scrollable-content .file-upload-area .upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.form-scrollable-content .file-upload-area .upload-label svg{color:#1b1a3a}.form-scrollable-content .file-upload-area .upload-label span{color:#6b7280;font-size:.875rem;line-height:18.2px;font-weight:500}.form-scrollable-content .image-preview{position:relative;width:100%;height:350px}.form-scrollable-content .image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.form-scrollable-content .image-preview .remove-image{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.form-scrollable-content .image-preview .remove-image:hover{background:rgba(0,0,0,.7)}.form-scrollable-content .image-preview .remove-image svg{width:16px;height:16px}.field{width:100%;height:auto;text-align:left;margin-bottom:0}.form-actions-container{padding:18px 30px!important;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#fff;width:450px;margin-right:.4rem!important}@media(max-width:600px){.form-actions-container{width:100%;padding:18px 10px;position:fixed;bottom:0;left:0;right:0;z-index:10;gap:8px;justify-content:space-between;box-shadow:0 -4px 6px -1px rgba(0,0,0,.05)}.form-actions-container button{flex:1;width:100%;min-width:unset}}.form-actions-container button{min-width:100px}:global .Toastify__toast-container{width:400px!important;z-index:1100!important}:global .Toastify__toast{font-size:16px!important;padding:16px!important;border-radius:8px!important;min-height:64px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;margin-bottom:16px!important}:global .Toastify__toast--success{background:#4caf50!important;color:#fff!important}:global .Toastify__toast--loading{background:#fff!important;color:#333!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}:global .Toastify__toast-body{padding:0!important;margin:0!important;font-weight:500!important}:global .Toastify__progress-bar{height:4px!important;background:linear-gradient(90deg,#4caf50,#45a049)!important}:global .Toastify__close-button{color:inherit!important;opacity:.7!important}:global .Toastify__close-button:hover{opacity:1!important}.form-scrollable-content::-webkit-scrollbar{width:6px}.form-scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.form-scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.form-scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:480px){.image-selection-tabs .tab-button{padding:8px 5px;font-size:12px}.image-selection-tabs .tab-button svg{width:14px;height:14px}.file-upload-area,.image-preview,.suggestion-images-container{height:280px}.suggestion-images-grid{height:200px}.suggestion-image-item{height:90px}.pagination-button{width:26px;height:26px;font-size:12px}}