:root{--ink:#172c43;--muted:#74818f;--blue:#2458bd;--blue-soft:#edf3ff;--line:#e5e9ee;--paper:#f5f7f9;--white:#fff;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #a6c0f1;outline-offset:3px}[hidden]{display:none!important}.topbar{height:82px;padding:0 4.3%;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:20px;letter-spacing:.03em;font-weight:750;color:var(--ink);text-decoration:none}.brand-icon{position:relative;background:var(--blue);color:white;width:37px;height:37px;border-radius:9px;font-family:Georgia,serif;font-size:29px;line-height:35px;text-align:center;font-weight:600;letter-spacing:-4px;padding-right:7px}.brand-icon>span{font:16px sans-serif;position:absolute;right:3px;top:0;letter-spacing:0}.brand-secondary{font-size:14px;font-weight:500;letter-spacing:.04em;color:#6b7886;margin-left:14px;padding-left:14px;border-left:1px solid #d9dfe6}.local-label{display:flex;gap:7px;align-items:center;font-size:12px;color:#6b7886}.dot{width:6px;height:6px;border-radius:50%;background:#559a80}main{max-width:1360px;margin:auto;padding:46px 40px 0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:#77869a}.eyebrow>span{margin:0 8px;color:#c3cad3}h1{font-size:32px;line-height:1.4;letter-spacing:-.025em;margin:12px 0 9px;font-weight:650}.intro>p{font-size:14px;color:var(--muted);margin:0 0 28px;line-height:1.8}.search-card{background:white;border:1px solid #e0e6ec;border-radius:12px;padding:24px 26px;box-shadow:0 3px 10px #253f5c03}form>label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}.search-row{display:flex;gap:12px}.input-wrap{border:1px solid #d4dde7;border-radius:7px;display:flex;align-items:center;flex:1;overflow:hidden;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2458bd12}.input-wrap>svg{width:23px;height:23px;color:#8294a8;margin:0 15px;flex-shrink:0}#isbn{font-family:var(--mono);font-size:17px;letter-spacing:.04em;border:0;outline:0;width:100%;height:49px;min-width:0;padding:0 16px 0 0;color:var(--ink);background:transparent}#isbn::placeholder{font-family:inherit;letter-spacing:0;font-size:14px;color:#a3acb7}.button{border:1px solid #d6dee8;border-radius:7px;background:white;color:var(--ink);padding:0 20px;font-size:13px;display:flex;align-items:center;gap:8px;justify-content:center;min-height:49px}.button.primary{background:var(--blue);border-color:var(--blue);color:white;min-width:132px;box-shadow:0 3px 6px #2458bd14}.button.primary:hover{background:#194aa7}.button svg,.icon-button svg{width:17px;height:17px;flex-shrink:0}.search-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;color:#8c97a4;font-size:11px;line-height:1.6}.examples{display:flex;align-items:center;gap:8px;flex-shrink:0}.examples>span{color:#9aa4b0;margin-right:3px}.examples button{border:0;border-radius:4px;background:#f1f4f8;color:#5d7189;font-size:11px;padding:4px 9px}.examples button:hover{color:var(--blue);background:var(--blue-soft)}.input-error{font-size:12px;margin:10px 0 0;color:#c04444}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 14px;gap:16px}.results-heading h2{font-size:14px;font-weight:650;margin:0;display:flex;align-items:center;gap:8px}.results-heading h2>span{font-size:10px;min-width:19px;text-align:center;background:#e5ecf5;color:#557398;border-radius:4px;padding:2px 5px}#request-meta{font-size:11px;color:#8a96a3}.empty-state{min-height:360px;background:#ffffff85;border:1px dashed #dbe2ea;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 20px}.empty-state h3,.loading-state h3{font-size:17px;font-weight:550;margin:22px 0 10px}.empty-state>p,.loading-state>p{color:#8b96a2;font-size:12px;margin:0;text-align:center;line-height:1.8}.empty-note{color:#a5afba;font-size:10px;margin-top:29px;letter-spacing:.06em}.empty-art{position:relative;width:120px;height:90px}.mini-card{border:1px solid #dbe3ef;background:#fff;position:absolute;width:88px;height:77px;border-radius:7px}.mini-card.back{left:9px;top:2px;transform:rotate(-11deg);background:#eff3f9}.mini-card.front{left:24px;top:9px;transform:rotate(4deg);display:grid;grid-template-columns:20px 15px 1fr;align-items:center;gap:3px 6px;padding:12px;font:8px var(--mono);color:#7f9ecb;box-shadow:0 8px 18px #2e4f7e09}.mini-card i{height:3px;border-radius:2px;background:#e4eaf3}.art-search{position:absolute;right:-4px;bottom:0;width:36px;height:36px;border-radius:50%;background:#eaf1ff;color:var(--blue);border:4px solid #f9fbfd;display:grid;place-items:center}.art-search>svg{width:20px;height:20px}.loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:360px;border:1px solid var(--line);border-radius:12px;background:white}.spinner{width:28px;height:28px;border:2px solid #e2eaf5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:13px 17px;background:#fff2f0;color:#ad4d44;border:1px solid #f2d9d3;font-size:13px;line-height:1.8;border-radius:7px;margin-bottom:16px}.book-card{border:1px solid var(--line);border-radius:11px;background:white;display:flex;gap:20px;align-items:center;padding:24px 26px;margin-bottom:20px}.book-symbol{width:54px;height:65px;display:grid;place-items:center;border-radius:6px 10px 10px 6px;border-left:3px solid #b4c7e9;color:#4974b4;background:#eaf0fa;flex-shrink:0}.book-symbol>svg{width:30px;height:34px}.book-main{flex:1;min-width:0}.book-label{font-size:10px;color:#8d99a8;display:flex;align-items:center;gap:10px;letter-spacing:.05em}.badge{font-size:10px;padding:3px 7px;border:1px solid #daebe2;border-radius:4px;color:#438169;background:#f2f9f5;letter-spacing:0}.badge.warning{color:#a5752b;background:#fff8e9;border-color:#f1e3bc}.book-main>h2{font-size:22px;line-height:1.6;font-weight:650;margin:8px 0 6px;letter-spacing:-.02em}.book-main>p{font-size:12px;margin:0;color:#7f8b99;line-height:1.9}.book-id{text-align:right;padding-left:20px;align-self:center}.book-id>span{display:block;font-size:8px;letter-spacing:.14em;color:#9aa7b5;margin-bottom:8px}.book-id strong{font:12px var(--mono);color:#6d8097}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;align-items:start}.record-panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:63px;padding:0 19px;gap:10px}.tabs{align-self:stretch;display:flex;gap:23px;flex-shrink:0}.tabs>button{background:none;border:0;border-bottom:2px solid transparent;padding:2px 0 0;color:#8793a2;font-size:12px;display:flex;align-items:center;gap:6px}.tabs>button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:650}.tabs button span{background:#edf2fa;font:9px var(--mono);color:#6887b3;padding:2px 4px;border-radius:3px}.toolbar-actions{display:flex;gap:15px}.icon-button{display:flex;gap:6px;align-items:center;padding:7px 0;border:0;background:none;color:#7b899b;font-size:10px;white-space:nowrap}.icon-button:hover{color:var(--blue)}.icon-button svg{width:14px;height:14px}.field-controls{padding:13px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1f5;gap:12px}.filter-wrap{display:flex;align-items:center;gap:7px;flex:1}.filter-wrap svg{width:14px;height:14px;color:#8c9bae}#field-filter{width:100%;max-width:280px;font-size:11px;border:0;outline:0;min-width:0;color:#50657e}#field-filter::placeholder{color:#9ba6b3}.space-toggle{display:flex;align-items:center;white-space:nowrap;font-size:10px;color:#8694a6;gap:5px}.space-toggle input{width:12px;height:12px;accent-color:var(--blue)}.leader-note{font-size:10px;color:#9b7f4c;background:#fffaf0;padding:10px 19px;border-bottom:1px solid #f3ead5;line-height:1.8;display:flex;gap:7px}.leader-note>span{font-size:13px}.table-scroll{overflow-x:auto}.marc-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}.marc-table th{font-size:10px;font-weight:500;letter-spacing:.03em;text-align:left;color:#9aa6b5;padding:11px 12px;background:#fbfcfe;border-bottom:1px solid #edf0f5}.marc-table th:first-child{width:77px;padding-left:20px}.marc-table th:nth-child(2){width:65px}.marc-table td{vertical-align:top;padding:12px;border-bottom:1px solid #edf0f5}.marc-table tr:last-child td{border-bottom:0}.marc-table tbody tr:hover{background:#f8faff}.marc-table tbody tr.selected{background:#f1f5fc}.tag-cell{width:77px;padding-left:20px!important}.field-tag{font:11px var(--mono);color:#5277ad;background:#ebf1fa;border:0;padding:4px 6px;border-radius:4px;display:inline-block}.tag-cell button{min-width:34px;text-align:center}.tag-cell button:hover{background:#dce8fa;color:#1f54a7}.indicator-cell{font:12px var(--mono);color:#9aa8b9;letter-spacing:3px;width:65px;padding-top:16px!important}.field-value{font-family:var(--mono),"PingFang SC",sans-serif;font-size:11px;line-height:2;word-break:break-word;white-space:pre-wrap;color:#354b65}.subfield{color:#2f68bc;font-weight:650;margin-right:4px}.field-name{font-size:8px;color:#9aa9b9;display:block;margin-top:5px;line-height:1.4;font-weight:400}.system-details{border-top:1px solid var(--line);background:#fbfcfe}.system-details>summary{padding:14px 20px;color:#8a98a9;font-size:10px;cursor:pointer;list-style-position:inside}.system-details>summary>span{font:9px var(--mono);margin-left:5px}.system-details>p{margin:0;font-size:10px;color:#8a98a9;padding:8px 20px 14px;line-height:1.7}.panel-footnote{display:flex;justify-content:space-between;padding:12px 20px;color:#97a3b2;border-top:1px solid var(--line);font-size:9px;gap:12px}.panel-footnote>span{display:flex;align-items:center;gap:6px}.legend-swatch{display:inline-block;width:5px;height:5px;background:#4a7dc4;border-radius:1px}.no-fields{font-size:12px;text-align:center;color:#96a2b1;padding:25px}.sidebar{display:flex;flex-direction:column;gap:16px}.side-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px}.side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.side-heading h3{font-size:12px;font-weight:600;margin:0}.tiny-book{color:#9daec2;font-size:18px}dl{margin:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px 14px;font-size:11px;line-height:1.8}dt{color:#97a2af}dd{margin:0;color:#54677d;overflow-wrap:anywhere}.summary-wrap{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.summary-wrap h4,.field-guide h4{font-size:11px;font-weight:550;margin:0 0 10px}.summary-wrap p{font-size:11px;color:#7f8d9e;line-height:2.1;margin:0}.field-guide{background:#f9fbfe}.field-guide>.side-heading{margin-bottom:15px}.field-guide>p{font-size:11px;color:#8492a3;line-height:1.9;margin:0 0 15px}.guide-subfield{display:flex;gap:10px;margin-top:10px;font-size:10px;line-height:1.8;color:#8391a3}.guide-subfield>code{color:#4679bd;background:#eaf0fa;border-radius:3px;padding:0 4px;height:max-content}.record-picker-wrap{background:#eaf0f8;border:1px solid #dbe5f2;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:14px;font-size:11px;color:#5a718f}.record-picker-wrap>select{flex:1;min-width:0;border:1px solid #d3ddec;border-radius:4px;background:white;color:var(--ink);padding:7px;font-size:12px}#json-panel pre{margin:0;padding:22px;font:11px/1.9 var(--mono);color:#4c6280;white-space:pre-wrap;word-break:break-word;max-height:900px;overflow:auto;background:#fbfcff}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e8ee;margin-top:42px;padding:22px 0 27px;gap:10px;color:#98a4b2;font-size:10px}footer>span{display:flex;align-items:center;gap:8px}footer code{font:10px var(--mono);color:#8495a9}.footer-mark{font:italic 18px Georgia,serif;color:#7c98bf;letter-spacing:-3px;margin-right:7px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:12px 22px;background:#223d60;color:white;border-radius:7px;font-size:12px;box-shadow:0 6px 20px #172c4330;z-index:10}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){main{padding-top:55px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 255px}.toolbar-actions{gap:10px}.icon-button>span{display:none}.search-bottom{align-items:flex-start;flex-direction:column;gap:10px}.book-main>h2{font-size:20px}}@media(max-width:800px){main{padding:30px 20px 0}.topbar{height:68px;padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.book-card{padding:20px;gap:14px}.book-id{display:none}.search-card{padding:20px}.intro>h1{font-size:28px}.record-picker-wrap{align-items:flex-start;flex-direction:column}.record-picker-wrap select{width:100%}}@media(max-width:480px){main{padding:25px 14px 0}.brand-secondary{font-size:12px;margin-left:10px;padding-left:10px}.brand{font-size:18px;gap:10px}.brand-icon{width:32px;height:32px;font-size:26px;line-height:30px}.local-label{font-size:10px}.eyebrow{font-size:8px}.intro>h1{font-size:25px}.intro>p{font-size:12px}.search-card{padding:18px}.search-row{gap:8px}.button{padding:0 12px}.button.primary{min-width:96px;font-size:12px}.button.primary>svg{display:none}.input-wrap>svg{width:19px;margin:0 10px}#isbn{font-size:14px;letter-spacing:0}.search-bottom{font-size:10px}.examples{gap:5px}.examples button{font-size:10px;padding:4px 7px}.book-symbol{width:40px;height:51px}.book-main>h2{font-size:17px}.book-main>p{font-size:11px}.book-card{padding:17px 15px;gap:11px}.panel-toolbar{padding:0 13px;height:57px}.tabs{gap:18px}.field-controls{padding:13px}.leader-note{padding:10px 13px}.marc-table th:first-child{width:67px;padding-left:13px}.marc-table th:nth-child(2){width:53px}.tag-cell{width:67px;padding-left:13px!important}.indicator-cell{width:53px}.marc-table td{padding:10px 8px}.field-value{font-size:10px}.sidebar{grid-template-columns:1fr}.field-guide{display:none}.book-label{font-size:9px}.panel-footnote{padding:11px 13px;font-size:8px}footer{flex-direction:column;gap:12px;align-items:flex-start;font-size:9px}.empty-state{min-height:320px}.results-heading{gap:8px}#request-meta{font-size:9px}.record-picker-wrap{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

#text-panel pre{margin:0;padding:22px;font:12px/2.1 var(--mono),"PingFang SC",sans-serif;color:#354b65;white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcff}.text-note{font-size:10px;color:#8a98a9;margin:0;padding:13px 20px;border-bottom:1px solid var(--line)}

.book-symbol.has-cover{background:transparent;border:0}.book-symbol.has-cover>svg{display:none}.book-symbol>img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:1px 2px 6px #172c4320}.cover-attribution{font-size:9px;color:#8a98a9;display:inline-block;text-decoration:none;margin-top:7px}.cover-attribution:hover{color:var(--blue)}

.book-main>.cover-status{font-size:10px;color:#8a98a9;margin-top:7px}

.book-symbol.has-cover{width:88px;height:106px}@media(max-width:480px){.book-symbol.has-cover{width:64px;height:82px}}

.book-symbol.has-cover{padding:0;border:0;background:transparent}.book-symbol.has-cover>svg{display:none}.book-symbol>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.cover-status{font-size:11px;color:#8b96a2!important}