/* Shared book form styles */
.form-section { background: #fff; border-radius: 16px; border: 1px solid #F3F4F6; box-shadow: 0 1px 2px rgba(0,0,0,0.04); padding: 24px; margin-bottom: 20px; }
.form-section-title { font-size: 16px; font-weight: 700; color: #1F2937; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #F3F4F6; display: flex; align-items: center; gap: 8px; }
.field-input { width: 100%; height: 52px; border-radius: 12px; border: 1px solid #E5E7EB; padding: 0 16px; font-size: 15px; text-align: right; background: #fff; }
.field-input:focus { outline: none; border-color: #886CE8; box-shadow: 0 0 0 3px rgba(136,108,232,0.12); }
.field-label { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 8px; text-align: start; }
.field-select { appearance: none; background-image: none; }
.info-icon { width: 18px; height: 18px; border-radius: 50%; background: #92400E; color: #fff; font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: help; }
.upload-box { border: 2px dashed #D1D5DB; border-radius: 16px; background: #F9FAFB; min-height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s, border-color 0.2s; padding: 24px; text-align: center; }
.upload-box:hover { background: #F3F4F6; border-color: #886CE8; }
.book-type-card { border: 2px solid #E5E7EB; border-radius: 14px; padding: 16px; cursor: pointer; transition: all 0.2s; background: #fff; }
.book-type-card:hover { border-color: #C4B5FD; }
.book-type-card.selected { border-color: #886CE8; background: rgba(136,108,232,0.04); }
.book-type-card input { display: none; }
.keyword-tag { display: inline-flex; align-items: center; gap: 6px; background: rgba(136,108,232,0.12); color: #886CE8; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 8px; }
.keyword-tag button { color: #886CE8; opacity: 0.7; line-height: 1; }
.keyword-tag button:hover { opacity: 1; }
.price-input-wrap { position: relative; }
.price-input-wrap .currency { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #9CA3AF; font-size: 14px; font-weight: 600; }
.price-input-wrap .field-input { padding-left: 48px; }