@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500&display=swap";
.add-book-wrap{max-width:640px;margin:0 auto;font-family:DM Sans,sans-serif}.add-book-header{margin-bottom:2rem}.add-book-title{color:#ffffffe6;margin:0 0 .4rem;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700}.add-book-sub{color:#ffffff4d;margin:0;font-size:.82rem}.form-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:4px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;font-size:.72rem;font-weight:500}.field-label span{color:#d4a352}.field-input{color:#ffffffd9;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:2px;outline:none;width:100%;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;transition:all .2s}.field-input::placeholder{color:#ffffff2e}.field-input:focus{background:#ffffff0f;border-color:#d4a35266;box-shadow:0 0 0 3px #d4a35212}.drop-zone{cursor:pointer;text-align:center;border:1px dashed #ffffff1f;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2.5rem 1.5rem;transition:all .2s;display:flex}.drop-zone.dragging{background:#d4a3520a;border-color:#d4a35280}.drop-zone:hover{background:#d4a35206;border-color:#d4a3524d}.drop-icon{background:#d4a35212;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;display:flex}.drop-text{color:#ffffff59;font-size:.82rem}.drop-text label{color:#d4a352;cursor:pointer}.drop-text label:hover{text-decoration:underline}.drop-hint{color:#fff3;font-size:.72rem}.drop-error{color:#f87171;margin-top:.25rem;font-size:.72rem}.preview-wrap{border:1px solid #ffffff12;border-radius:3px;width:100%;height:200px;position:relative;overflow:hidden}.preview-wrap img{object-fit:contain;background:#0006;width:100%;height:100%}.remove-btn{cursor:pointer;background:#ef4444cc;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s;display:flex;position:absolute;top:.6rem;right:.6rem}.remove-btn:hover{background:#ef4444}.url-fallback-label{color:#fff3;margin-bottom:.4rem;font-size:.72rem;display:block}.deposit-notice{color:#93c5fdb3;background:#3b82f60d;border:1px solid #3b82f626;border-radius:2px;padding:.85rem 1.1rem;font-size:.8rem;line-height:1.5}.deposit-notice strong{color:#93c5fde6}.wallet-notice-form{color:#eab308b3;background:#eab3080d;border:1px solid #eab30833;border-left:3px solid #eab30866;border-radius:2px;padding:.75rem 1rem;font-size:.8rem}.submit-btn{color:#0a0a12;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#d4a352,#c8903a);border:none;border-radius:2px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #d4a3524d}.submit-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.spinner{border:2px solid #0a0a124d;border-top-color:#0a0a12cc;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}