.video-frame-sidebar-title{gap:8px}
.video-frame-sidebar-actions{display:flex;align-items:center;gap:8px}
.video-frame-sidebar-actions a{display:grid;width:26px;height:26px;place-items:center;border-radius:5px;font-size:18px}
.video-frame-sidebar-actions a:hover{background:var(--theme-accent-soft)}
.video-frame-tree-search{flex:none;padding:9px 10px 7px;border-bottom:1px solid var(--theme-line)}
.video-frame-tree-search label{display:block;margin:0 0 5px;color:var(--theme-muted);font-size:10px;font-weight:600;text-transform:uppercase}
.video-frame-tree-search input{height:31px;padding:6px 9px;font-size:12px}
.video-frame-tree{padding-top:5px}
.video-frame-root-group{margin-bottom:4px;border-radius:6px}
.video-frame-root-label{display:flex;align-items:center;gap:7px;padding:7px 8px;color:var(--theme-muted);font-size:11px}
.video-frame-root-group.drag-target>.video-frame-root-label,.video-frame-folder.drag-target>summary{color:var(--theme-accent);background:var(--theme-accent-soft);outline:1px dashed var(--theme-accent)}
.video-frame-root-items:empty{display:none}
.video-frame-folder{margin:2px 0;border-radius:6px}
.video-frame-folder[hidden]{display:none}
.video-frame-folder>summary{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:5px;padding:7px 5px;border-radius:5px;color:var(--theme-text);cursor:pointer;list-style:none}
.video-frame-folder>summary::-webkit-details-marker{display:none}
.video-frame-folder>summary:hover,.video-frame-folder.active>summary{background:var(--theme-surface-2)}
.video-frame-folder-icon{color:var(--theme-warning);font-size:15px}
.video-frame-folder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-frame-folder>summary>a{display:grid;width:24px;height:22px;place-items:center;border-radius:4px;color:var(--theme-muted);font-size:18px;line-height:1}
.video-frame-folder>summary>a:hover{color:var(--theme-accent);background:var(--theme-accent-soft)}
.video-frame-folder-body{margin-left:9px;padding-left:8px;border-left:1px solid var(--theme-line)}
.video-frame-tree-item{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center;gap:6px!important;margin:2px 0;padding:7px 8px!important;border:1px solid transparent;border-radius:6px}
.video-frame-tree-item>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-frame-tree-item>small{grid-row:1!important;grid-column:3!important;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.video-frame-tree-item:hover{color:var(--theme-text)!important;background:var(--theme-surface-2)!important}
.video-frame-tree-item.active{color:var(--theme-text)!important;border-color:color-mix(in srgb,var(--theme-accent) 48%,var(--theme-line));background:var(--theme-accent-soft)!important;box-shadow:none}
.video-frame-tree-item[hidden]{display:none!important}
.video-frame-tree-item.dragging{opacity:.45}
.video-frame-search-empty{padding:12px!important;text-align:center}
.video-frame-sidebar-footer{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}
.video-frame-sidebar-footer .add-template{display:flex;align-items:center;justify-content:center;margin:0;padding:8px 5px;text-align:center;font-size:11px}
.default-frame-icon{color:var(--theme-warning);font-size:15px}
.video-frame-context-menu{left:var(--context-menu-left);top:var(--context-menu-top)}
.video-frame-delete-dialog{width:min(620px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid var(--theme-line-strong);border-radius:10px;color:var(--theme-text);background:var(--theme-surface);box-shadow:var(--theme-shadow)}
.video-frame-delete-dialog::backdrop{background:var(--theme-overlay)}
.video-frame-delete-dialog>form{margin:0}
.video-frame-delete-dialog header,.video-frame-delete-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--theme-surface-2)}
.video-frame-delete-dialog header{border-bottom:1px solid var(--theme-line)}
.video-frame-delete-dialog footer{justify-content:flex-end;border-top:1px solid var(--theme-line)}
.video-frame-delete-dialog header h3{margin:2px 0 0}
.video-frame-delete-dialog header small{color:var(--theme-muted)}
.video-frame-delete-dialog header>button{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid var(--theme-line);border-radius:6px;color:var(--theme-text);background:var(--theme-input);font-size:20px;cursor:pointer}
.video-frame-delete-body{display:grid;gap:10px;padding:16px}
.video-frame-delete-body>p{margin:0}
.video-frame-delete-warning,.video-frame-delete-blocked{padding:12px;border:2px solid var(--theme-danger);border-radius:8px;color:var(--theme-danger);background:color-mix(in srgb,var(--theme-danger) 10%,var(--theme-surface))}
.video-frame-delete-warning[hidden],.video-frame-delete-blocked[hidden]{display:none}
.video-frame-delete-warning strong,.video-frame-delete-blocked strong{display:block;margin-bottom:6px;font-size:14px}
.video-frame-delete-warning p,.video-frame-delete-blocked p{margin:4px 0;color:var(--theme-text)}
.video-frame-delete-blocked{border-color:var(--theme-warning);color:var(--theme-warning);background:color-mix(in srgb,var(--theme-warning) 10%,var(--theme-surface))}