.clips-overview-header{background:var(--bg-card,#131315);border:1px solid var(--border,#1e1e22);border-radius:var(--radius-lg,12px);flex-shrink:0;align-items:center;gap:16px;margin:32px 40px 0;padding:16px 20px;display:flex}.clips-overview-heading{color:var(--text-primary,#e0e0e0);margin-bottom:0;font-size:15px;font-weight:600}.clips-overview-grid{grid-template-columns:repeat(4,1fr);gap:56px 52px;margin-top:32px;margin-bottom:24px;padding:0 40px;display:grid}.clip-grid-cell{flex-direction:column;min-width:0;display:flex;position:relative}.clip-grid-title-above{color:var(--text-primary,#e0e0e0);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.clip-grid-editor-item{aspect-ratio:9/16;cursor:pointer;border:2px solid var(--accent,#d4a843);background:#0a0a0c;border-radius:4px;transition:box-shadow .2s;position:relative;overflow:hidden}.clip-grid-editor-item:hover{box-shadow:0 0 0 1px #d4a8434d,0 4px 20px #0006}.clip-grid-cell.playing .clip-grid-editor-item,.clip-grid-cell.selected .clip-grid-editor-item{box-shadow:0 4px 16px #d4a84326}.mini-player-progress{background:var(--accent,#d4a843);z-index:6;border-radius:0 2px 0 0;width:0%;height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.clip-grid-editor-item img,.clip-grid-editor-item video{object-fit:cover;width:100%;height:100%;display:block}.clip-grid-play{cursor:pointer;z-index:4;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clip-grid-play svg{opacity:0;filter:drop-shadow(0 2px 8px #0009);width:36px;height:36px;transition:opacity .2s}.clip-grid-cell:hover .clip-grid-play svg{opacity:.95}.mini-player-pause-overlay{cursor:pointer;opacity:0;z-index:4;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.mini-player-pause-overlay:hover{opacity:1}.mini-player-pause-overlay svg{opacity:.85;filter:drop-shadow(0 2px 6px #0009);width:36px;height:36px}.clip-grid-editor-subtitle{pointer-events:none;z-index:6;flex-direction:column;justify-content:center;align-items:center;padding:0 12px;display:flex;position:absolute;bottom:36px;left:0;right:0}.clip-grid-editor-subtitle>span{text-align:center;display:block}.clip-grid-editor-subtitle .sw-word{animation-play-state:paused!important}.clip-grid-cell:hover .clip-grid-editor-subtitle .sw-word{animation-play-state:running!important}.clip-grid-badges{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:8px;left:8px;right:8px}.clip-grid-status,.clip-viral-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.clip-viral-badge{color:#34d399;font-variant-numeric:tabular-nums}.clip-grid-status.status-suggestion{color:var(--text-secondary,#7a7a84)}.clip-grid-status.status-edited{color:#60a5fa}.clip-grid-status.status-scheduled{color:var(--accent,#d4a843)}.clip-grid-status.status-published{color:#34d399}.clip-action-btns{z-index:5;visibility:hidden;gap:8px;margin-top:10px;display:flex}.clip-grid-cell:hover .clip-action-btns,.clip-grid-cell.selected .clip-action-btns,.clip-grid-cell.playing .clip-action-btns{visibility:visible}.clip-action-btn{font-size:12px;font-weight:600;font-family:var(--font);border-radius:var(--radius,8px);cursor:pointer;text-align:center;flex:1;padding:8px;transition:all .15s}.clip-action-btn-publish{background:var(--accent,#d4a843);color:#0c0c0e;border:1px solid var(--accent,#d4a843)}.clip-action-btn-publish:hover{background:var(--accent-dim,#b8923a);border-color:var(--accent-dim,#b8923a)}.clip-action-btn-edit{background:var(--bg-card,#131315);color:var(--text-secondary,#7a7a84);border:1px solid var(--border,#1e1e22)}.clip-action-btn-edit:hover{border-color:var(--border-hover,#2a2a2f);color:var(--text-primary,#e0e0e0)}.clip-overview-filter-input{border:1px solid var(--border,#1e1e22);border-radius:var(--radius,8px);min-width:80px;max-width:240px;color:var(--text-primary,#e0e0e0);font-size:12px;font-family:var(--font);background:#ffffff0a;outline:none;flex:1;padding:7px 10px;transition:border-color .15s}.clip-overview-filter-input::placeholder{color:var(--text-secondary,#7a7a84);opacity:.6}.clip-overview-filter-input:focus{border-color:var(--accent,#d4a843)}.editor-regen-trigger{white-space:nowrap;border:1px solid var(--border,#1e1e22);border-radius:var(--radius,8px);color:var(--text-secondary,#7a7a84);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;background:#ffffff0a;align-items:center;gap:6px;padding:7px 12px;transition:all .15s;display:flex}.editor-regen-trigger svg{width:14px;height:14px}.editor-regen-trigger:hover{border-color:var(--border-hover,#2a2a2f);color:var(--text-primary,#e0e0e0);background:#ffffff0f}.editor-status-filter-wrap{position:relative}.editor-status-filter-trigger{white-space:nowrap;border:1px solid var(--border,#1e1e22);border-radius:var(--radius,8px);color:var(--text-secondary,#7a7a84);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;background:#ffffff0a;align-items:center;gap:4px;padding:7px 12px;transition:all .15s;display:flex}.editor-status-filter-trigger svg{width:10px;height:10px}.editor-status-filter-trigger:hover{border-color:var(--border-hover,#2a2a2f)}.editor-status-filter-dropdown{background:var(--bg-card,#131315);border:1px solid var(--border,#1e1e22);z-index:30;border-radius:8px;flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.editor-sf-option{cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:500;transition:background .1s,color .1s;display:flex}.editor-sf-option:hover{background:#ffffff0f}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.clip-grid-fav{z-index:2;position:absolute;top:4px;right:4px}.clip-grid-no-cover{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.clips-overview-filters{align-items:center;gap:10px;margin-left:auto;display:flex}.editor-sort-viral-btn{white-space:nowrap;border:1px solid var(--border,#1e1e22);border-radius:var(--radius,8px);color:var(--text-secondary,#7a7a84);font-size:12px;font-weight:500;font-family:var(--font);cursor:pointer;background:#ffffff0a;align-items:center;gap:4px;padding:7px 12px;transition:all .15s;display:flex}.editor-sort-viral-btn:hover{border-color:var(--border-hover,#2a2a2f);color:var(--text-primary,#e0e0e0)}.editor-sort-viral-btn.active{color:var(--accent,#d4a843);border-color:var(--accent,#d4a843)}@media (max-width:900px){.clips-overview-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px;padding:0 20px}.clips-overview-header{margin:20px 20px 0}}@media (max-width:600px){.clips-overview-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px;padding:0 12px}.clips-overview-header{flex-wrap:wrap;gap:8px;margin:16px 12px 0}}