.answe-builder-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9000}#toggleShare_modal,#toggleShare_modal_inner{z-index:10000!important}.answe-modal-overlay,.answe-modal-overlay-1,.answe-modal-overlay-2,.answe-modal-overlay-3,.answe-modal-overlay-4,.answe-modal-overlay-5{z-index:10000!important}#optionModal{z-index:10000!important}.answe-builder-modal.active{display:block}.answe-builder-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.answe-builder-modal-content{position:relative;width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.answe-builder-modal .unified-toolbar{display:flex;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.98);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.04)}.answe-builder-modal .unified-toolbar-wrap{width:100%;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}.answe-builder-modal .toolbar-left{display:flex;align-items:center;gap:12px;height:56px}.answe-builder-modal .mobile-menu-toggle{display:none;appearance:none;background:0 0;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;color:#4b5563}.answe-builder-modal .mobile-menu-toggle:hover{background:#f9fafb;color:#111827}.answe-builder-modal .toolbar-separator{width:1px;height:24px;background:#e5e7eb}.answe-builder-modal .toolbar-title{font-weight:600;font-size:15px;color:#111827;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answe-builder-modal .badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-weight:600;font-size:12px;border:1px solid #e5e7eb;color:#6b7280;background:#fff}.answe-builder-modal .badge .dot{width:7px;height:7px;background:#f59e0b;border-radius:50%}.answe-builder-modal .badge.draft{border-color:#fde68a;background:#fffbeb;color:#92400e}.answe-builder-modal .toolbar-center{display:flex;align-items:center;gap:8px;flex:1}.answe-builder-modal .tool-group{display:flex;gap:4px}.answe-builder-modal .tool-divider{width:1px;height:32px;background:#e5e7eb;margin:0 8px}.answe-builder-modal .creative-tool-btn{appearance:none;border:1px solid transparent;background:0 0;padding:8px 12px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s;min-width:64px}.answe-builder-modal .creative-tool-btn:hover{background:#f9fafb;border-color:#e5e7eb}.answe-builder-modal .tool-icon{width:20px;height:20px;color:#6b7280}.answe-builder-modal .tool-icon svg{width:100%;height:100%}.answe-builder-modal .tool-label{font-size:12px;font-weight:500;color:#4b5563}.answe-builder-modal .toolbar-right{display:flex;align-items:center;gap:12px}.answe-builder-modal .mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:2px;gap:2px}.answe-builder-modal .mode-btn{appearance:none;border:none;background:0 0;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.answe-builder-modal .mode-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.04)}.answe-builder-modal .toolbar-divider{width:1px;height:24px;background:#e5e7eb}.answe-builder-modal .action-btn{appearance:none;border:1px solid #e5e7eb;background:#fff;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.answe-builder-modal .action-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.answe-builder-modal .action-btn.primary{background:#111827;color:#fff;border-color:#111827}.answe-builder-modal .action-btn.primary:hover{background:#000}.answe-builder-modal .builder-close-btn{appearance:none;background:0 0;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.answe-builder-modal .builder-close-btn:hover{background:#f9fafb;color:#111827}.answe-builder-modal .builder-close-btn svg{width:20px;height:20px}.answe-builder-modal .builder-canvas{flex:1;overflow-y:auto;background:#fafafa;padding:40px 20px}.answe-builder-modal .canvas-inner{max-width:880px;margin:0 auto}.answe-builder-modal .builder-placeholder{text-align:center;padding:60px 20px;color:#6b7280}.answe-builder-modal .preview-question{font-weight:600;font-size:18px;color:#111827;margin-bottom:16px;text-align:center}.answe-builder-modal .preview-options{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.answe-builder-modal .preview-option{padding:10px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:999px;font-weight:500;cursor:pointer;transition:all .2s}.answe-builder-modal .preview-option:hover{border-color:#111827;background:#f9fafb}.answe-builder-modal .qstio-customize-toolbar{position:fixed;right:-420px;top:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.12);z-index:110;overflow-y:auto;transition:right .3s cubic-bezier(.4,0,.2,1);padding:80px 24px 24px}.answe-builder-modal .qstio-customize-toolbar.active{right:0}.answe-builder-modal .panel-close-btn{position:absolute;top:20px;right:20px;appearance:none;background:0 0;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.answe-builder-modal .panel-close-btn:hover{background:#f9fafb;color:#111827}.answe-builder-modal .panel-close-btn svg{width:20px;height:20px}.answe-builder-modal .bg-image-options-container,.answe-builder-modal .bg-options-container,.answe-builder-modal .option-options-container,.answe-builder-modal .timer-options-container,.answe-builder-modal .video-options-container{display:none;margin-bottom:32px}.answe-builder-modal .bg-image-options-container.active,.answe-builder-modal .bg-options-container.active,.answe-builder-modal .option-options-container.active,.answe-builder-modal .timer-options-container.active,.answe-builder-modal .video-options-container.active{display:block}.answe-builder-modal .bg-option-label,.answe-builder-modal .option-option-label,.answe-builder-modal .question-option-label,.answe-builder-modal .timer-option-label,.answe-builder-modal .video-option-label{font-size:14px;font-weight:600;color:#111827;margin-bottom:16px;display:block}.answe-builder-modal .option-custom-container,.answe-builder-modal .question-custom-container{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.answe-builder-modal .option-custom-label,.answe-builder-modal .question-custom-label{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px;display:block}.answe-builder-modal .option-custom-input-group,.answe-builder-modal .question-custom-input-group{display:flex;gap:8px}.answe-builder-modal .option-custom-input,.answe-builder-modal .question-custom-input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#111827;background:#f9fafb;transition:all .2s}.answe-builder-modal .option-custom-input:focus,.answe-builder-modal .question-custom-input:focus{outline:0;border-color:#111827;background:#fff}.answe-builder-modal .option-custom-input::placeholder,.answe-builder-modal .question-custom-input::placeholder{color:#9ca3af}.answe-builder-modal .option-custom-btn,.answe-builder-modal .question-custom-btn{appearance:none;border:1px solid #111827;background:#111827;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.answe-builder-modal .option-custom-btn:hover,.answe-builder-modal .question-custom-btn:hover{background:#000}.answe-builder-modal .bg-options,.answe-builder-modal .option-options,.answe-builder-modal .question-options,.answe-builder-modal .timer-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;margin-bottom:24px}.answe-builder-modal .option-option,.answe-builder-modal .question-option,.answe-builder-modal .timer-option{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px;text-align:center;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.answe-builder-modal .option-option:hover,.answe-builder-modal .question-option:hover,.answe-builder-modal .timer-option:hover{background:#fff;border-color:#111827;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.answe-builder-modal .bg-option{width:100%;aspect-ratio:1;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative}.answe-builder-modal .bg-option:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.answe-builder-modal .bg-option.active::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#111827;font-size:18px;font-weight:700}.answe-builder-modal .bg-custom-container{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.answe-builder-modal .bg-custom-label{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px;display:block}.answe-builder-modal .bg-custom-input-group{display:flex;gap:8px}.answe-builder-modal .bg-custom-input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#111827;background:#f9fafb;transition:all .2s;font-family:Monaco,'Courier New',monospace}.answe-builder-modal .bg-custom-input:focus{outline:0;border-color:#111827;background:#fff}.answe-builder-modal .bg-custom-input::placeholder{color:#9ca3af}.answe-builder-modal .bg-custom-btn{appearance:none;border:1px solid #111827;background:#111827;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.answe-builder-modal .bg-custom-btn:hover{background:#000}.answe-builder-modal .bg-images{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.answe-builder-modal .bg-image-option{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.answe-builder-modal .bg-image-option:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:#111827}.answe-builder-modal .bg-image-option img{width:100%;height:140px;object-fit:cover;display:block}.answe-builder-modal .timer-custom-container{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.answe-builder-modal .timer-custom-label{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px;display:block}.answe-builder-modal .timer-custom-input-group{display:flex;gap:8px}.answe-builder-modal .timer-custom-input{flex:1;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#111827;background:#f9fafb;transition:all .2s}.answe-builder-modal .timer-custom-input:focus{outline:0;border-color:#111827;background:#fff}.answe-builder-modal .timer-custom-input::placeholder{color:#9ca3af}.answe-builder-modal .timer-custom-btn{appearance:none;border:1px solid #111827;background:#111827;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.answe-builder-modal .timer-custom-btn:hover{background:#000}.answe-builder-modal .video-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.answe-builder-modal .video-option{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent}.answe-builder-modal .video-option:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:#111827}.answe-builder-modal .video-option img{width:100%;height:100px;object-fit:cover;display:block}@media (max-width:900px){.answe-builder-modal .unified-toolbar-wrap{padding:10px 12px;gap:12px}.answe-builder-modal .toolbar-left{min-width:auto}.answe-builder-modal .toolbar-title{font-size:14px;max-width:120px}.answe-builder-modal .toolbar-center{gap:4px}.answe-builder-modal .tool-divider{margin:0 4px}.answe-builder-modal .creative-tool-btn{min-width:56px;padding:6px 8px}.answe-builder-modal .tool-label{font-size:11px}.answe-builder-modal .toolbar-right{gap:6px}.answe-builder-modal .action-btn{padding:6px 10px;font-size:12px}.answe-builder-modal .qstio-customize-toolbar{width:100%;right:-100%;padding:70px 16px 16px}.answe-builder-modal .mobile-menu-toggle{display:flex}}