.self-quiz-page{background:radial-gradient(circle at 85% 5%,rgba(99,102,241,.1),transparent 32%),var(--aqs-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.self-quiz-shell{max-width:920px;margin:0 auto;padding:54px 20px 80px;color:var(--aqs-text)}
.self-quiz-hero{margin-bottom:34px}.self-quiz-kicker{color:var(--aqs-primary);font-size:.72rem;font-weight:800;letter-spacing:.14em}.self-quiz-hero h1{font-size:clamp(2.2rem,6vw,4.4rem);letter-spacing:-.065em;line-height:1.03;margin:10px 0 15px}.self-quiz-hero h1 em{color:var(--aqs-primary);font-style:normal}.self-quiz-hero p{max-width:590px;color:var(--aqs-muted);font-size:1.02rem;line-height:1.65}
.self-quiz-card,.section-card{background:rgba(255,255,255,.92);border:1px solid var(--aqs-border);border-radius:20px;padding:27px;box-shadow:0 12px 34px rgba(30,41,59,.07);margin-bottom:16px}.card-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.card-heading h2{font-size:1.08rem;margin-bottom:4px}.card-heading p{font-size:.82rem;color:var(--aqs-muted)}.step-number{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#eef2ff;color:var(--aqs-primary);font-weight:800;font-size:.78rem;flex:none}
.self-grid{display:grid;grid-template-columns:1fr 220px;gap:16px}.aqs-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-weight:600;font-size:.82rem}.aqs-field input,.aqs-field select,.aqs-field textarea{font:inherit;font-weight:400;padding:12px 13px;border:1px solid var(--aqs-border);border-radius:10px;background:#fff;color:var(--aqs-text)}.aqs-field textarea{min-height:110px;resize:vertical}.aqs-field input:focus,.aqs-field select:focus,.aqs-field textarea:focus{outline:0;border-color:var(--aqs-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}
.section-card{position:relative;border-left:4px solid #a5b4fc}.section-card.is-locked{opacity:.65}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-title{font-weight:800}.section-number{color:var(--aqs-primary);font-size:.75rem;letter-spacing:.08em}.remove-section{border:0;background:transparent;color:#94a3b8;cursor:pointer;font-size:1.2rem}.source-switch{display:flex;gap:8px;margin-bottom:16px}.source-switch button{flex:1;border:1px solid var(--aqs-border);background:#fff;color:var(--aqs-muted);padding:10px;border-radius:9px;cursor:pointer;font-weight:700}.source-switch button.active{background:#eef2ff;color:var(--aqs-primary);border-color:#a5b4fc}.source-pane{display:none}.source-pane.active{display:block}.upload-label{display:flex;align-items:center;justify-content:center;min-height:105px;border:2px dashed #cbd5e1;border-radius:12px;color:var(--aqs-muted);cursor:pointer;text-align:center;padding:15px}.upload-label:hover{border-color:var(--aqs-primary);background:#fafaff}.upload-label input{display:none}.file-name{font-size:.78rem;color:#059669;margin-top:8px}.section-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.question-count{width:130px!important}.type-hint{font-size:.78rem;color:var(--aqs-muted);flex:1}.generate-section{white-space:nowrap}.section-status{display:none;margin-top:14px;padding:10px 12px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:.82rem}.section-status.success{background:#ecfdf5;color:#047857}.section-status.error{background:#fef2f2;color:#b91c1c}.add-section{width:100%;border:1.5px dashed #a5b4fc;color:var(--aqs-primary);background:transparent;padding:14px;border-radius:12px;font-weight:800;cursor:pointer;margin:2px 0 16px}.add-section:hover{background:#eef2ff}.final-settings{background:linear-gradient(135deg,#fff,#f5f3ff)}.overall-status{font-size:.84rem;color:var(--aqs-muted);margin:-9px 0 18px}.self-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#111827;color:white;padding:13px 18px;border-radius:11px;font-size:.85rem;box-shadow:0 14px 35px #0003;transition:.25s;z-index:5}.self-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:620px){.self-quiz-shell{padding-top:32px}.self-quiz-card,.section-card{padding:20px}.self-grid{grid-template-columns:1fr}.section-controls{align-items:stretch}.generate-section{width:100%;justify-content:center}}