:root{--accent: #000299;--emphasis: #3b87be;--bg: #e7f1f7;--white: #ffffff;--ink: #1f2933;--ink-soft: #5b6b79;--alert: #e05252}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}.layout{min-height:100vh}.topbar{background:var(--white);border-bottom:1px solid #d5e3ec;display:flex;align-items:stretch;gap:1.6rem;padding:0 1.6rem;position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;justify-content:center;padding:.6rem 0}.brand-title{font-size:1.05rem;font-weight:700;color:var(--accent);line-height:1.3}.brand-sub{font-size:.68rem;color:var(--ink-soft)}.topnav{display:flex;align-items:stretch}.top-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border:none;background:none;color:var(--ink-soft);padding:.55rem 1.2rem;cursor:pointer;border-bottom:3px solid transparent}.top-item:hover{background:var(--bg)}.top-item.active{background:var(--bg);color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.top-icon{display:inline-flex;width:21px;height:21px}.top-icon svg{width:100%;height:100%}.top-label{font-size:.75rem}.topbar-note{margin-left:auto;align-self:center;font-size:.72rem;color:var(--ink-soft);text-align:right}.main{padding:2.2rem 2.5rem 7rem;max-width:1040px;width:100%;margin:0 auto}.page-head{margin-bottom:1.2rem}.page-head h1{font-size:1.45rem;color:var(--accent);margin-bottom:.4rem}.page-head p{font-size:.95rem;color:var(--ink-soft)}.notice{background:var(--white);border-left:4px solid var(--emphasis);border-radius:8px;padding:.8rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.card{background:var(--white);border-radius:12px;padding:1.6rem;margin-bottom:1.2rem;box-shadow:0 1px 4px #00029912}.card h2{font-size:1.05rem;color:var(--accent);margin-bottom:1rem}.pair-card{position:relative;padding-top:2.6rem}.card-remove{position:absolute;top:.6rem;right:.6rem;width:28px;height:28px;border:none;border-radius:50%;background:var(--bg);color:var(--ink-soft);font-size:.85rem;cursor:pointer;line-height:1}.card-remove:hover{background:#fdeaea;color:var(--alert)}.file-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.file-row>*{min-width:0}.drop-zone{border:1.5px dashed #9dbfd8;border-radius:12px;padding:1.6rem 1.2rem;background:#f6fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35rem;min-height:165px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;color:var(--emphasis)}.drop-zone:hover{border-color:var(--emphasis);background:var(--white)}.drop-zone.dragging{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #3b87be40}.drop-zone.filled{border-style:solid;border-color:#cfe0ec;background:var(--white);cursor:default;align-items:stretch;text-align:left}.dz-label{font-weight:700;font-size:.9rem;color:var(--accent)}.dz-sub{font-size:.78rem;color:var(--ink-soft)}.doc-icon{color:var(--emphasis)}.file-chip{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;background:var(--bg);border-radius:10px;padding:.7rem .9rem}.file-chip-body{flex:1;min-width:0}.file-name{font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:var(--ink-soft)}.clear-btn{border:none;background:none;color:var(--ink-soft);font-size:.95rem;cursor:pointer;padding:.2rem .4rem;border-radius:6px}.clear-btn:hover{background:#dcebf4;color:var(--alert)}button.primary{background:var(--accent);color:var(--white);border:none;border-radius:8px;padding:.7rem 1.8rem;font-size:.95rem;font-weight:600;cursor:pointer}button.primary:hover:not(:disabled){opacity:.88}button.primary:disabled{opacity:.35;cursor:not-allowed}button.secondary{background:var(--white);color:var(--emphasis);border:1.5px solid var(--emphasis);border-radius:8px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;cursor:pointer}.actions{display:flex;gap:.8rem;align-items:center}.error{color:#b3261e;font-size:.9rem;margin-top:.6rem}.result{border-top:1px solid #e3edf4;margin-top:1.3rem;padding-top:1.1rem}.action-bar{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap;position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--white);border-top:1px solid #d5e3ec;box-shadow:0 -2px 10px #0002990f;padding:.8rem 1rem}.result-bar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.result-counts{font-size:.92rem;margin-right:auto}.result-detail{margin-top:.8rem}a.download.compact{margin-top:0;padding:.4rem 1rem;font-size:.85rem}.summary{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stat{background:var(--bg);border-radius:10px;padding:.7rem 1.3rem;min-width:140px}.stat .num{font-size:1.6rem;font-weight:700;color:var(--emphasis)}.stat .label{font-size:.78rem;color:var(--ink-soft)}.section-label{font-size:.88rem;font-weight:600;color:var(--accent);margin:1rem 0 .4rem}.finding-list{list-style:none}.finding-list li{border:1.5px solid var(--alert);border-radius:6px;background:var(--white);padding:.5rem .8rem;margin-bottom:.5rem;font-size:.87rem}.finding-list li.clickable{cursor:pointer}.finding-list li.clickable:hover{background:#fdf3f3}.copied{color:#2e7d4f;font-size:.78rem;font-weight:600;margin-left:.5rem}.images-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}.images-row img{max-width:170px;max-height:120px;border:3px solid var(--alert);border-radius:4px;background:var(--white)}a.download{display:inline-block;margin-top:1rem;background:var(--emphasis);color:var(--white);border-radius:8px;padding:.75rem 1.8rem;font-weight:600;text-decoration:none;font-size:.95rem}a.download:hover{opacity:.88}.muted{color:var(--ink-soft);font-size:.88rem}.history-table{width:100%;border-collapse:collapse;font-size:.88rem}.history-table th{text-align:left;color:var(--ink-soft);font-size:.78rem;font-weight:600;padding:.4rem .6rem;border-bottom:2px solid var(--bg)}.history-table td{padding:.6rem;border-bottom:1px solid #eef4f8;vertical-align:middle}.history-table .nowrap{white-space:nowrap}.history-table .file-a{font-weight:600}.actions-cell{text-align:right}.small-btn{background:var(--white);color:var(--emphasis);border:1.5px solid var(--emphasis);border-radius:6px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;margin-left:.4rem}.small-btn:hover{background:var(--bg)}.small-btn.danger{color:var(--alert);border-color:var(--alert)}.link-btn{background:none;border:none;padding:0;color:var(--emphasis);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:underline;text-align:left}.link-btn:hover{color:var(--accent)}.muted.small{font-size:.75rem}.guide-hero{background:var(--accent);color:var(--white);border-radius:12px;padding:2.2rem 2rem;margin-bottom:1.2rem}.guide-hero h1{font-size:1.35rem;margin-bottom:.6rem}.guide-hero p{font-size:.95rem;opacity:.92}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{background:var(--bg);border-radius:10px;padding:1.1rem}.step-num{width:30px;height:30px;border-radius:50%;background:var(--emphasis);color:var(--white);font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}.step-title{font-weight:700;font-size:.92rem;color:var(--accent);margin-bottom:.3rem}.step-desc{font-size:.82rem;color:var(--ink-soft)}.plain-list{list-style:none}.plain-list li{padding-left:1.1rem;position:relative;margin-bottom:.55rem;font-size:.9rem}.plain-list li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--emphasis)}@media (max-width: 860px){.topbar{flex-wrap:wrap;gap:.6rem}.topbar-note{display:none}.file-row,.steps{grid-template-columns:1fr}}