#pane-library { overflow: hidden; }
.library-search { margin: 0 var(--pad-x, 16px); width: calc(100% - 32px); }
#library-tabs { margin: 4px 16px; flex-shrink: 0; }
#library-hint { margin: 4px 16px; }
#library-items { flex: 1; min-height: 0; overflow: auto; padding: 0 16px 12px; }
.library-item { display: flex; align-items: center; margin-bottom: 4px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-1); color: var(--text-1); }
.library-item.is-selected { border-color: var(--accent); background: var(--accent-container, var(--surface-2)); }
.library-choice { display: flex; gap: 10px; align-items: center; flex: 1; min-width: 0; min-height: 56px; padding: 6px 0 6px 12px; cursor: pointer; }
.library-choice input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--accent); }
.library-copy { display: flex; flex-direction: column; flex: 1; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
.library-name { font-size: 14px; font-weight: 600; }
.library-thumb { width: 40px; height: 40px; object-fit: cover; border-radius: 9px; }
.library-star { color: var(--accent); }
.library-footer { display: flex; align-items: center; gap: 12px; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--border); }
.library-footer .button { flex: 1; }
#library-selected { color: var(--text-2); font-size: 13px; }
@media (min-width: 1100px) {
	.has-workspace #pane-library { width: 100%; max-width: 720px; margin-inline: auto; }
}
