dialog.svelte-ta60gp{border-radius:16px;border:none;padding:0;margin:auto}dialog.svelte-ta60gp::backdrop{background:#0000004d}dialog.svelte-ta60gp>div:where(.svelte-ta60gp){padding:16px}dialog[open].svelte-ta60gp{animation:svelte-ta60gp-zoom .3s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-ta60gp-zoom{0%{transform:scale(.95)}to{transform:scale(1)}}dialog[open].svelte-ta60gp::backdrop{animation:svelte-ta60gp-fade .2s ease-out}@keyframes svelte-ta60gp-fade{0%{opacity:0}to{opacity:1}}.encoder-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px}.encoder-card.svelte-1uha8ag{display:flex;flex-direction:column;gap:16px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 20px #0f172a14;position:relative}.encoder-card-link.svelte-1uha8ag{text-decoration:none;color:inherit}.encoder-media.offline.svelte-1uha8ag{filter:grayscale(100)}.preview.svelte-1uha8ag{aspect-ratio:16/9;width:100%;object-fit:cover;display:block;border-radius:16px 16px 0 0}.encoder-meta.svelte-1uha8ag{display:flex;flex-direction:column;gap:12px;flex:1;padding:0 16px 16px;min-height:100px}.encoder-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:8px}.encoder-title.svelte-1uha8ag{margin:0;font-size:16px;font-weight:600;color:#0f172a}.status-badge.svelte-1uha8ag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge.online.svelte-1uha8ag{background:#dcfce7;color:#166534}.status-badge.live.svelte-1uha8ag{background:#fee2e2;color:#b91c1c}.status-badge.offline.svelte-1uha8ag{background:#e2e8f0;color:#475569}.encoder-details.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.detail-row.svelte-1uha8ag{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#475569}.detail-label.svelte-1uha8ag{font-weight:500}.detail-value.svelte-1uha8ag{font-weight:600;color:#0f172a}.encoder-empty.svelte-1uha8ag{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center;margin:0;font-size:18px;color:#94a3b8}.info.svelte-1uha8ag{position:absolute;right:10px;top:10px;background:#ebebef;padding:4px;border-radius:50%;display:none;align-items:center;justify-items:center;border:none;z-index:1;transition:background-color .2s ease,color .2s ease}.info.svelte-1uha8ag:hover{background:#b1b1b3;color:#ffffe0;cursor:pointer}.encoder-card.svelte-1uha8ag:hover .info:where(.svelte-1uha8ag){display:flex}.modal-title.svelte-1uha8ag{text-align:center}.modal-content.svelte-1uha8ag{min-width:400px;display:flex;flex-direction:column;gap:24px}.track-info.svelte-1uha8ag{border:1px solid lightgray;padding:16px;border-radius:16px}.track-info-title.svelte-1uha8ag{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.track-resolution.svelte-1uha8ag{color:gray;font-size:12px}