.arebi-library { padding: 20px 16px 30px; color: #0f172a; }
.arebi-library h2 { font-size: 24px; font-weight: 800; margin: 0 0 6px; letter-spacing: -.5px; }
.arebi-library p { font-size: 13px; line-height: 1.5; color: #64748b; }
.arebi-tools { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 20px 0 12px; }
.arebi-tools label { font-size: 13px; font-weight: 650; display: block; margin-bottom: 6px; }
.arebi-search { display: flex; align-items: center; gap: 8px; border: 1px solid #cbd5e1; border-radius: 12px; background: white; padding-left: 12px; }
.arebi-search svg { flex-shrink: 0; }
.arebi-search input { width: 100%; min-width: 0; border: 0; background: transparent; padding: 12px 10px 12px 0; font-size: 14px; min-height: 46px; }
.arebi-tools select { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; font-size: 14px; }
.arebi-library :is(input, select, button):focus-visible { outline: 3px solid #34d399; outline-offset: 2px; }
.arebi-results { display: grid; grid-template-columns: 1fr; gap: 10px; }
.arebi-entry { padding: 16px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; }
.arebi-entry h3 { font-size: 15px; font-weight: 750; margin: 0 0 4px; }
.arebi-entry p { margin: 0; font-size: 12px; }
.arebi-entry .arebi-price { font-size: 19px; font-weight: 800; color: #047857; margin-top: 12px; }
.arebi-price span { font-size: 12px; color: #64748b; font-weight: 600; }
.arebi-more { min-height: 44px; width: 100%; margin-top: 16px; border: 1px solid #cbd5e1; border-radius: 12px; font-size: 14px; font-weight: 600; background: white; }
.arebi-empty { border: 1px dashed #cbd5e1; border-radius: 16px; padding: 24px 16px; text-align: center; }
html[data-arebi-active="true"] :is(#universal-search-bar-wrap, #sync-status-pill-wrap, #analisa-card-gradient, #analisa-dashboard, #filter-pills-bar, #katalog-filter-row, #listing-card-feed, #kamus-card-feed, #buat-katalog-card-feed, #pub-pagination, #pub-empty-state) { display: none !important; }
@media (min-width: 600px) { .arebi-tools { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } .arebi-results { grid-template-columns: repeat(2, minmax(0, 1fr)); } }