.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{container-type:inline-size}
.sidebar-content{padding:12px 12px 9px}
.add-form{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 12px}
.add-row{gap:6px;align-items:center}
.add-row input{height:34px;padding:7px 9px;font-size:12px}
.add-row button{width:34px;height:34px;border-radius:8px;font-size:22px}
.add-row .search-twitch{display:grid;place-items:center;flex:none;width:32px;height:34px;padding:0;margin:0;border:1px solid #3a3747;border-radius:8px;background:#211d2c;color:#c7b0e8}
.add-row .search-twitch:hover{background:#342742;color:#fff}
.add-row .search-twitch svg{width:17px;height:17px}
.list-header{align-items:center;margin:0 2px 5px}
.list-header label{font-size:12px}
.list-header span{font-size:11px}
.search-field{height:29px;margin-bottom:8px}
.search-field svg{width:14px;height:14px}
.search-field input{padding:5px 8px 5px 0;font-size:12px}
.stream-list{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
.stream-item{min-width:0;min-height:24px;gap:2px;padding:0 2px;border:1px solid transparent;border-radius:6px}
.stream-select{min-width:0;height:22px;gap:5px;padding:1px 4px}
.stream-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1}
.stream-meta{display:flex;align-items:center;flex:none;width:38px;gap:3px;margin:0;color:#92909d;font-size:9px;font-weight:700;line-height:1}
.stream-meta:has(.live-status-dot.live){color:#ff7981}
.stream-meta .live-status-dot{width:6px;height:6px}
.stream-drag-handle{display:grid;place-items:center;flex:none;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:#9488a8;cursor:grab;touch-action:none}
.stream-drag-handle::before{content:"";display:block;width:11px;height:2px;border-radius:2px;background:currentColor;box-shadow:0 5px 0 currentColor;transform:translateY(-2.5px)}
.stream-drag-handle:hover,.stream-drag-handle:focus-visible{background:#3a2b4d;color:#d8b9ff}
.stream-drag-handle:focus-visible{outline:2px solid #bd94ff;outline-offset:1px}
.stream-drag-active,.stream-drag-active *{cursor:grabbing!important;user-select:none!important}
.stream-item.dragging{opacity:.5;border-color:#a970ff;pointer-events:none}
.stream-item.drop-target{background:#30233f;border-color:#a970ff}
.remove-button{width:20px;height:22px;font-size:15px}
.share-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:8px 2px 0;margin-top:8px}
.share-list h3{margin:0;font-size:12px}
.share-list>button{min-height:25px;padding:4px 9px;font-size:11px}
.share-link-row,.share-list .share-message{width:100%;margin-top:0}
.list-empty{padding:12px 6px;font-size:12px}
@container (min-width: 420px){.stream-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px}}
@media(max-width:700px){.sidebar-content{padding:14px 14px 18px}.stream-list{gap:3px}.stream-item{min-height:32px;padding:2px 3px}.stream-select{height:28px}.stream-drag-handle,.remove-button{height:28px}}