.clip-player.svelte-vwxmcw{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden}.host.svelte-vwxmcw,.clip-player.svelte-vwxmcw iframe{width:100%;height:100%;border:0;display:block}.clip-browser.svelte-1t5c4fy{display:flex;flex-direction:column;gap:16px}.search.svelte-1t5c4fy{width:100%}.url-add.svelte-1t5c4fy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev))}.url-preview.svelte-1t5c4fy{width:100%;max-width:440px}.url-add-btn.svelte-1t5c4fy{padding:8px 16px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent);font-weight:600;cursor:pointer}.url-add-btn.svelte-1t5c4fy:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.clip-section.svelte-1t5c4fy h3:where(.svelte-1t5c4fy){margin:0 0 12px;font-size:16px;font-weight:700}.clip-grid.svelte-1t5c4fy{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.clip-card.svelte-1t5c4fy{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:var(--radius);transition:background .12s ease}@media(hover:hover){.clip-card.svelte-1t5c4fy:hover{background:var(--bg-elev)}}.clip-card.selected.svelte-1t5c4fy{outline:2px solid var(--accent);outline-offset:3px}.media.svelte-1t5c4fy{position:relative}.play-btn.svelte-1t5c4fy{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev);cursor:pointer}.play-btn.svelte-1t5c4fy:hover{border-color:var(--border-strong)}.thumb.svelte-1t5c4fy{width:100%;height:100%;object-fit:cover;display:block}.play-icon.svelte-1t5c4fy{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:#0000008c;color:#fff;font-size:16px;opacity:0;transition:opacity .12s ease}.play-btn.svelte-1t5c4fy:hover .play-icon:where(.svelte-1t5c4fy){opacity:1}.range.svelte-1t5c4fy{position:absolute;bottom:6px;inset-inline-start:6px;background:#000000bf;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.dur.svelte-1t5c4fy{position:absolute;bottom:6px;inset-inline-end:6px;background:#000000bf;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.card-top.svelte-1t5c4fy{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.select.svelte-1t5c4fy{display:inline-flex;align-items:center}.select.svelte-1t5c4fy input:where(.svelte-1t5c4fy){width:18px;height:18px;margin:0;cursor:pointer}.card-meta.svelte-1t5c4fy{display:flex;flex-direction:column;gap:2px;min-width:0}.title-input.svelte-1t5c4fy{width:100%;font-size:13px;font-weight:600;padding:4px 6px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm)}.title-input.svelte-1t5c4fy:hover,.title-input.svelte-1t5c4fy:focus{border-color:var(--border);background:var(--bg)}.vtitle.svelte-1t5c4fy{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.channel.svelte-1t5c4fy{color:var(--fg-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-link.svelte-1t5c4fy{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;padding:2px 10px;border:1px solid var(--accent);border-radius:999px}.loop-link.svelte-1t5c4fy:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);text-decoration:none}.muted.svelte-1t5c4fy{color:var(--fg-muted);margin:0}.load-more.svelte-1t5c4fy{display:flex;justify-content:center;margin-top:16px}.load-more.svelte-1t5c4fy button:where(.svelte-1t5c4fy){padding:8px 20px;border-radius:999px;font-weight:600}