.qe-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.qe-back{background:transparent;color:#3f587a;padding:8px 0;font-weight:500}.qe-local-status{font-size:13px;color:#657896;background:#e8edf5;border-radius:20px;padding:7px 12px}.qe-heading{margin-bottom:28px}.qe-heading h1{font-size:32px;letter-spacing:-1px}.qe-heading p{margin:6px 0;color:#64748b}.qe-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:26px;align-items:start}.qe-form{min-width:0}.qe-card{padding:26px;margin-bottom:18px;box-shadow:0 3px 8px #10274703}.qe-step{display:flex;align-items:center;gap:12px;margin-bottom:20px}.qe-step>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#2560bb;background:#eaf1ff;font-size:14px;font-weight:700}.qe-step h2{font-size:18px;margin:0}.qe-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qe-type{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #dce4ef;background:#fff;color:#344964;padding:13px 12px;font-size:14px;font-weight:500;line-height:1.4}.qe-type.selected{border-color:#387bf3;background:#edf4ff;color:#174fb3;box-shadow:0 0 0 1px #387bf3}.qe-type-symbol{font-size:19px;color:#477ad0;min-width:28px;text-align:center}.qe-form textarea{min-height:115px;line-height:1.65;background:#fcfdff}.qe-help{font-size:14px;color:#687991;line-height:1.55;margin:10px 0}.qe-answer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px}.qe-answer-heading h3{margin:0;font-size:16px}.qe-answer-heading>span{font-size:13px;color:#6d7e95}.qe-row{display:flex;align-items:center;gap:10px;border:1px solid #dce4ef;border-radius:10px;padding:10px;margin:10px 0;background:#fff}.qe-row input:not([type=radio]):not([type=checkbox]){border-color:transparent;background:transparent;padding:8px;min-width:0}.qe-row input:not([type=radio]):not([type=checkbox]):focus{border-color:#659afa;background:white}.qe-row.is-correct{border-color:#60b993;background:#f0fbf5;box-shadow:inset 3px 0 #38a374}.qe-correct{display:flex;margin:0;cursor:pointer;padding:5px}.qe-correct input{margin:0;accent-color:#1b9b60;width:21px;height:21px}.qe-row-fields{display:flex;gap:6px;align-items:center;flex:1;min-width:0}.qe-row-fields input{flex:1;min-width:0}.qe-icon{border:0;background:transparent;color:#71829b;padding:7px 9px;border-radius:6px;font-size:18px;line-height:1.2}.qe-icon:hover{background:#e9eff7;color:#22446f}.qe-icon:disabled{opacity:.25}.qe-position{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;font-size:13px;background:#edf3fb;color:#4a678e;border-radius:6px}.qe-move{display:flex;gap:0}.qe-add{width:100%;background:#f8faff;color:#3268bb;border:1px dashed #b7cbed;padding:13px;margin-top:5px;font-weight:500;font-size:14px}.qe-advanced{padding:20px 24px}.qe-advanced summary{cursor:pointer;font-weight:600;font-size:15px}.qe-advanced summary span{color:#8190a5;font-weight:400;font-size:13px;margin-left:10px}.qe-advanced[open] summary{margin-bottom:20px}.qe-advanced .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qe-savebar{padding:2px 0 18px}.qe-savebar .actions{margin:0}.qe-savebar .qe-icon{font-size:14px}.qe-preview{position:sticky;top:24px;padding:22px;background:#eaf0f8;border:1px solid #dae4f2;border-radius:14px}.qe-preview-label{display:flex;align-items:center;gap:8px;color:#617794;font-size:12px;font-weight:700;letter-spacing:1.3px;margin-bottom:18px}.qe-preview-label span{font-size:18px}.qe-preview-card{padding:22px;background:white;border:1px solid #dce5f1;border-radius:10px;box-shadow:0 8px 24px #10274706}.qe-preview-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:12px;color:#7486a2}.qe-preview-card h3{font-size:18px;font-weight:650;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.qe-preview-option{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e1e8f2;border-radius:7px;margin:9px 0;font-size:14px;overflow-wrap:anywhere;line-height:1.5;min-width:0}.qe-preview-option>span:last-child{min-width:0}.qe-circle,.qe-square{display:block;flex-shrink:0;width:17px;height:17px;border:1.5px solid #b6c4d7;border-radius:50%}.qe-square{border-radius:4px}.qe-preview-input{padding:16px;background:#fafcff;border:1px solid #dce5f1;border-radius:7px;color:#8796ad;font-size:14px;min-height:60px}.qe-preview>.qe-help{font-size:12px;text-align:center;margin:16px 0 0}.qe-manual{padding:20px;background:#edf5ff;border-radius:9px;margin-top:20px;font-size:14px;line-height:1.6}.qe-upload{margin-top:15px;padding:16px;border:1px dashed #aec3e3;border-radius:10px}.qe-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qe-eyebrow{display:block;font-size:12px;letter-spacing:1.4px;color:#6b83a4;font-weight:700;margin-bottom:12px}.qe-bank-heading{margin-bottom:25px}.qe-bank-heading p{margin:6px 0}.qe-bank-filters{display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:16px;padding:20px}.qe-bank-filters label{margin:0 0 8px;color:#607591}.qe-bank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qe-bank-card{margin:0;display:flex;flex-direction:column;padding:24px}.qe-bank-card-top{display:flex;justify-content:space-between;gap:9px;align-items:center}.qe-bank-card h2{margin:22px 0 12px;line-height:1.55;overflow-wrap:anywhere;font-size:18px}.qe-bank-meta{display:flex;gap:12px;color:#6d7f96;font-size:14px}.qe-bank-card-footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:24px}.qe-bank-card-footer button{font-size:14px}.qe-difficulty{font-size:12px;padding:5px 8px;border-radius:5px;background:#f2f5f9;color:#687994}.qe-difficulty.easy{background:#eaf8ee;color:#2a7950}.qe-difficulty.hard{background:#fff0e8;color:#a76327}.qe-empty{grid-column:1/-1;text-align:center;padding:60px 20px}.qe-empty-icon{display:inline-grid;place-items:center;width:60px;height:60px;background:#edf3ff;border-radius:16px;color:#5285d4;font-size:32px;margin-bottom:20px}.qe-empty h2{font-size:22px}main:has(.qe-layout){max-width:1500px}.qe-form .error:not(:empty){padding:14px 16px;background:#fff0ed;border:1px solid #f3c4bd;border-radius:8px;line-height:1.5}
@media(max-width:1150px){.qe-layout{grid-template-columns:minmax(0,1fr)}.qe-preview{position:static}.qe-preview-card{max-width:650px;margin:auto}.qe-bank-list{grid-template-columns:1fr}.qe-bank-filters{grid-template-columns:1fr 1fr}.qe-bank-filters>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.qe-type-grid{grid-template-columns:1fr 1fr}.qe-type{flex-direction:column;text-align:center;padding:12px 7px;font-size:13px}.qe-heading h1{font-size:27px}.qe-card{padding:18px}.qe-preview{padding:15px}.qe-advanced summary span{display:block;margin:6px 0 0 18px}.qe-row-fields:has(input[data-qe-field=pair]){flex-direction:column;align-items:stretch}.qe-row-fields>span{text-align:center}.qe-row{gap:5px;padding:7px}.qe-icon{padding:7px}.qe-move{flex-direction:column}.qe-bank-card{padding:20px}.qe-bank-filters{gap:12px;padding:16px}.qe-advanced .grid{grid-template-columns:1fr}.qe-savebar .toolbar{align-items:stretch}.qe-savebar .toolbar>.actions{margin-left:auto}}
.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.ai-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;border-color:#a8c5f2;background:linear-gradient(115deg,#f0f6ff,#fff)}.ai-banner strong{font-size:1.1rem;color:#214e86}.ai-banner p{margin-bottom:0}.ai-types{margin:20px 0;padding:16px;border:1px solid #dce4ef;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-types .check{margin:0}.ai-layout h2{margin-top:18px}.ai-layout blockquote,main>.notice blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid #93b6e9;white-space:pre-wrap;overflow-wrap:anywhere}.ai-layout .card{overflow-wrap:anywhere}.ai-layout form>button{width:100%;margin-top:16px}.ai-layout textarea{resize:vertical}.ai-layout .notice{font-size:.9rem}.ai-layout summary{cursor:pointer;color:#285da0}@media(max-width:1050px){.ai-layout{grid-template-columns:1fr}.ai-banner{align-items:start;flex-direction:column}}@media(max-width:600px){.ai-types{grid-template-columns:1fr}}
.qe-recorder{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:14px;border:1px solid #cfe0f5;border-radius:10px;background:#f5f9ff}.qe-recorder button{min-width:180px}.qe-recorder span{color:#4e627c;font-size:14px;line-height:1.4}
.qe-audio-heading{margin-bottom:20px}.qe-audio-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.qe-audio-card{border-color:#cdddf4}.qe-recorder-main{display:grid;grid-template-columns:minmax(210px,280px) 1fr;padding:22px;background:linear-gradient(120deg,#edf5ff,#f9fbff);border-style:solid}.qe-recorder-main button{min-height:64px;font-size:17px}.qe-recorder-main button:not(.secondary){background:#e33d4f}.qe-audio-review{width:100%;max-width:none;margin:18px 0 6px}.qe-upload-alternative{margin-top:14px;color:#506985}.qe-upload-alternative summary{cursor:pointer;font-size:14px;font-weight:600}.qe-upload-alternative[open] summary{margin-bottom:12px}.qe-audio-savebar .actions{gap:10px}.qe-audio-savebar button[type=submit]{min-height:46px}.qe-audio-savebar button[data-save-mode=continue]{min-width:220px}
@media(max-width:700px){.qe-recorder-main{grid-template-columns:1fr}.qe-recorder-main button{width:100%}.qe-audio-savebar .actions{width:100%}.qe-audio-savebar button{width:100%}}