:root{--ink:#172538;--muted:#6c7b8d;--line:#e6ebf0;--blue:#245ad7;--blue-deep:#1849be;--pale:#f4f7fb;--mint:#ddf4ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.app-shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 max(32px,calc((100vw - 1232px)/2))}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-size:24px;font-weight:800;letter-spacing:-1.5px;color:#152a4f}.brand-mark{width:33px;height:33px;border-radius:10px;background:#245ad7;color:#fff;display:grid;place-items:center}.brand-dot{color:#3b75e6}.brand-divider{height:19px;width:1px;background:#d9e1ec;margin:0 5px}.brand-sub{font-size:13px;font-weight:600;letter-spacing:0;color:#61738c}.top-status{font-size:12px;font-weight:700;color:#54705f;display:flex;align-items:center;gap:8px;background:#eef7f1;padding:9px 13px;border-radius:20px}.status-dot{width:7px;height:7px;background:#53aa72;border-radius:50%}.main-wrap{max-width:1232px;margin:auto;padding:0 20px}.hero{height:250px;background:linear-gradient(105deg,#173a83,#1d50a8 65%,#2d69c6);margin-top:28px;border-radius:20px;padding:35px 53px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero:before{content:"";position:absolute;width:510px;height:510px;right:-60px;top:-280px;border:1px solid #ffffff21;border-radius:50%;box-shadow:0 0 0 65px #ffffff08,0 0 0 145px #ffffff07}.eyebrow{display:flex;align-items:center;gap:7px;color:#b9d0ff;font-size:10px;font-weight:800;letter-spacing:2px}.eyebrow span{opacity:.7}.hero h1{font-size:32px;letter-spacing:-1.8px;line-height:1.36;margin:15px 0 11px}.hero h1 em{font-style:normal;color:#a9d5ff}.hero p{font-size:14px;color:#d7e4fc;margin:0}.hero-art{position:absolute;right:110px;top:26px;width:280px;height:250px;transform:rotate(6deg)}.art-sheet{background:#fff;border-radius:9px;box-shadow:0 18px 35px #08224b55;position:absolute;width:205px;height:230px}.art-sheet.back{left:35px;top:12px;transform:rotate(-14deg);opacity:.65}.art-sheet.front{left:55px;top:11px;padding:30px 23px}.art-line{height:6px;width:110px;background:#cbd8ed;border-radius:5px;display:block;margin-bottom:9px}.art-line.wide{width:135px;height:9px;background:#9eb9e5;margin-bottom:18px}.art-line.small{width:85px;margin-bottom:20px}.art-num{display:block;color:#2b63c5;font-size:12px;font-weight:800;margin-bottom:10px}.art-option{height:11px;border:1px solid #d8e1ed;width:145px;border-radius:4px;display:block;margin:8px 0}.art-check{position:absolute;right:-18px;bottom:19px;width:46px;height:46px;display:grid;place-items:center;background:#e6faf0;color:#219c62;border:5px solid white;border-radius:50%;box-shadow:0 5px 15px #15386d55}.stepper{height:86px;display:flex;align-items:center;gap:17px;color:#adb8c7}.stepper>svg{color:#c1ccda}.step{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;color:#8b98a9}.step span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e9eef4;color:#94a1b0;font-size:10px}.step.active{color:#1f4fb6}.step.active span{background:#e5efff;color:#245ad7}.workspace-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:20px;align-items:start}.left-stack,.right-stack{display:flex;flex-direction:column;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 20px #1d3b6610}.settings-panel,.upload-panel{padding:25px}.panel-heading,.result-header{display:flex;justify-content:space-between;align-items:flex-start}.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#3870d9;margin-bottom:7px}.panel h2,.saved-heading h2{font-size:20px;letter-spacing:-.9px;margin:0;font-weight:800}.panel-heading p,.result-header p{font-size:12px;color:#8a96a6;margin:8px 0 0}.heading-icon{width:36px;height:36px;background:#edf4ff;border-radius:10px;color:#3264c3;display:grid;place-items:center}.dropzone{width:100%;height:151px;border:1.5px dashed #b8cbea;background:#f8fbff;border-radius:10px;margin-top:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8190a5}.dropzone:focus-visible,.dropzone:hover{border-color:#3268dc;background:#f2f7ff}.dropzone strong{font-size:12px;color:#3d5372}.dropzone>span:last-child{font-size:10px}.drop-icon{height:38px;width:38px;border-radius:10px;background:#e7effe;color:#3268dc;display:grid;place-items:center;margin-bottom:2px}.text-button{border:0;background:none;color:#2d64cc;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;margin-top:16px;padding:0}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:13px}.file-row{display:flex;align-items:center;gap:10px;border:1px solid #e7edf4;padding:8px;border-radius:9px}.file-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:7px;background:#eef4ff;color:#3767c5}.file-icon.엑셀{background:#e9f7ef;color:#2d9361}.file-icon.이미지{background:#fff2e8;color:#c47a38}.file-info{min-width:0;flex:1 1}.file-info small,.file-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info strong{font-size:11px}.file-info small{font-size:10px;color:#9ba7b6;margin-top:3px}.icon-button{border:0;background:transparent;color:#8d9caf;padding:5px;display:grid;place-items:center}.icon-button:hover{color:#245ad7}.settings-panel .panel-heading{margin-bottom:23px}.form-field{margin-bottom:18px}.editor label,.form-field label{font-size:12px;font-weight:800;color:#415067;display:block;margin-bottom:8px}.required{color:#e36a64}.editor input,.editor textarea,.form-field input,.form-field select{width:100%;height:40px;border:1px solid #dce4ed;border-radius:7px;padding:0 12px;color:#26374b;background:#fff;outline:none;font-size:12px}.editor input:focus,.editor textarea:focus,.form-field input:focus,.form-field select:focus{border-color:#3570df;box-shadow:0 0 0 3px #eaf1ff}.form-field small{font-size:10px;color:#9ba7b7;display:block;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.select-wrap{position:relative}.select-wrap select{appearance:none}.select-wrap svg{position:absolute;right:11px;top:12px;pointer-events:none;color:#8092aa}.segmented{display:flex;gap:6px}.segmented button{flex:1 1;height:38px;border:1px solid #dce4ed;background:#fff;border-radius:7px;color:#64758b;font-size:12px;font-weight:700}.segmented button.selected{background:#eaf2ff;color:#235bcc;border-color:#9bbcf5}.primary-button{height:42px;border:0;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:#245ad7;font-size:12px;font-weight:800}.primary-button:hover:not(:disabled){background:#1849be}.generate-button{width:100%;margin-top:1px}.generate-button svg:last-child{margin-left:auto}.mock-note{display:flex;align-items:flex-start;gap:7px;color:#9aa6b4;font-size:10px;line-height:1.5;margin-top:12px}.mock-note svg{flex-shrink:0}.result-panel{min-height:430px}.result-header{padding:25px;border-bottom:1px solid #eef1f5}.count-badge{font-size:13px;color:#2d67d0;background:#eaf2ff;border-radius:6px;padding:3px 8px;margin-left:4px;vertical-align:2px}.outline-button{height:34px;padding:0 11px;border:1px solid #dce5ef;background:#fff;border-radius:7px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#52677f;white-space:nowrap}.outline-button:hover:not(:disabled){border-color:#81a8ef;color:#235bcc}.empty-results{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-illustration{width:77px;height:77px;border-radius:20px;background:#f0f5fc;color:#a0b8db;display:grid;place-items:center;position:relative;margin-bottom:17px}.empty-illustration span{position:absolute;right:-10px;top:-8px;background:#e1edff;color:#3568c6;border:3px solid white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.empty-results strong{font-size:14px}.empty-results p{font-size:12px;line-height:1.6;color:#9aa6b6;margin:8px 0 0}.questions-list{padding:17px;display:flex;flex-direction:column;gap:14px}.question-card{border:1px solid #e5ebf2;border-radius:11px;padding:18px;background:#fff}.question-card.reviewed{border-color:#a9dcbc}.question-actions,.question-title,.question-top,.review-state{display:flex;align-items:center}.question-top{justify-content:space-between}.question-title{gap:7px}.question-num{color:#245ad7;font-size:17px;font-weight:900;margin-right:3px}.difficulty-chip,.type-chip{font-size:10px;padding:4px 7px;border-radius:5px;background:#edf3ff;color:#3664b3;font-weight:700}.difficulty-chip{background:#f3f5f7;color:#77879a}.review-state{display:flex;align-items:center;gap:4px;font-size:10px;color:#b78550;font-weight:700}.review-state.done{color:#389666}.passage{padding:14px;background:#f7f9fc;border-left:2px solid #c8d9f4;border-radius:3px;margin-top:15px}.passage span{font-size:9px;letter-spacing:1.2px;color:#7f9bc4;font-weight:900}.passage p{font-size:11px;line-height:1.7;color:#475a73;margin:7px 0 0}.question-card h3{font-size:13px;margin:17px 0 13px;line-height:1.55}.choices{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 13px;margin:0 0 15px}.choices li{font-size:11px;color:#5d6f83;display:flex;gap:7px;line-height:1.4}.choices li span{flex-shrink:0;width:18px;height:18px;border:1px solid #dce5f1;border-radius:50%;font-size:9px;display:grid;place-items:center;color:#8597af}.answer-box{display:grid;grid-template-columns:31px 1fr;gap:6px;font-size:10px;line-height:1.5;background:#f3faf7;padding:10px;border-radius:7px;color:#4b7560}.answer-box strong{color:#2d9164}.question-actions{justify-content:space-between;margin-top:15px;border-top:1px solid #eef2f5;padding-top:13px}.question-actions button{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border:0;background:none}.edit-button{color:#667d9c}.review-button{color:#2a61cb}.review-button.checked{color:#2d9361}.editor{margin-top:14px;display:flex;flex-direction:column;gap:11px}.editor label{margin:0}.editor textarea{height:auto;resize:vertical;line-height:1.55;padding:10px;margin-top:6px}.editor input{margin-top:6px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.small-primary{border:0;border-radius:6px;background:#eaf2ff;color:#245ad7;font-weight:800;padding:9px 11px;align-self:flex-start;font-size:11px;display:flex;align-items:center;gap:5px}.review-panel{padding:23px}.review-title{display:flex;align-items:center;gap:11px}.review-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf5ee;color:#3b9b6d}.review-title h2{font-size:18px}.review-intro{font-size:11px;color:#8b9aaa;margin:14px 0}.review-checklist{display:flex;flex-direction:column;gap:11px}.review-checklist label{display:flex;align-items:center;gap:9px;font-size:11px;color:#485a6e;cursor:pointer}.review-checklist input{appearance:none;width:16px;height:16px;border:1px solid #cbd7e4;border-radius:4px;display:grid;place-items:center;margin:0;flex-shrink:0}.review-checklist input:checked{background:#2c65d7;border-color:#2c65d7}.review-checklist input:checked:after{content:"✓";font-size:12px;color:#fff;font-weight:900}.review-warning{display:flex;align-items:flex-start;gap:8px;background:#fff9ee;border:1px solid #f4e7cf;border-radius:7px;color:#9d7843;padding:11px;margin-top:18px;font-size:10px;line-height:1.55}.review-warning svg{flex-shrink:0}.save-row{display:flex;justify-content:space-between;gap:10px;margin-top:19px}.save-row>*{flex:1 1;height:39px}.save-hint{font-size:10px;color:#94a1b0;margin:10px 0 0;text-align:right}.saved-section{margin-top:27px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 24px}.saved-heading{display:flex;justify-content:space-between;align-items:center}.saved-heading h2{font-size:17px}.saved-heading>span{font-size:11px;color:#9ba7b6}.saved-empty{margin-top:15px;border-top:1px solid #eef2f5;color:#a2adba;font-size:11px;padding:18px 0 0}.saved-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:17px}.saved-item{border:1px solid #e8edf3;border-radius:8px;background:#fff;display:flex;text-align:left;align-items:center;gap:11px;padding:10px}.saved-item:hover{border-color:#95b8ef}.saved-item>span:nth-child(2){flex:1 1}.saved-item small,.saved-item strong{display:block}.saved-item strong{font-size:12px}.saved-item small{font-size:10px;color:#9aa6b5;margin-top:4px}.saved-icon{width:34px;height:34px;background:#edf4ff;color:#326bd2;border-radius:7px;display:grid;place-items:center}.saved-item>svg{color:#9daec0}.footer{padding:29px 2px 35px;display:flex;justify-content:space-between;color:#a6b0bd;font-size:10px;font-weight:800;letter-spacing:.6px}.footer i{font-weight:400;font-style:normal;letter-spacing:0;margin-left:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24364d;color:#fff;border-radius:9px;box-shadow:0 10px 30px #1a2d4a35;padding:12px 13px 12px 17px;display:flex;align-items:center;gap:15px;max-width:min(640px,calc(100vw - 30px));z-index:20;font-size:12px;line-height:1.5}.toast button{border:0;background:none;color:#fff;display:grid;place-items:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:#101d2db8;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px}.preview-modal{width:min(760px,100%);max-height:90dvh;background:#f5f7fa;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.modal-header{background:white;border-bottom:1px solid #e6ebf0;padding:17px 22px;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;margin:0}.modal-actions{display:flex;align-items:center;gap:9px}.preview-scroll{overflow:auto;padding:22px}.exam-paper{background:#fff;box-shadow:0 2px 14px #1a2b4315;max-width:650px;min-height:790px;margin:auto;padding:40px 45px;color:#202c3b}.paper-header{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8192a7;font-weight:800;border-bottom:2px solid #1f3658;padding-bottom:10px}.exam-paper h1{text-align:center;font-size:23px;letter-spacing:-1px;margin:33px 0 25px}.paper-meta{display:flex;justify-content:space-between;border-bottom:1px solid #b9c5d3;padding-bottom:15px;font-size:11px}.paper-meta b{font-weight:400;color:#a0abb9}.paper-caution{font-size:10px;color:#986d38;background:#fff8eb;padding:10px;margin:18px 0}.paper-question{padding:20px 0;border-bottom:1px solid #e6ebf0;page-break-inside:avoid;break-inside:avoid}.paper-question h3{font-size:13px;line-height:1.6;margin:0 0 11px}.paper-question h3 small{font-size:10px;color:#8390a0;font-weight:400}.paper-passage{font-size:11px;line-height:1.75;background:#f6f8fa;padding:13px;margin:0 0 12px}.paper-question ol{padding:0;list-style:none;font-size:11px;display:grid;gap:7px}.answer-line{font-size:12px;color:#a8b3bf;margin-top:18px;overflow:hidden;white-space:nowrap}@media(max-width:900px){.workspace-grid{grid-template-columns:340px minmax(0,1fr)}.hero-art{right:35px}.hero{padding-left:35px}.choices{grid-template-columns:1fr}.save-row{flex-direction:column}}@media(max-width:700px){.topbar{height:60px;padding:0 18px}.brand{font-size:20px}.brand-sub{font-size:11px}.top-status{font-size:0;padding:10px}.main-wrap{padding:0 14px}.hero{height:auto;min-height:205px;margin-top:15px;padding:26px 23px}.hero h1{font-size:26px}.hero p{font-size:12px;line-height:1.6;max-width:260px}.hero-art{opacity:.28;right:-100px;top:10px}.stepper{gap:5px;justify-content:space-between;height:69px}.stepper>svg{width:12px}.step{font-size:0;gap:4px}.step span{font-size:10px}.workspace-grid{grid-template-columns:1fr;gap:14px}.left-stack,.right-stack{gap:14px}.result-header,.review-panel,.settings-panel,.upload-panel{padding:19px}.result-header{gap:8px}.result-header .outline-button{font-size:10px}.questions-list{padding:12px}.choices{grid-template-columns:1fr 1fr}.save-row{flex-direction:row}.saved-list{grid-template-columns:1fr}.footer{gap:15px;line-height:1.5}.modal-backdrop{align-items:flex-end;padding:0}.preview-modal{width:100%;max-height:85dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.preview-modal:before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:#ccd6e2;position:absolute;top:9px;left:calc(50% - 18px)}.modal-header{padding:20px 15px 12px}.preview-scroll{padding:12px}.exam-paper{padding:25px 18px;min-height:650px}.paper-header{font-size:7px}}@media(max-width:420px){.brand-divider,.brand-sub{display:none}.choices{grid-template-columns:1fr}.save-row{flex-direction:column}.save-row>*{flex:none;width:100%;height:39px}.exam-paper h1{font-size:19px}.paper-meta{font-size:9px}}@media print{body{background:#fff}.main-wrap,.modal-backdrop:before,.modal-header,.toast,.topbar{display:none!important}.modal-backdrop{position:static;background:#fff;padding:0;display:block}.preview-modal{display:block;max-height:none;width:100%;border-radius:0;background:#fff;overflow:visible}.preview-scroll{overflow:visible;padding:0}.exam-paper{box-shadow:none;max-width:none;min-height:0;padding:0}.paper-caution{display:none}@page{size:A4;margin:18mm}}