.app-shell{max-width:1360px;margin:0 auto;padding:48px 24px 72px;position:relative}.app-shell:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 0 0,#49c1b024,#0000 28%),radial-gradient(circle at 84% 8%,#ffa68124,#0000 24%),linear-gradient(#f6fbf8 0%,#eef8f5 100%);position:fixed;inset:0}body{color:#18323a;background:#eef8f5;margin:0;font-family:Malgun Gothic,Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}#root{min-height:100vh}.topbar{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:stretch;gap:20px;margin-bottom:28px;display:grid}.hero-copy,.hero-card,.panel,.notice,.empty-state,.pane,.stat-card,.panel-lite{background:#ffffffe6;border:1px solid #d9ebe6;border-radius:22px;box-shadow:0 14px 34px #251d180f}.hero-copy{padding:28px 30px}.hero-card{color:#f7fffd;background:linear-gradient(#49c1b0f5,#5aa7f5f5);border-color:#ffffff2e;flex-direction:column;justify-content:center;padding:22px 24px;display:flex}.hero-card-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7;align-items:center;gap:8px;width:fit-content;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-flex}.hero-card-label:before{content:"";background:#ffdb7d;border-radius:999px;width:8px;height:8px}.hero-card ul{color:#f7fffdf0;gap:10px;margin:0;padding-left:18px;line-height:1.55;display:grid}.eyebrow{color:#5a7b78;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.topbar h1{letter-spacing:-.06em;color:#17313a;margin:0 0 14px;font-size:clamp(36px,4vw,58px);line-height:1}.intro,.summary-copy{color:#5d6f76;max-width:60ch;margin:0}.summary-copy{margin-top:10px}.panel-lite{color:#60757a;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;padding:12px 16px;font-size:13px;display:flex}.copy-hint{margin-left:auto}.copy-toast{color:#2f8076;font-weight:700}.search-bar{align-items:center;gap:10px;padding:14px 16px;display:flex}.search-input{color:#18323a;background:#fff;border:1px solid #d8cec1;border-radius:14px;outline:none;width:100%;padding:13px 15px;transition:border-color .18s,box-shadow .18s}.filter-chip{color:#60757a;cursor:pointer;background:#fff;border:1px solid #d9ebe6;border-radius:999px;flex:none;padding:11px 14px;font-weight:700;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.filter-chip.active{color:#e25d66;background:#e25d6614;border-color:#e25d6640;box-shadow:0 0 0 3px #e25d6614}.search-input:focus{border-color:#2f8076;box-shadow:0 0 0 3px #2f80761f}.copy-modal-backdrop{z-index:30;background:#12181c75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.copy-modal{background:#fffdf8;border:1px solid #e6dccf;border-radius:20px;width:min(440px,100vw - 32px);padding:24px;box-shadow:0 30px 90px #0000003d}.copy-modal-title{margin:0 0 8px;font-size:18px;font-weight:800}.copy-modal-text{color:#60757a;margin:0 0 20px}.copy-modal-actions{justify-content:flex-end;gap:10px;display:flex}.upload-panel{margin-bottom:20px}.dropzone{cursor:pointer;text-align:center;background:linear-gradient(#fffdf8,#f7fffc);border:2px dashed #b8c5c0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:28px;transition:all .2s;display:flex}.dropzone strong{font-size:19px}.dropzone.drag-active{background:#eefaf7;border-color:#2f8076;box-shadow:inset 0 0 0 2px #2f807614}.dropzone small{color:#60757a;max-width:56ch;line-height:1.55}.upload-icon{color:#2f8076;background:#2f807614;border-radius:18px;place-items:center;width:62px;height:62px;font-size:30px;display:grid}.notice,.empty-state{padding:20px}.notice.error{color:#a84f4a;border-color:#f1b7b0}.upload-button{color:#fff;cursor:pointer;background:linear-gradient(#45b8aa,#2f8076);border:1px solid #2f8076eb;border-radius:14px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 10px 24px #2f80762e}.upload-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #2f807638}.upload-button.secondary{color:#2f8076;background:#f8fffd}.result-panel{margin-top:8px}.summary-panel{justify-content:space-between;align-items:center;gap:22px;padding:26px 28px;display:flex}.summary-panel h2{color:#18242a;letter-spacing:-.03em;margin:0;font-size:22px}.summary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.count{color:#60757a;background:#2f807614;border-radius:999px;padding:10px 12px;font-size:14px}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.stat-card{flex-direction:column;gap:8px;padding:18px 20px;display:flex}.stat-card span{color:#5a7b78;letter-spacing:.02em;font-size:13px}.stat-card strong{color:#2f8076;font-size:30px;line-height:1}.inline-checkbox{color:#37474d;align-items:flex-start;gap:10px;max-width:270px;font-size:13px;display:inline-flex}.inline-checkbox input{accent-color:#2f8076;width:18px;height:18px;margin-top:3px}.inline-checkbox span{flex-direction:column;gap:3px;display:flex}.inline-checkbox small{color:#677178;line-height:1.45}.workspace{gap:16px;display:grid}.workspace-wide{grid-template-columns:1fr}.pane h2,.empty-state h2{color:#5a7b78;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:15px}.compare-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pane{flex-direction:column;display:flex;overflow:hidden}.pane h2{background:linear-gradient(#f7fffc,#eefaf7);border-bottom:1px solid #d9ebe6;padding:16px 20px}.paragraph-list{white-space:pre-wrap;background:linear-gradient(#fffc,#f6fcfaf2);flex-direction:column;gap:10px;height:580px;padding:20px;font-family:Batang,Times New Roman,serif;font-size:15px;line-height:1.8;display:flex;overflow:auto}.paragraph{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9ebe6;border-radius:16px;width:100%;padding:13px;transition:transform .12s,border-color .12s,box-shadow .12s}.paragraph:hover,.preview-line:hover{transform:translateY(-1px)}.paragraph.active,.preview-line.active{border-color:#2f8076;box-shadow:0 0 0 3px #2f80761f}.meta{color:#6b8a86;letter-spacing:.03em;margin-bottom:4px;font-size:12px;display:block}.applied-preview{white-space:pre-wrap;background:linear-gradient(#fffc,#f6fcfaf2);height:580px;padding:20px;font-family:Batang,Times New Roman,serif;font-size:15px;line-height:1.8;overflow:auto}.preview-line{cursor:pointer;border-radius:10px;padding:6px 8px;transition:transform .12s,background .12s,box-shadow .12s}.preview-line p,.paragraph p{margin:0}.heading-line{color:#2f8076;font-weight:700}.title-gap{margin-top:14px}.scene-gap{margin-top:8px;margin-bottom:8px}.page-break-marker{color:#2f8076;background:#2f807614;border-radius:999px;align-items:center;gap:6px;margin:14px 0 10px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.red-dot{background:#ff8a80;border-radius:999px;flex:none;width:10px;height:10px;margin-right:8px;display:inline-block}.quote-added{color:#e25d66;font-weight:700}.warning{color:#8b5b10;margin-top:8px;font-size:12px;display:block}.empty-state{text-align:center;padding:52px 20px}.empty-state p{color:#60757a;margin:8px 0 0}@media (width<=1080px){.topbar,.summary-panel,.compare-grid,.stats-row{grid-template-columns:1fr;display:grid}.summary-panel{gap:18px}.summary-actions{justify-content:flex-start}.copy-hint{width:100%;margin-left:0}.search-bar{flex-direction:column;align-items:stretch}.filter-chip{width:100%}}@media (width<=720px){.app-shell{padding:24px 14px 56px}.hero-copy,.hero-card,.summary-panel,.pane h2,.paragraph-list,.applied-preview,.panel-lite,.stat-card{border-radius:18px}.topbar h1{font-size:32px}.paragraph-list,.applied-preview{height:520px}}