*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: #0071e3;--blue-light: #f0f7ff;--bg: #f5f5f7;--white: #ffffff;--text: #1d1d1f;--text-secondary: #6e6e73;--border: #e0e0e5;--border-hover: #adadb8;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--radius: 10px;--radius-sm: 6px;--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif}html,body,#root{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;height:48px;flex-shrink:0;position:sticky;top:0;z-index:100;gap:4px}.top-bar-title{font-size:15px;font-weight:600;color:var(--text);margin-right:20px;white-space:nowrap}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:10px 14px;cursor:pointer;font-size:13px;font-weight:400;font-family:var(--font);transition:all .15s;white-space:nowrap;height:48px;display:flex;align-items:center;gap:4px}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:500}.body-area{display:flex;flex:1;overflow:hidden}.sidebar{width:190px;flex-shrink:0;border-right:1px solid var(--border);background:#fafafa;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-section{padding:10px 8px 4px;font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.src-item{padding:8px 12px;cursor:pointer;font-size:12px;color:#555;border-left:2px solid transparent;display:flex;justify-content:space-between;align-items:center;transition:background .1s;gap:6px}.src-item:hover{background:var(--white)}.src-item.active{color:var(--blue);border-left-color:var(--blue);background:var(--white);font-weight:500}.src-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:10px;background:#e8e8ed;padding:1px 5px;border-radius:4px;color:var(--text-secondary);flex-shrink:0}.src-item.active .badge{background:#daeaff;color:var(--blue)}.sidebar-bottom{margin-top:auto;padding:10px 8px;border-top:1px solid var(--border)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.card-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;transition:all .15s;font-weight:400;white-space:nowrap}.btn:hover{border-color:var(--border-hover);background:#f9f9f9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:#005ec4;border-color:#005ec4}.btn-danger{color:#d32f2f;border-color:#ffcdd2}.btn-danger:hover{background:#fff5f5;border-color:#ef9a9a}.btn-sm{padding:4px 10px;font-size:11px}.btn-icon{padding:5px 8px;font-size:13px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);font-size:12px;font-family:var(--font);cursor:pointer;outline:none;transition:border-color .15s}.filter-select:focus{border-color:var(--blue)}.search-input{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text);font-size:12px;font-family:var(--font);outline:none;width:180px;transition:border-color .15s}.search-input:focus{border-color:var(--blue);width:220px}.search-input::placeholder{color:#aaa}.upload-area{border:2px dashed var(--border);border-radius:var(--radius);padding:28px 20px;text-align:center;cursor:pointer;transition:all .15s;background:var(--white)}.upload-area:hover,.upload-area.drag-over{border-color:var(--blue);background:var(--blue-light)}.upload-area-icon{font-size:32px;margin-bottom:8px}.upload-area-text{font-size:13px;color:var(--text-secondary)}.upload-area-hint{font-size:11px;color:#aaa;margin-top:4px}.progress-bar-wrap{background:#eee;border-radius:4px;height:6px;overflow:hidden}.progress-bar{height:100%;background:var(--blue);border-radius:4px;transition:width .3s ease}.question-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .1s}.question-card:hover{border-color:var(--border-hover)}.question-card.selected{border-color:var(--blue);background:var(--blue-light)}.question-card-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.question-num{font-size:11px;font-weight:600;color:var(--text-secondary);width:24px;flex-shrink:0;padding-top:1px}.question-text{font-size:13px;color:var(--text);flex:1;line-height:1.6}.passage-preview{font-size:11px;color:var(--text-secondary);background:#f8f8fa;border-radius:var(--radius-sm);padding:6px 8px;margin-bottom:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.options-list{list-style:none;display:flex;flex-direction:column;gap:3px;margin:8px 0}.option-item{font-size:12px;color:var(--text-secondary);padding:3px 6px;border-radius:4px}.option-item.correct{color:#0a7d3e;background:#e8f5e9;font-weight:500}.explanation-box{font-size:11px;color:var(--text-secondary);background:#fffbe6;border-left:3px solid #ffc107;padding:6px 8px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:8px;line-height:1.5}.type-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600;background:#e8e8ed;color:var(--text-secondary);white-space:nowrap}.type-badge.main_idea{background:#e3f2fd;color:#1565c0}.type-badge.title{background:#f3e5f5;color:#6a1b9a}.type-badge.blank{background:#e8f5e9;color:#2e7d32}.type-badge.order{background:#fff3e0;color:#e65100}.type-badge.insert{background:#fce4ec;color:#880e4f}.type-badge.grammar{background:#e0f2f1;color:#00695c}.type-badge.summary{background:#ede7f6;color:#4527a0}.type-badge.vocabulary{background:#e1f5fe;color:#01579b}.type-badge.content_match{background:#fbe9e7;color:#bf360c}.type-badge.ai{background:#fff8e1;color:#f57f17}.toggle-wrap{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{width:36px;height:20px;background:#ccc;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}.toggle-track.on{background:var(--blue)}.toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003;transition:left .2s}.toggle-track.on .toggle-thumb{left:18px}.toggle-label{font-size:13px;color:var(--text)}.chk{width:18px;height:18px;border-radius:4px;flex-shrink:0;border:1.5px solid #ccc;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:all .1s}.chk.on{background:var(--blue);border-color:var(--blue);color:#fff}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);color:var(--text);outline:none;transition:border-color .15s;background:var(--white)}.form-input:focus,.form-textarea:focus{border-color:var(--blue)}.form-textarea{resize:vertical;line-height:1.6}.step-bar{display:flex;align-items:center;gap:0;margin-bottom:16px}.step-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.step-item.active{color:var(--blue);font-weight:600}.step-item.done{color:#0a7d3e}.step-circle{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--white)}.step-item.active .step-circle{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.step-item.done .step-circle{border-color:#0a7d3e;color:#fff;background:#0a7d3e}.step-line{width:28px;height:1px;background:var(--border);flex-shrink:0}.type-chips{display:flex;flex-wrap:wrap;gap:6px}.type-chip{padding:5px 12px;border-radius:16px;border:1.5px solid var(--border);font-size:12px;cursor:pointer;background:var(--white);color:var(--text-secondary);transition:all .1s;-webkit-user-select:none;user-select:none}.type-chip:hover{border-color:var(--blue);color:var(--blue)}.type-chip.selected{border-color:var(--blue);background:var(--blue-light);color:var(--blue);font-weight:500}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:8px 10px;border-bottom:1.5px solid var(--border);color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#fafafa}.data-table td{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8f8fa}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-secondary);font-size:13px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state-text{font-size:14px;font-weight:500;margin-bottom:4px;color:var(--text)}.empty-state-hint{font-size:12px}.alert{padding:10px 14px;border-radius:var(--radius-sm);font-size:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.alert-error{background:#fff5f5;border:1px solid #ffcdd2;color:#c62828}.alert-success{background:#f1f8e9;border:1px solid #c5e1a5;color:#2e7d32}.alert-info{background:var(--blue-light);border:1px solid #bbdefb;color:#1565c0}.divider{height:1px;background:var(--border);margin:12px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.section-title{font-size:14px;font-weight:600;color:var(--text)}.col-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.passage-full{font-size:12px;line-height:1.8;color:var(--text);background:#fafafa;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;white-space:pre-wrap}@media print{.no-print{display:none!important}body{background:#fff;font-size:10pt}.app-shell{height:auto}.top-bar,.sidebar{display:none!important}.main-content{padding:0;overflow:visible}.print-header{text-align:center;margin-bottom:16pt}.print-title{font-size:16pt;font-weight:700;margin-bottom:4pt}.print-meta{font-size:9pt;color:#666}body.print-exam .exam-columns{column-count:2;column-gap:20pt;column-rule:1px solid #ccc}.question-card{break-inside:avoid;page-break-inside:avoid;border:none;border-bottom:1px solid #eee;border-radius:0;padding:8pt 0;margin-bottom:6pt;box-shadow:none;background:#fff}.question-card.selected{background:#fff;border-color:#eee}.card{border:none;box-shadow:none;padding:0}.passage-preview{-webkit-line-clamp:unset;display:block;background:none;padding:0;margin-bottom:4pt}.answer-sheet{break-before:page}}.upload-mode-tabs{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px}.upload-mode-btn{background:transparent;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-family:var(--font);color:var(--text-secondary);cursor:pointer;transition:all .12s;white-space:nowrap}.upload-mode-btn.active{background:var(--white);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.wb-type-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;background:var(--white);color:var(--text);transition:all .12s;-webkit-user-select:none;user-select:none}.wb-type-chip:hover{border-color:var(--blue)}.wb-type-chip.on{border-color:var(--blue);background:var(--blue-light);color:var(--blue)}.wb-type-num{font-size:15px;width:22px;text-align:center;flex-shrink:0}.wb-progress-wrap{position:relative;height:34px;border-radius:var(--radius-sm);overflow:hidden;background:#e8e8ed;margin-top:10px}.wb-progress-bar-inner{position:absolute;top:0;left:0;height:100%;background:var(--blue);transition:width .3s ease}.wb-progress-label{position:relative;z-index:1;font-size:11px;color:var(--white);padding:0 12px;line-height:34px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-passage-block{margin-bottom:28px}.wb-passage-label{font-size:12px;font-weight:700;color:#1e3a5f;border-left:4px solid #1e3a5f;padding:4px 10px;background:#eef2f8;border-radius:0 4px 4px 0;margin-bottom:12px}.wb-section{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:14px}.wb-section:last-child{margin-bottom:0}.wb-section-head{background:#1e3a5f;color:#fff;display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13px;font-weight:600}.wb-section-num{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.wb-section-body{padding:12px 14px}.wb-pt-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.65}.wb-pt-table th{background:#f5f5f7;padding:6px 8px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border)}.wb-pt-table td{padding:7px 8px;border:1px solid var(--border);vertical-align:top}.wb-pt-num{text-align:center;color:var(--text-secondary);font-size:11px;width:32px;font-weight:600}.wb-pt-eng{color:var(--text)}.wb-pt-kor{color:#333;min-width:140px}.wb-items{display:flex;flex-direction:column;gap:10px}.wb-item{display:flex;gap:10px;align-items:flex-start}.wb-item-num{width:24px;height:24px;border-radius:50%;background:#1e3a5f;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.wb-item-num-inline{display:inline-flex;width:20px;height:20px;border-radius:50%;background:#1e3a5f;color:#fff;font-size:10px;font-weight:700;align-items:center;justify-content:center;margin-right:4px;vertical-align:middle;flex-shrink:0}.wb-item-body{flex:1;min-width:0}.wb-item-q{font-size:12px;color:var(--text);line-height:1.65;margin-bottom:4px}.wb-item-error{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed var(--border)}.wb-item-error:last-child{border-bottom:none}.wb-ox-boxes{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.wb-ox-box{width:22px;height:22px;border:1.5px solid #aaa;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-secondary)}.wb-ans-row{display:flex;align-items:center;gap:6px;margin-top:3px;min-height:18px;flex-wrap:wrap}.wb-ans-arrow{font-size:10px;color:#1e3a5f;flex-shrink:0}.wb-ans-text{font-size:11px;color:#1565c0;font-weight:500}.wb-err-text{color:#c62828;font-size:11px;font-weight:500}.wb-ok-text{color:#2e7d32;font-size:11px;font-weight:500}.wb-choice{color:#c62828;font-weight:600;font-size:12px}.wb-blank-line{display:none}@media print{body.print-wb .wb-ans,body.print-wb .wb-ans-arrow{display:none!important}body.print-wb .wb-blank-line{display:block!important;width:100%;border-bottom:1px solid #999;height:18px;margin-top:2px}body.print-wb .wb-pt-kor .wb-ans{display:none!important}body.print-wb .wb-pt-kor .wb-blank-line{display:block!important;border-bottom:1px solid #999;height:16px;margin-top:2px}body.print-ak .wb-blank-line{display:none!important}body.print-ak .wb-ans,body.print-ak .wb-ans-arrow{display:inline!important}body.print-ak .wb-ans-row{display:flex!important}.wb-section,.wb-passage-block{break-inside:avoid}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}.vocab-table{width:100%;border-collapse:collapse;font-size:12px}.vocab-table th{background:#f5f5f7;padding:8px 10px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);border-bottom:1.5px solid var(--border)}.vocab-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}.vocab-table tr:last-child td{border-bottom:none}.pos-badge{display:inline-block;font-size:9px;padding:1px 5px;background:#e8e8ed;color:var(--text-secondary);border-radius:3px;font-family:monospace}.answer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;font-size:12px}.answer-cell{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;text-align:center}.answer-cell-num{font-size:10px;color:var(--text-secondary);margin-bottom:2px}.answer-cell-val{font-weight:600;color:var(--text)}.passage-row{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:border-color .1s}.passage-row:hover{border-color:var(--border-hover)}.passage-row.sel{border-color:var(--blue);background:var(--blue-light)}.row-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.question-card:hover .row-actions,.passage-row:hover .row-actions{opacity:1}.result-card{background:var(--white);border:1.5px solid var(--blue);border-radius:var(--radius);padding:14px 16px}