:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--bg: #f8fafc;--bg-alt: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);color-scheme:light;color:var(--text-primary);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%}a{font-weight:500;color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}h1{font-size:2.2em;line-height:1.2;margin:0 0 .5em;color:var(--text-primary);font-weight:700}h2{font-size:1.5em;margin:1em 0 .5em;color:var(--text-primary);font-weight:600}h3{font-size:1.2em;margin:.8em 0 .4em;color:var(--text-primary);font-weight:600}p{margin:.5em 0;color:var(--text-secondary)}input,textarea,select{font-family:inherit;font-size:1em;padding:.6em .8em;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-alt);color:var(--text-primary);transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}textarea{resize:vertical;line-height:1.5}button{padding:.7em 1.4em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}button:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}button[type=button]{background-color:var(--bg-alt);color:var(--text-primary);border:1px solid var(--border)}button[type=button]:hover{background-color:var(--bg);border-color:var(--primary);color:var(--primary)}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.page-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#d9e4ec);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px 30px;box-sizing:border-box}.content-box{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1600px;margin:0 auto}.page-title{font-size:2rem;margin-bottom:50px;color:#3404b9;text-align:center}.text-input{width:100%;min-height:450px;padding:22px;font-size:1.3rem;border-radius:12px;border:2px solid #ccc;resize:none;outline:none;transition:.3s ease;box-sizing:border-box}.text-input:focus{border-color:#0078d7}.button-container{display:flex;justify-content:flex-end;margin-top:25px}.generate-btn{background-color:#0078d7;color:#fff;border:none;padding:14px 28px;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:.3s ease}.generate-btn:hover{background-color:#005a9e}.page-container{margin:0 auto;padding:40px 30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.html-output{background-color:#f5f5f5;padding:20px;border-radius:12px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:1rem;margin:20px auto;text-align:left}.filename-input-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0}.filename-input-group label{font-size:1rem;color:#333;font-weight:500}.filename-wrapper{display:flex;align-items:center;gap:4px}.filename-input{padding:10px 14px;font-size:1rem;border:2px solid #ccc;border-radius:8px;outline:none;transition:border-color .3s ease;width:200px;text-align:center}.filename-input:focus{border-color:#6f42c1}.filename-extension{font-size:1rem;color:#666;font-weight:500}h1{color:#3404b9}.button-group{display:flex;justify-content:center;gap:20px;margin-top:20px}.copy-btn{background-color:#0078d7;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:background-color .3s ease}.copy-btn:hover{background-color:#005a9e}.back-btn{background-color:#28a745;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:background-color .3s ease}.back-btn:hover{background-color:#1e7e34}.download-btn{background-color:#6f42c1;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:background-color .3s ease}.download-btn:hover{background-color:#5a32a3}.custom-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:12px 20px;border-radius:10px;font-size:15px;box-shadow:0 4px 15px #0003;animation:fadeInOutTop 2.5s ease;z-index:9999}@keyframes fadeInOutTop{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.question-editor{background-color:var(--bg);border:1px solid var(--border);border-radius:6px;padding:1.2rem;margin-bottom:1rem;transition:all .2s}.question-editor:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.question-statement-input{width:100%;margin-bottom:1rem!important;padding:.8em!important;font-weight:500;border:1px solid var(--border)!important;border-radius:6px!important;background-color:var(--bg-alt)!important}.question-statement-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #3b82f61a!important}.question-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.question-type-select{flex:1;min-width:150px;padding:.6em!important;border:1px solid var(--border)!important;border-radius:6px!important;background-color:var(--bg-alt)!important}.question-type-select:focus{border-color:var(--primary)!important}.question-points{width:100px!important;padding:.6em!important;border:1px solid var(--border)!important;border-radius:6px!important}.question-type-label{font-size:.9em;color:var(--text-secondary);font-style:italic;margin:1rem 0 .8rem;display:flex;align-items:center;gap:.5rem}.qcm-options{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.qcm-option{display:flex;align-items:center;gap:.8rem}.qcm-option input[type=checkbox]{flex:0 0 auto;width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.qcm-option input[type=text]{flex:1;padding:.6em!important;border:1px solid var(--border)!important;border-radius:4px!important;font-size:.95em}.qcm-option input[type=text]:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #3b82f61a!important}.add-option-btn{align-self:flex-start;padding:.5em 1em!important;font-size:.9em;background-color:var(--bg-alt)!important;color:var(--primary)!important;border:1px solid var(--primary)!important}.add-option-btn:hover{background-color:#3b82f60d!important}.truefaux-select,.texte-textarea{margin-top:1rem}.truefaux-select{width:100%;padding:.6em!important;border:1px solid var(--border)!important;border-radius:6px!important;background-color:var(--bg-alt)!important}.texte-textarea{width:100%;min-height:100px;padding:.8em!important;border:1px solid var(--border)!important;border-radius:6px!important;background-color:var(--bg-alt)!important;font-family:inherit;resize:vertical}.section-editor{background-color:var(--bg-alt);border:2px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;transition:all .2s}.section-editor:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.section-title-input{font-weight:700;font-size:1.1em;width:100%;margin-bottom:1.5rem!important;padding:.8em!important;border:2px solid transparent!important;background-color:var(--bg)!important;border-radius:6px!important;color:var(--text-primary)!important}.section-title-input:focus{border-color:var(--primary)!important;background-color:var(--bg-alt)!important;box-shadow:0 0 0 3px #3b82f61a!important}.section-questions-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.section-actions{display:flex;gap:.5rem}.section-actions button{flex:0 0 auto}.subject-editor{display:flex;flex-direction:column;gap:1.5rem}.subject-editor input[type=text],.subject-editor input[type=number],.subject-editor textarea{width:100%;padding:.8em;font-size:1em;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-alt);color:var(--text-primary);transition:all .2s}.subject-editor input[type=text]:focus,.subject-editor input[type=number]:focus,.subject-editor textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.subject-editor textarea{min-height:120px;resize:vertical}.editor-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding:1.5rem;background-color:var(--bg-alt);border-radius:8px;border:1px solid var(--border)}.editor-actions button{flex:0 1 auto}.error-message{padding:1rem;background-color:#fee2e2;color:#991b1b;border-left:4px solid var(--danger);border-radius:4px;margin-top:1rem;font-weight:500}.editor-page-container{max-width:1000px;margin:0 auto;padding:2rem}.editor-page-container h1{margin-bottom:2rem;color:var(--text-primary);border-bottom:2px solid var(--primary);padding-bottom:.5rem}