:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#172c43;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dce5ef}header>div,main{max-width:1000px;margin:auto;padding:28px 24px}h1{margin:0;font-size:28px}h2{margin:0 0 24px;font-size:20px}p{line-height:1.8;color:#60748a}#statusBar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#eaf1fc;border:1px solid #d6e2f5;border-radius:12px;margin-bottom:24px;font-size:14px}#miniLibStatus{display:flex;gap:16px;white-space:nowrap}nav{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}button{font:inherit;cursor:pointer;border:0}.tab-btn{flex:1;min-width:64px;padding:12px 16px;color:#60748a;border-radius:10px;background:transparent}.tab-btn.text-blue-600{background:#dce9ff;color:#1c57be;font-weight:600}.tab-panel{background:white;padding:28px;border:1px solid #dce5ef;border-radius:16px;box-shadow:0 6px 24px #18355406}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.grid>div:first-child{grid-column:1/-1}label{display:block;font-size:14px;margin-bottom:8px;font-weight:500}input,select{width:100%;font:inherit;border:1px solid #ccd8e5;border-radius:8px;padding:11px 12px;background:white;color:#172c43}input[type=file]{padding:20px;background:#f7faff;border-style:dashed}input::file-selector-button{border:0;border-radius:6px;padding:9px 14px;background:#e0ebff;color:#1c57be;margin-right:12px;cursor:pointer}.tab-panel>button{width:100%;padding:13px;border-radius:8px;background:#2563d9;color:white;font-weight:600}.tab-panel>button:hover{background:#1c50b3}:focus-visible{outline:3px solid #86b5ff;outline-offset:3px}:disabled{opacity:.55;cursor:wait}.hidden,.hidden-tab{display:none}[id$="-down"]{margin-top:20px;padding:16px;background:#eaf8f0;border-radius:8px}a{color:#147844;overflow-wrap:anywhere}.help{font-size:13px;padding:0 4px}@media(max-width:600px){header>div,main{padding:20px 16px}h1{font-size:24px}.tab-panel{padding:20px}.grid{grid-template-columns:1fr}#statusBar{align-items:flex-start;flex-direction:column}.tab-btn{padding:10px 8px}}
#retry-btn{padding:9px 12px;border:1px solid #bfd0eb;border-radius:8px;background:white;color:#1c57be;white-space:nowrap}#statusText[role=alert]{color:#a32929}
#img-quality:disabled,.file-list button:disabled{cursor:not-allowed}
.drop-zone{border:2px dashed #ccd8e5;border-radius:10px;background:#f7faff;padding:10px;transition:border-color .15s,background .15s}.drop-zone input[type=file]{border:0;padding:8px}.drop-zone p{font-size:13px;margin:4px 8px}.drop-zone.drag-over{border-color:#2563d9;background:#e0ebff}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:auto}.file-list{list-style:none;padding:0;margin:12px 0 0;max-height:260px;overflow:auto}.file-list li{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e5edf4;padding:8px 0;font-size:13px}.file-list span{flex:1;overflow-wrap:anywhere}.file-list button,.results-panel button{padding:8px 12px;border:1px solid #ccd8e5;border-radius:7px;background:white;color:#1c57be;white-space:nowrap}.results-panel{margin-top:24px;padding:24px;background:white;border:1px solid #dce5ef;border-radius:16px}.results-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.results-heading h2{margin-bottom:8px}.results-heading p{font-size:13px;margin:0}.results-actions{display:flex;gap:8px;flex-wrap:wrap}.results-panel ul{list-style:none;padding:0;margin:16px 0 0;max-height:480px;overflow:auto}.result-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #e5edf4}.result-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.result-row strong{font-size:14px}.result-row p{font-size:13px;margin:4px 0 0}.result-error p{color:#a32929}.result-row a{white-space:nowrap}#pdf-pages-help{margin-bottom:0}@media(max-width:600px){.results-panel{padding:20px}.results-heading{flex-direction:column}.result-row{gap:10px}.file-list button{padding:8px}}