:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #475569;--accent: #f59e0b;--light: #f8fafc;--dark: #1e293b;--success: #10b981;--danger: #ef4444;--border: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: 8px;--transition: all .3s ease;font-size:12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f1f5f9;color:var(--dark);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:0 20px}main{padding:30px 0}.page-title{text-align:center;margin-bottom:30px;color:var(--dark)}.page-title h1{font-size:1.8rem;margin-bottom:8px}.page-title p{color:var(--secondary);font-size:1.1rem}.content-area{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch;min-height:600px;position:relative}@media (max-width: 1024px){.content-area{grid-template-columns:1fr;min-height:auto}.form-section,.preview-section{min-height:500px;height:auto}.a4-preview-container{min-height:400px;height:auto}.paperFormMain{min-height:300px}.edit-page{min-height:500px;max-height:none}.edit-page .form-section,.edit-page .preview-section{min-height:250px;flex:none}}.form-section,.preview-section{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;display:flex;flex-direction:column;position:relative;height:900px;overflow:hidden}.preview-section{position:relative}#paperForm{display:flex!important;flex-direction:column;height:100%;overflow:auto}.paperFormMain{flex:1;overflow-y:auto;min-height:0}.section-title{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--border);color:var(--dark)}.section-title i{color:var(--primary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--secondary)}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:var(--transition);background-color:#fff;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.form-control[multiple]{height:150px;padding:10px;background-image:none}.btn-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:5px}.btn{padding:8px 16px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.btn:hover:after{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(20);opacity:0}}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--secondary)}.btn-outline:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn i{font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.spinner-icon{margin-left:8px;font-size:.9rem}.btn .spinner-icon{display:none}.btn.loading .spinner-icon{display:inline-block}.btn.loading{display:inline-flex!important;visibility:visible!important;opacity:1!important}.btn.loading .fa-cogs,.btn.loading .fa-download,.btn.loading .btn-text{display:none}.btn.downloading .spinner-icon{display:inline-block!important}.btn.downloading{display:inline-flex!important;visibility:visible!important;opacity:1!important}.btn.downloading .fa-cogs{display:inline-block}.btn.downloading .fa-download,.btn.downloading .btn-text{display:none}.slider-container{display:flex;align-items:center;gap:15px}.slider-value{min-width:40px;text-align:center;font-weight:600;color:var(--primary)}.range-slider{flex:1;height:8px;-webkit-appearance:none;background:#e2e8f0;border-radius:4px;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;transition:var(--transition)}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 2px #2563eb33}.a4-preview-container{border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%;height:100%;overflow:hidden;position:relative;background:#fff;box-shadow:0 0 10px #0000000d;display:flex;flex-direction:column;min-height:0}.a4-content{width:100%;flex:1;overflow-y:auto;padding:15px;box-sizing:border-box;border:1px dashed var(--border);background:#fff;font-size:14px;line-height:1.8;min-height:400px}.preview-header{text-align:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--border)}.preview-header h2{font-size:1.5rem;color:var(--dark)}.preview-header p{color:var(--secondary);margin-top:5px}.question{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dashed var(--border)}.question-number{font-weight:700;margin-bottom:8px;color:var(--primary)}.options{margin-top:10px;padding-left:20px}.option{margin-bottom:5px}.preview-controls{display:none;justify-content:space-between;margin-top:20px}.loading{position:relative;width:100%;margin-bottom:20px;z-index:10;display:none}.loading.active{position:absolute;inset:70px 10px 0 0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:30;display:flex;justify-content:center;padding:20px;border-radius:var(--radius)}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--primary);width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title-with-toggle{display:flex;justify-content:space-between;align-items:center;gap:15px}.progress-toggle-btn{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;cursor:pointer;color:var(--secondary);transition:all .3s ease;font-size:.9rem}.progress-toggle-btn:hover{background:var(--light);color:var(--primary);border-color:var(--primary)}.progress-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pipeline-viewer{flex-direction:column;align-items:center;gap:20px;max-width:600px;width:100%;margin:20px 0;padding:20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.pipeline-viewer.visible{display:flex;overflow-y:auto}.progress-rail{position:relative;width:100%}.rail-line{position:absolute;top:0;bottom:0;left:24px;width:2px;background:repeating-linear-gradient(to bottom,var(--border) 0px,var(--border) 4px,transparent 4px,transparent 8px);z-index:1}.stage-indicator{position:relative;z-index:2;display:inline-block;margin-right:12px}.indicator-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.stage-indicator.active.animating .indicator-circle{border-color:var(--primary);background:var(--primary)}.stage-indicator.active:not(.animating) .indicator-circle{border-color:var(--primary);background:var(--primary)}.stage-indicator.completed .indicator-circle{border-color:var(--success);background:var(--success)}.stage-indicator.completed .indicator-circle:before{content:"✓";color:#fff;font-weight:700;font-size:12px}.stage-indicator.pending .indicator-circle{border-color:#cbd5e1;background:#f8fafc}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.pipeline-stages{display:flex;flex-direction:column;gap:15px;width:100%}.stage-row{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.stage-row.active{border-left:4px solid var(--primary)}.stage-row.completed{border-left:4px solid var(--success)}.stage-header{display:flex;align-items:center;padding:15px 20px;background:#f8fafc;border-bottom:1px solid var(--border);position:relative}.stage-header h4{flex:1;margin:0 0 0 12px;font-size:1rem;font-weight:600;color:var(--dark)}.stage-content{padding:15px 20px;background:#fff;max-height:200px;overflow-y:auto}.stage-output{margin-bottom:10px;color:var(--secondary);font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.stage-tokens{font-size:.85rem;color:var(--primary);font-weight:500;text-align:right}.total-tokens-summary{text-align:right;padding:15px 20px;background:#fff;color:#0948cf;border-radius:var(--radius);font-size:1rem}@keyframes stageComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-indicator.completed .indicator-circle{animation:stageComplete .6s ease-out}.stage-row{animation:fadeInUp .4s ease-out}.stage-row.active{animation:fadeInUp .4s ease-out,pulse 2s infinite}@keyframes pulse{0%{box-shadow:var(--shadow)}50%{box-shadow:0 4px 12px #2563eb4d}to{box-shadow:var(--shadow)}}.indicator-circle,.stage-row{transition:all .3s cubic-bezier(.4,0,.2,1)}.stage-row:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.pipeline-viewer{animation:fadeInUp .5s ease-out}.token-count{transition:color .3s ease}.stage-row.completed .token-count{color:var(--success)}@media (max-width: 768px){.pipeline-viewer{max-width:100%;padding:0 10px}.progress-rail{flex-direction:row;gap:20px;padding:10px 0}.rail-line{inset:50% 30px auto;width:auto;height:2px;background:repeating-linear-gradient(to right,var(--border) 0px,var(--border) 4px,transparent 4px,transparent 8px);transform:translateY(-50%)}.stage-indicator{flex-shrink:0}.pipeline-stages{gap:10px}.stage-header,.stage-content{padding:12px 15px}.stage-row:hover{transform:none}}.success-message{background:var(--success);color:#fff;padding:12px;border-radius:var(--radius);margin-top:15px;text-align:center;display:none}.question-badge{display:inline-block;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:8px}.badge-mcq{background-color:#dbeafe;color:#1d4ed8}.badge-fillblanks{background-color:#dcfce7;color:#166534}.badge-truefalse{background-color:#fef3c7;color:#92400e}.badge-shortanswer{background-color:#fee2e2;color:#b91c1c}.badge-longanswer{background-color:#f3e8ff;color:#6b21a8}.badge-easy{background-color:#dcfce7;color:#166534}.badge-medium{background-color:#fef3c7;color:#92400e}.badge-hard{background-color:#fee2e2;color:#b91c1c}.help-text{font-size:.85rem;color:#94a3b8;margin-top:5px}.settings-section{margin-bottom:30px}.settings-section:last-child{margin-bottom:0}.basic-settings{border:1px solid var(--border);border-radius:var(--radius);padding:20px;background:#fafbfc}.advanced-settings{border:1px solid var(--border);border-radius:var(--radius)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fafbfc;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.section-header:hover{background:#f1f5f9}.toggle-btn{color:var(--secondary);font-size:1.2rem;transition:var(--transition);display:flex;align-items:center;justify-content:center}.toggle-btn:hover{background:#0000001a;color:var(--primary)}.toggle-btn i.rotated{transform:rotate(180deg)}.section-content{padding:20px;background:#fff}.required{color:var(--danger);font-weight:700;margin-left:4px}.validation-feedback{font-size:.85rem;margin-top:5px;min-height:18px}.validation-feedback.error{color:var(--danger)}.validation-feedback.success{color:var(--success)}.validation-feedback.warning{color:#f59e0b}.validation-summary{margin-bottom:15px}.alert{padding:12px 16px;border-radius:var(--radius);border-left:4px solid;font-size:.9rem}.alert-warning{background:#fef3c7;color:#92400e;border-left-color:#f59e0b}.preset-section{margin-bottom:15px}.preset-label{font-size:.9rem;font-weight:600;color:var(--secondary);margin-bottom:8px;display:block}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{padding:6px 12px;font-size:.85rem;border-radius:20px;background:#e2e8f0;color:var(--secondary);border:1px solid var(--border);transition:var(--transition)}.preset-btn:hover,.preset-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-sm{padding:6px 12px;font-size:.85rem}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--dark);color:#fff;padding:8px 12px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:1000;margin-bottom:5px;box-shadow:0 2px 8px #00000026}[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--dark);margin-bottom:-5px;z-index:1000}@media (max-width: 768px){.settings-section{margin-bottom:20px}.basic-settings,.section-content{padding:15px}.section-header{padding:12px 15px}.preset-buttons{gap:6px}.preset-btn{padding:5px 10px;font-size:.8rem}.btn .btn-text{display:none}}.editor-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.html-editor{width:100%;height:100%;min-height:400px;padding:15px;border:1px solid var(--border);border-radius:var(--radius);font-family:Courier New,monospace;font-size:14px;line-height:1.5;resize:none;flex:1;margin-bottom:15px}.html-editor:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb33}.editor-actions{flex-shrink:0;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border);background:#fff}.preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--secondary);font-style:italic}.button-container{display:flex;gap:10px;margin-top:20px}.preview-actions{display:flex;gap:10px;margin-top:10px}.MJX_Assistive_MathML{display:none!important}mathjax-content{align-items:flex-start}mathjax-content ol ul li{text-align:justify}.question-paper{display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:900px;margin:0 auto;padding:20px;background:#fff;min-height:900px}.edit-page .question-paper{padding:20px;max-height:900px;overflow-y:auto}.paper-heading{text-align:center;font-weight:700}.general-info{display:flex;justify-content:space-between;gap:2rem;font-size:.95rem}.general-info p{margin:0}.general-instruction{text-align:left;margin-bottom:20px}.general-instruction h3{margin-bottom:.5rem}.general-instruction ol{padding-left:1.5rem}.paper-content{text-align:justify;margin-top:20px}.paper-content ul{list-style:none;padding:0;margin:0}.paper-content li{margin-bottom:.5rem}.question-paper-footer{text-align:center;font-style:italic;color:#555}textarea#messageInput{width:100%!important;max-width:600px!important;height:150px;padding:10px;font-size:14px;line-height:1.4;border:1px solid #ccc;border-radius:6px;resize:both}.question-type-group{display:flex;flex-direction:column;gap:15px}.marks-container{display:flex;align-items:center;gap:10px;margin-top:8px;justify-content:flex-end}.marks-label{font-weight:500;font-size:.85rem;color:#64748b;font-style:italic}.marks-input{width:60px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;text-align:center}.question-type-controls{margin-bottom:15px}.question-type-form{background-color:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.added-question-types{margin:20px 0!important;display:flex!important;flex-direction:column!important;gap:15px!important}.added-question-type{position:relative!important;padding:20px!important;background-color:#f8fafc!important;border-radius:var(--radius)!important;border:1px solid var(--border)!important;box-shadow:0 1px 3px #0000000d!important;transition:all .3s ease!important}.added-question-type:hover{border-color:var(--primary);box-shadow:0 2px 8px #2563eb1a}.added-question-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border)}.question-type-title{margin:0;color:var(--primary);font-weight:600;font-size:1rem}.remove-type-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-type-btn:hover{background-color:#fee2e2;color:var(--danger)}.question-type-details{display:flex;gap:25px;font-size:.95rem;color:var(--secondary)}@media (max-width: 768px){.question-type-details{flex-direction:column;gap:8px}.added-question-type{padding:15px}.remove-type-btn{top:10px;right:10px}.content-area{gap:15px}.form-section,.preview-section{padding:15px;min-height:400px}.a4-preview-container{padding:15px;min-height:350px}.paperFormMain{min-height:250px}.edit-page{gap:15px;min-height:400px}.edit-page .form-section,.edit-page .preview-section{min-height:200px;flex:none}}.question-type-total{font-weight:600;color:var(--primary)}.total-marks-container{margin-top:20px;padding-top:15px;border-top:1px solid var(--border);text-align:left}.total-marks-container label{font-weight:600;font-size:1.1rem;color:var(--primary)}.total-marks-container #totalMarks{font-weight:700;font-size:1.1rem;color:var(--primary-dark)}.question-type-item{display:flex;flex-direction:column;gap:5px}.question-type-item label{font-weight:500}.edit-page{display:flex;flex-direction:column;gap:20px}.edit-page .form-section,.edit-page .preview-section{flex:1;height:auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.edit-page .a4-preview-container{height:100%;min-height:0;display:flex;flex-direction:column;padding:10px}header{background:linear-gradient(135deg,#1e3a8a,#0f172a);color:#fff;padding:15px 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center}.nav-section{display:flex;align-items:center;gap:15px}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700}.logo i{color:var(--accent)}.user-controls{display:flex;align-items:center;gap:20px}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;position:relative}.hamburger-menu span{display:block;width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.hamburger-menu{display:flex}.user-profile,.nav-section .logo span{display:none}}.user-profile{position:relative;cursor:pointer}.profile-img{width:42px;height:42px;border-radius:50%;background:linear-gradient(45deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem}.profile-dropdown{position:absolute;top:55px;right:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);width:220px;overflow:hidden;display:none;z-index:10}.profile-dropdown.show{display:block}.profile-dropdown a{display:block;padding:12px 20px;color:var(--dark);text-decoration:none;transition:var(--transition)}.profile-dropdown a:hover{background-color:#f1f5f9}.profile-dropdown a i{margin-right:10px;width:20px;text-align:center}