.sidebar-left{
  width:180px;
  flex-shrink:0;
  background:var(--md-color-grey-white);
  display:flex;
  flex-direction:column;
  overflow:visible;
  position:relative;
  transition:width .15s ease;
  box-shadow: var(--shadow-panel);
  margin-right: 12px;
  margin-bottom: 12px;
  border-radius: 12px;
}
.sidebar-left.resizing{ transition:none; }
.sidebar-left.collapsed{ display:none; }

.sidebar-header{ display:flex; align-items:center; gap:6px; padding:12px 10px 8px; flex-shrink:0; }
#createSlideMenu{ left:160px; right:auto; top:0}
.sidebar-collapse-btn{ width:42px; height:42px; }
.sidebar-collapse-btn svg{ width:22px; height:22px; }

.slide-list{ list-style:none; margin:0; padding:4px 10px 24px; display:flex; flex-direction:column; gap:6px; overflow-y:auto; }
.slide-item{ display:flex; align-items:center; gap:8px; padding:6px; border-radius:8px; border:1px solid transparent; cursor:pointer; position:relative; }
.slide-item.dragging{ opacity:0.4; }
body.dom-drag-reordering, body.dom-drag-reordering *{ user-select:none !important; -webkit-user-select:none !important; }
.slide-item-skeleton{ display:flex; align-items:center; gap:8px; padding:6px; border-radius:8px; border:1px solid transparent; }
.slide-item-skeleton .slide-number{ color:var(--ui-muted-light); }
.slide-item-skeleton .slide-thumb{ flex:1; min-width:0; aspect-ratio:16/9; border-radius:12px; border:1px solid var(--ui-border); }
.deck-load-skeleton .slide-thumb{
  background:linear-gradient(100deg, var(--ui-surface-2) 30%, var(--ui-surface) 50%, var(--ui-surface-2) 70%);
  background-size:200% 100%; animation:deck-load-shimmer 1.2s linear infinite;
}
@keyframes deck-load-shimmer{ from{ background-position:120% 0; } to{ background-position:-80% 0; } }
body.deck-building #framesContainer{ pointer-events:none; }
body.deck-building .stage-wrapper{ cursor:progress; }
.slide-item:hover{ background:var(--ui-surface-2); }
.slide-item.multi-selected{ background:rgba(0,64,222,0.08); border-color:var(--ui-accent); }
.slide-item.multi-selected:hover{ background:rgba(0,64,222,0.12); }
.slide-item .slide-number{ font-size:var(--text-md); color:var(--ui-muted); width:14px; flex-shrink:0; text-align:right; }
.slide-item.active .slide-number{ color:var(--ui-accent); font-weight:var(--font-weight-semibold); }
.slide-item.slide-item-hidden .slide-thumb{ opacity:0.4; }
.slide-item.slide-item-hidden .slide-number{ color:var(--ui-muted-light); font-size:var(--text-sm); }
.slide-item .slide-thumb{ flex:1; min-width:0; aspect-ratio:16/9; background:var(--frame-bg); border:1px solid var(--ui-border); border-radius:12px; position:relative; overflow:hidden; }
.slide-presence-badge{ position:absolute; bottom:3px; right:3px; display:flex; z-index:5; }
.slide-presence-badge .presence-avatar{ width:15px; height:15px; font-size:var(--text-2xs); border-width:1px; margin-left:-5px; }
.slide-presence-badge .presence-avatar:first-child{ margin-left:0; }
.slide-item.active .slide-thumb{ border:2px solid var(--ui-accent); }
.slide-gap-hit{ position:absolute; left:0; right:0; bottom:-14px; height:22px; z-index:4; margin-left:20px; }
#slideList.reordering .slide-gap-hit{ pointer-events:none; }
.slide-insert-between-wrap{
  position:absolute; left:0; right:0; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; gap:6px; padding:0 10px;
  opacity:0; visibility:hidden; transition:opacity .15s ease;
}
.slide-gap-hit:hover .slide-insert-between-wrap{ opacity:1; visibility:visible; }
.slide-insert-between-line{ flex:1; height:1px; background:var(--ui-accent); }
.slide-insert-between{
  flex-shrink:0; width:20px; height:20px; border-radius:50%; box-sizing:border-box;
  border:1px solid var(--ui-border); background:var(--md-color-grey-white); color:var(--ui-accent);
  font-size:var(--text-lg); line-height:1; padding:0;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 2px 6px rgba(var(--shadow-rgb),0.15);
}
.slide-insert-between:hover{ background:var(--ui-accent); color:var(--md-color-grey-white); border-color:var(--ui-accent); }
.slide-more-btn{
  position:absolute; top:12px; right:12px; width:20px; height:20px; border-radius:6px;
  border:1px solid var(--ui-border); background:var(--md-color-grey-white); color:var(--ui-muted);
  box-shadow:0 1px 4px rgba(var(--shadow-rgb),0.18);
  font-size:var(--text-md); line-height:1; display:flex; align-items:center; justify-content:center;
  cursor:pointer; opacity:0; pointer-events:none; transition:opacity .1s;
}
.slide-item:hover .slide-more-btn, .slide-more-btn.open{ opacity:1; pointer-events:auto; }
.slide-item[data-frame-type="cover"] .slide-more-btn{ display:none; }
.slide-more-btn:hover{ background:var(--ui-surface-2); color:var(--ui-text); }
#slideItemMenu{ position:fixed; top:0; left:0; right:auto; min-width:120px; }
.slide-drop-indicator{ height:3px; margin:0 6px; border-radius:2px; background:var(--ui-accent); flex-shrink:0; }
.drag-reorder-indicator{ height:3px; margin:2px 0; border-radius:2px; background:var(--ui-accent); }
#agendaItemMenu{ position:fixed; top:0; left:0; right:auto; min-width:140px; }
.frame.thumb-render{
  position:absolute; top:0; left:0; width:1920px; height:1080px;
  transform-origin:top left;
  display:flex !important; flex-direction:column;
  border:none !important; box-shadow:none !important; border-radius:0 !important;
  pointer-events:none;
}


.slide-list{ position:relative; scrollbar-width:none; --scroll-fade-inset:24px; --scroll-fade-gap:6px; }
.slide-list::-webkit-scrollbar{ display:none; }
.slide-list.has-scroll:not(.at-scroll-end)::after{
  content:''; position:sticky; display:block; flex-shrink:0; left:0; right:0;
  bottom:calc(-1 * var(--scroll-fade-inset));
  height:48px; margin-top:calc(-48px - var(--scroll-fade-gap)); pointer-events:none;
  background:linear-gradient(to top, var(--md-color-grey-white) 0%, rgba(255,255,255,0.92) 45%, rgba(255,255,255,0) 100%);
}
html[data-ui-theme="dark"] .slide-list.has-scroll:not(.at-scroll-end)::after{
  background:linear-gradient(to top, var(--md-color-grey-white) 0%, rgba(26,31,39,0.92) 45%, rgba(26,31,39,0) 100%);
}