.mley-sidebar-pins[hidden], .mley-sidebar-pins [hidden] { display: none !important; }
.mley-sidebar-pins { display: flex; flex-direction: column; flex: 0 1 auto; min-height: 0; margin: .5rem .85rem .85rem; padding: .75rem 0; border-bottom: 1px solid var(--border-color); color: var(--text-color); }
.mley-sidebar-pins__head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.mley-sidebar-pins__head h2 { margin: 0; font-size: var(--text-small); font-weight: var(--weight-semibold); color: var(--text-color); }
.mley-sidebar-pins__head > span { color: var(--text-muted); font-size: var(--text-caption); }
.mley-sidebar-pins__list { list-style: none; padding: 0; margin: 0; min-height: 0; max-height: 32dvh; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.mley-sidebar-pins__item { display: flex; align-items: center; gap: .15rem; min-width: 0; }
.mley-sidebar-pins .mley-sidebar-pins__link { display: flex; align-items: center; gap: .5rem; flex: 1; min-width: 0; min-height: 44px; padding: .4rem .25rem; border-radius: 8px; color: var(--text-color); text-decoration: none; }
.mley-sidebar-pins__link > svg { flex: 0 0 18px; width: 18px; height: 18px; color: var(--accent-color); }
.mley-sidebar-pins__copy { display: flex; flex-direction: column; min-width: 0; }
.mley-sidebar-pins__key { font-size: var(--text-small); color: var(--accent-color); overflow-wrap: anywhere; }
.mley-sidebar-pins__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--text-caption); line-height: 1.35; color: var(--text-muted); }
.mley-sidebar-pins__remove, .mley-sidebar-pins__retry { min-height: 44px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--accent-color); cursor: pointer; }
.mley-sidebar-pins__remove { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; padding: 0; }
.mley-sidebar-pins__remove svg { width: 18px; height: 18px; transform: rotate(-25deg); }
.mley-sidebar-pins__status { color: var(--text-muted); font-size: var(--text-caption); margin: .25rem 0; }
.mley-sidebar-pins :is(a, button):focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }
.mley-sidebar-pins :is(a, button):hover { background: var(--bg-surface-2); }