/* Bookshelf left, page shop right on the comic desktop. */
body .comic-library-dock-button{position:absolute;z-index:8;bottom:max(16px,env(safe-area-inset-bottom));width:104px;min-height:48px;padding:8px 16px;border:2px solid #fff1ce;border-radius:12px;background:#f6eadbbd;color:#40362b;box-shadow:0 3px 12px #180d0655;font-weight:700;backdrop-filter:blur(5px)}
body #comicShelfOpen{left:max(16px,env(safe-area-inset-left))}
body #comicShopOpen{right:max(16px,env(safe-area-inset-right))}
body #comicLibraryPanel[hidden]{display:none!important}
body #comicLibraryPanel{position:fixed;inset:0;z-index:2147483604;display:grid;place-items:center;padding:16px;background:#130e0dbd;color:#40362b}
body .comic-library-card{width:min(100%,620px);max-height:calc(100dvh - 32px);overflow:auto;background:#f5ead5;border:2px solid #bda681;border-radius:16px;padding:16px}
body .comic-library-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
body .comic-library-header h2{margin:0;font-size:22px}
body #comicLibraryPanel button{min-height:44px;border:1px solid #927454;border-radius:8px;background:#fff8ea;color:#40362b;padding:8px 12px;font-size:13px}
body #comicLibraryPanel button:disabled{opacity:.55;cursor:default}
body #comicLibraryStatus:empty{display:none}
body #comicLibraryStatus{font-size:13px;line-height:1.5}
body .comic-library-folder{margin-top:14px;width:100%}
body .comic-library-upload{margin-top:12px;width:100%}
body .comic-upload-form{display:grid;gap:12px;margin:16px 0 22px}
body .comic-upload-form label{display:grid;gap:5px;font-size:13px}
body .comic-upload-form label[hidden]{display:none}
body .comic-upload-form :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #bca88c;border-radius:6px;background:#fffdf7;color:#40362b;font:inherit}
body .comic-upload-price{margin:0;font-size:13px;line-height:1.6}
body .comic-library-entry{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 0;border-bottom:1px solid #c6b596}
body .comic-library-entry>img{width:48px;height:68px;object-fit:contain}
body .comic-library-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
body .comic-library-copy strong{font-size:15px}
body .comic-library-copy span{font-size:12px}
body .comic-library-entry>button{flex:none}
@media(max-width:360px){body #comicLibraryPanel{padding:10px}body .comic-library-card{padding:12px}body .comic-library-entry{gap:8px}body .comic-library-entry>img{width:34px;height:48px}}