.compare-app-main{max-width:1180px;margin:auto;padding:34px 22px 70px}.compare-gate{max-width:720px;margin:70px auto;background:#fff;border:1px solid #d9e2ef;border-radius:20px;padding:34px;box-shadow:0 18px 45px #10264a12}.compare-gate h1,.compare-app-hero h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.compare-app-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:28px 0 34px}.compare-app-hero p{max-width:720px}.hero-cost{background:#eef4ff;border:1px solid #cbd9ee;border-radius:14px;padding:18px;min-width:220px}.hero-cost span,.hero-cost small{display:block}.hero-cost strong{font-size:1.35rem}.upload-card,.progress-card,.result-card,.history-card{background:#fff;border:1px solid #d7e1ee;border-radius:18px;padding:26px;margin-bottom:22px}.compare-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop-zone{display:grid;place-items:center;text-align:center;min-height:220px;border:2px dashed #91a8c7;border-radius:14px;padding:22px;background:#f7faff;cursor:pointer}.drop-zone:focus-within{outline:3px solid #4b8ef5;outline-offset:3px}.drop-zone>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#173f77;color:#fff;font-weight:800}.drop-zone input{max-width:100%;margin:12px 0}.drop-zone em{font-style:normal;color:#526176;overflow-wrap:anywhere}.confirm-row{display:flex;gap:10px;align-items:flex-start;margin:20px 0}.notice{padding:14px;border-radius:10px;background:#eef4ff;margin-bottom:18px}.notice.error{background:#fff0f0;color:#8b2323}.progress-track{height:10px;background:#e8eef6;border-radius:99px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:#2775da;transition:width .2s}.phase-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:18px 0}.phase-list li{color:#66758a}.phase-list b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8eef6}.phase-list .active{color:#153f78;font-weight:700}.phase-list .done b{background:#1c7348;color:#fff}.result-header{display:flex;justify-content:space-between;gap:18px;align-items:start}.result-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.result-counts article{padding:16px;background:#f1f5fa;border-radius:12px}.result-counts span,.result-counts strong{display:block}.result-counts strong{font-size:1.45rem}.result-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}.result-toolbar label{display:grid;gap:5px}.result-toolbar>span{color:#526176}.comparison-workspace{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;align-items:start}.app-change-list{display:grid;gap:8px;max-height:680px;overflow:auto;padding:2px}.app-change{width:100%;border:1px solid #d8e1ec;border-radius:12px;padding:14px;background:#fff;color:#172238;text-align:left;cursor:pointer}.app-change:hover{border-color:#7597c3;background:#f7faff}.app-change[aria-current="true"]{outline:3px solid #2d76d2;outline-offset:1px;background:#eef5ff}.app-change>span,.app-change>small{display:block}.app-change>span{font-weight:800;color:#874900}.app-change>small{margin-top:4px;color:#58677c}.app-change.critical{border-left:5px solid #b96900}.comparison-viewer{position:sticky;top:18px;border:1px solid #cbd8e8;border-radius:14px;padding:18px;background:#f9fbfe}.viewer-heading,.version-panes article>header{display:flex;justify-content:space-between;gap:12px}.viewer-heading h3{margin:.2rem 0 0}.viewer-heading>span,.version-panes article>header span{color:#526176}.version-panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.version-panes article{background:#fff;border:1px solid #d8e1ec;border-radius:10px;min-width:0}.version-panes article>header{padding:12px;border-bottom:1px solid #e1e7ef}.version-panes article>p{min-height:210px;margin:0;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere}.alignment-confirm{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:13px;border-radius:9px;background:#fff3dc;border:1px solid #dfbf80}.alignment-actions{margin-top:16px;padding:16px;border-radius:12px;background:#eef5ff}.alignment-actions p{margin-top:0}.history-list{display:grid;gap:10px}.history-item{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid #dce4ef;border-radius:10px}.history-meta span,.history-meta small{display:block;color:#58677c}.history-actions{display:flex;gap:8px;align-items:center}.result-actions{margin-top:20px}.noscript{padding:20px}@media(max-width:820px){.comparison-workspace{grid-template-columns:1fr}.app-change-list{max-height:350px}.comparison-viewer{position:static}.version-panes{grid-template-columns:1fr}.version-panes article>p{min-height:130px}}@media(max-width:720px){.compare-app-main{padding:22px 14px 50px}.compare-app-hero,.compare-upload-grid{grid-template-columns:1fr}.hero-cost{min-width:0}.phase-list{grid-template-columns:1fr 1fr}.result-counts{grid-template-columns:1fr 1fr}.result-header,.history-item{display:grid}.history-actions{flex-wrap:wrap}.result-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:380px){.upload-card,.progress-card,.result-card,.history-card,.compare-gate{padding:17px}.result-counts{grid-template-columns:1fr}.phase-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.progress-track span{transition:none}}