.clips-overview-header{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.clips-overview-heading{font-size:15px;font-weight:600}.clips-overview-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:52px;margin-top:8px;padding:24px 40px 60px 24px;display:grid}.clip-grid-cell{flex-direction:column;margin-bottom:40px;padding:12px;display:flex;position:relative}.clip-grid-title-above{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;padding:0 2px;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.clip-grid-editor-item{border-radius:var(--radius,8px);aspect-ratio:9/16;cursor:pointer;border:2px solid #0000;transition:border-color .2s,box-shadow .25s;position:relative;overflow:hidden}.clip-grid-cell:hover .clip-grid-editor-item{border-color:var(--border-hover,#2a2a2f)}.clip-grid-cell.playing .clip-grid-editor-item,.clip-grid-cell.selected .clip-grid-editor-item{border-color:var(--accent,#d4a843);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:.7;filter:drop-shadow(0 2px 6px #0009);width:36px;height:36px;transition:opacity .15s}.clip-grid-editor-item: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:3;flex-direction:column;justify-content:center;align-items:center;padding:0 2px;display:flex;position:absolute;bottom:40%;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-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;top:5px;left:5px}.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;opacity:0;pointer-events:none;gap:6px;margin-top:10px;transition:opacity .25s;display:flex}.clip-grid-cell:hover .clip-action-btns,.clip-grid-cell.selected .clip-action-btns,.clip-grid-cell.playing .clip-action-btns{opacity:1;pointer-events:auto}.clip-action-btn{font-size:11px;font-weight:600;font-family:var(--font);border-radius:var(--radius,8px);cursor:pointer;text-align:center;border:none;flex:1;padding:7px 8px;transition:all .15s}.clip-action-btn-publish{background:var(--accent,#d4a843);color:#0c0c0e}.clip-action-btn-publish:hover{background:var(--accent-dim,#b8923a)}.clip-action-btn-edit{color:var(--text,#e0e0e0);border:1px solid var(--border,#1e1e22);background:#ffffff14}.clip-action-btn-edit:hover{border-color:var(--border-hover,#2a2a2f);background:#ffffff1f}.clip-overview-filter-input{border:1px solid var(--border,#1e1e22);border-radius:var(--radius,8px);min-width:80px;max-width:240px;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);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);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);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:8px;margin-left:auto;display:flex}@media (max-width:600px){.clips-overview-grid{grid-template-columns:1fr 1fr;gap:16px}.clips-overview-header{gap:8px}}