.personal-library{box-sizing:border-box;width:min(1200px,96vw);max-height:94dvh;border:1px solid #cad8cf;border-radius:22px;padding:0;color:#203d31;background:#f7f8f3;font-size:18px}.personal-library::backdrop{background:#173d2c99}.personal-library form{padding:24px}.personal-library header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.personal-library h2{font-size:30px;margin:6px 0}.personal-library button,.personal-library input,.personal-library select{font:inherit;min-height:48px}.personal-library input,.personal-library select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #aebfb3;border-radius:10px;background:white;color:#203d31}.personal-library :focus-visible{outline:3px solid #8b4f05;outline-offset:3px}.library-filters{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.library-filters>label{flex:1 1 200px;display:grid;gap:6px}.library-filters .library-check{display:flex;align-items:center;flex:1 1 240px}.personal-library input[type=checkbox]{width:26px;height:26px;min-height:26px;accent-color:#24563d;flex-shrink:0}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.library-card{background:white;border:2px solid #d2ddcf;border-radius:16px;overflow:hidden;min-width:0}.library-card.is-selected{border-color:#24563d;background:#edf5e9}.library-card>label:first-child{cursor:pointer}.library-photo{height:150px;background:#e7ede3;display:flex;align-items:center;justify-content:center;font-size:60px;overflow:hidden}.library-photo img{width:100%;height:100%;object-fit:contain}.library-pick{padding:16px;display:flex;align-items:flex-start;gap:12px}.library-pick strong,.library-pick small{display:block;overflow-wrap:anywhere}.library-pick small{font-size:15px;color:#52624e}.library-card p{font-size:16px;margin:0 16px 12px}.library-quantity{display:flex;align-items:center;gap:12px;padding:0 16px 16px}.library-quantity input{width:100px}.library-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.personal-library footer{position:sticky;bottom:-24px;background:#fff;border-top:1px solid #cbd8ce;padding:12px 0 20px}.personal-library footer>p:empty{display:none}.library-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.personal-library button:disabled{opacity:.55}.personal-library [data-library-status]{color:#7b3619}.personal-library input:disabled{background:#edf0ec}
@media(max-width:600px){.personal-library form{padding:16px}.personal-library h2{font-size:25px}.personal-library header{flex-direction:column}.library-grid{grid-template-columns:1fr}.library-filters>label{flex-basis:100%}.library-footer-actions>button[type=submit]{width:100%}.personal-library footer{bottom:-16px}.library-pages{flex-wrap:wrap}.library-photo{height:190px}}

.library-advanced{flex:1 1 100%}.library-advanced summary{cursor:pointer;min-height:48px;display:list-item;align-content:center;font-weight:600}.library-filter-options{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0}.library-filter-options>label{flex:1 1 200px;display:grid;gap:6px}@media(max-width:600px){.personal-library header{flex-direction:row;align-items:flex-start;gap:10px}.personal-library header .eyebrow{display:none}.personal-library h2{font-size:22px}.personal-library header p{font-size:16px;margin:8px 0}.personal-library header button{padding:8px}.library-filters{gap:4px;margin:12px 0}.library-footer-actions{gap:8px}.personal-library footer{padding-bottom:8px}.library-filter-options>label{flex-basis:100%}}