body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}h1{color:#333;margin-bottom:30px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:400px;padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.modal-buttons button[type=submit]{background-color:#007bff;color:#fff}.modal-buttons button[type=submit]:hover{background-color:#0056b3}.modal-buttons button[type=button]{background-color:#6c757d;color:#fff}.modal-buttons button[type=button]:hover{background-color:#5a6268}h2{color:#333;margin-bottom:20px;margin-top:0}.home-container{align-items:center;background-color:#f5f5f5;height:100vh;justify-content:center}.actions,.home-container{display:flex;flex-direction:column}.actions{gap:20px;margin-top:40px}.action-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;min-width:200px;padding:15px 30px;transition:background-color .3s}.action-button:hover{background-color:#0056b3}.action-button.secondary{background-color:#6c757d}.action-button.secondary:hover{background-color:#5a6268}.home-container input[type=file]{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.quiz-editor{display:flex;flex-direction:column;height:100vh;overflow:hidden}.editor-content{display:flex;flex:1 1;overflow:hidden}.stages-sidebar{background-color:#fdfdfd;border-right:1px solid #ddd;height:calc(100vh - 50px);overflow:hidden;padding:16px;width:250px}.stages-list,.stages-sidebar{display:flex;flex-direction:column}.stages-list{flex-grow:1;gap:10px;margin-top:20px;max-height:calc(100vh - 32px);overflow-y:auto;padding:8px}.stages-list.dragging-over{background-color:#0000000d}.stage-item{align-items:center;background:#f5f5f5;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin:4px 0 8px;padding:8px;position:relative;transition:all .2s ease}.stage-item.active{background:#e3f2fd;background-color:#e3f2fd;border-color:#1976d2}.stage-item span{flex-grow:1;-webkit-user-select:none;user-select:none}.stage-item:hover{background-color:#e9ecef}.stage-item.dragging{background:#f0f0f0;background:#f5f5f5;border:1px dashed #999;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 8px #0000001a;opacity:.8}.stage-item-content{align-items:center;display:flex;flex:1 1;gap:8px}.drag-handle{align-items:center;color:#666;cursor:grab;display:flex}.drag-handle:active{cursor:grabbing}.stage-menu-button{background:none;border:none;cursor:pointer;margin-left:8px;opacity:.5;padding:4px}.stage-menu-button:hover{opacity:1}.canvas-area{background-color:#f0f0f0;display:block;flex:1 1;min-width:0;overflow:auto;padding:20px}.canvas-area .konva-content{margin:20vh auto;overflow:visible;position:relative}.canvas-area .quiz-custom-css{overflow:hidden}.stage-container{background-color:#fff;border-radius:4px;box-shadow:0 0 10px #0000001a;position:relative}.stage-container:before{background:#fff;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.stage-container canvas{display:block;position:relative;z-index:1}.react-player{left:0;position:absolute;top:0}.tools-section{padding:15px}.tools-section h4{margin-bottom:10px}.tools-section button{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:block;margin-bottom:8px;padding:8px;transition:all .2s;width:100%}.tools-section button:hover{background-color:#f8f9fa;border-color:#adb5bd}.add-stage-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:8px;transition:background-color .2s;width:100%}.add-stage-btn:hover{background-color:#218838}.right-panel{background-color:#fdfdfd;border-left:1px solid #ddd;gap:16px;overflow-y:auto;padding:16px;width:300px}.header-actions,.right-panel{display:flex;flex-direction:column}.header-actions{gap:10px;margin-bottom:20px}.header-buttons{display:flex;gap:10px}.close-quiz-btn,.save-quiz-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.close-quiz-btn{background-color:#dc3545;color:#fff}.close-quiz-btn:hover{background-color:#c82333}.header-actions h3{margin:0}.save-quiz-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.save-quiz-btn:hover{background-color:#218838}.properties-panel{background-color:#f8f9fa;border-left:1px solid #dee2e6;height:50vh;overflow-y:auto;padding:20px;width:250px}.no-selection{color:#6c757d;padding:20px;text-align:center}.property-group{margin-bottom:15px}.property-group label{color:#495057;display:block;font-size:14px;margin-bottom:5px}.property-group input,.property-group select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px;width:100%}.property-group select{background-color:#fff}.property-group select option{font-size:14px;padding:8px}.property-row{display:flex;gap:10px}.property-row input{width:50%}input[type=color]{height:40px;padding:2px}h3{border-bottom:2px solid #dee2e6;color:#495057;margin:0 0 20px;padding-bottom:10px;text-transform:capitalize}input[type=file]{display:block;font-size:14px}.property-group input[type=color]{border:1px solid #ced4da;border-radius:4px;height:40px;padding:2px;width:100%}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:8px;transition:background-color .2s;width:100%}.delete-button:hover{background-color:#c82333}.clear-image-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:4px 8px;width:100%}.clear-image-btn:hover{background-color:#c82333}.property-group img{border:1px solid #dee2e6;border-radius:4px;margin-top:8px;max-width:100%}.image-upload-container{display:flex;flex-direction:column;gap:10px}.image-preview{display:flex;flex-direction:column;gap:8px;margin-top:8px}.image-preview img{border:1px solid #dee2e6;border-radius:4px;height:auto;width:100%}input[type=file]{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;padding:8px;width:100%}input[type=file]::-webkit-file-upload-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:8px;padding:6px 12px}input[type=file]::file-selector-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:8px;padding:6px 12px}input[type=file]::-webkit-file-upload-button:hover{background-color:#5a6268}input[type=file]::file-selector-button:hover{background-color:#5a6268}.elements-list{background-color:#f8f9fa;border-left:1px solid #dee2e6;height:50vh;overflow-y:auto;padding:20px;width:250px}.elements-container{display:flex;flex-direction:column;gap:8px}.element-item{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:all .2s}.element-item:hover{background-color:#e9ecef}.element-item.active{background-color:#007bff;border-color:#0056b3;color:#fff}.element-index{align-items:center;background-color:#e9ecef;border-radius:12px;color:#495057;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.element-item.active .element-index{background-color:#fff3;color:#fff}.element-type{color:#6c757d;font-size:12px;text-transform:uppercase}.element-item.active .element-type{color:#fffc}.element-name{flex-grow:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-elements{color:#6c757d;padding:20px;text-align:center}.app{min-height:100vh;width:100%}
/*# sourceMappingURL=main.7c606f78.css.map*/