.tvc{--tvc-accent:var(--accent-purple);--tvc-on-accent:oklch(97.8% 0 0);--tvc-line:2px;--tvc-check-a:var(--shade-000);--tvc-check-b:var(--shade-200);border:var(--tvc-line) solid var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:var(--space-xs) var(--space-xs) 0 var(--color-border-strong);color:var(--color-text-primary);font-family:var(--font-secondary);isolation:isolate;grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);margin:0;display:grid}.tvc [hidden]{display:none!important}.tvc__display{align-content:center;justify-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-lg) var(--space-md);background:var(--tvc-accent);border-right:var(--tvc-line) solid var(--color-text-primary);color:var(--tvc-on-accent);display:grid;position:relative}.tvc__display:after{content:"";top:calc(var(--tvc-line) * -1);right:calc(var(--tvc-line) * -1);width:var(--space-md);height:var(--space-md);background:var(--color-bg-elevated);border-left:var(--tvc-line) solid var(--color-text-primary);border-bottom:var(--tvc-line) solid var(--color-text-primary);position:absolute}.tvc__display-label{justify-content:space-between;align-items:center;gap:var(--space-sm);width:min(100%,18rem);font:400 var(--type-body-12-size)/1.5 var(--font-primary);display:flex}.tvc__ridges{background:repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 8px);width:2.4rem;height:.75rem}.tvc__screen{box-sizing:border-box;aspect-ratio:1;width:min(100%,18rem);padding:var(--space-sm);border:var(--tvc-line) solid var(--color-text-primary);box-shadow:var(--space-xxs) var(--space-xxs) 0 var(--color-text-primary);background:repeating-conic-gradient(var(--tvc-check-b) 0 25%, var(--tvc-check-a) 0 50%) 0 0 / 1rem 1rem;place-items:center;margin:0;display:grid}.tvc__frame{display:contents}.tvc__poster,.tvc__media{object-fit:contain;width:100%;height:100%;display:block}.tvc__caption{width:min(100%,18rem);font:400 var(--type-body-14-size)/1.5 var(--font-secondary);text-align:center;color:inherit;margin:0}.tvc__facts{gap:var(--space-xs) var(--space-sm);width:min(100%,18rem);font-size:var(--type-body-14-size);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.tvc__facts dt{font:400 var(--type-body-12-size)/1.5 var(--font-primary)}.tvc__facts dd{overflow-wrap:anywhere;margin:0}.tvc__dock{align-content:center;gap:var(--space-md);min-width:0;padding:var(--space-lg);font-size:var(--type-body-16-size);line-height:1.6;display:grid}.tvc__step{gap:var(--space-sm);border:0;min-width:0;margin:0;padding:0;display:grid}.tvc__label{color:var(--color-text-primary);font-weight:600}.tvc__file-name{overflow-wrap:anywhere;color:var(--color-text-secondary);margin:0}.tvc__file-name .tvc__label{margin-right:var(--space-xxs)}.tvc__drop{align-content:center;justify-items:center;gap:var(--space-xs);min-height:14rem;max-inline-size:none;padding:var(--space-lg);border:var(--tvc-line) dashed var(--color-text-primary);border-radius:var(--border-radius-md);text-align:center;cursor:pointer;transition:background-color var(--transition-fast);margin:0;display:grid;position:relative}.tvc__drop span{color:var(--color-text-secondary);font-size:var(--type-body-14-size)}.tvc__drop:hover,.tvc__drop[data-over]{background:var(--color-bg-hover)}.tvc__drop:focus-within{outline:3px solid var(--color-text-primary);outline-offset:3px}.tvc__file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tvc__icon{width:2rem;height:2rem}.tvc .button .tvc__icon{width:1.25rem;height:1.25rem}.tvc__choices{gap:var(--space-xs)}.tvc__choices legend{margin-bottom:var(--space-xs);padding:0}.tvc__choice{column-gap:var(--space-sm);align-items:start;gap:0 var(--space-sm);max-inline-size:none;min-height:44px;padding:var(--space-xs) var(--space-sm);border:var(--tvc-line) solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.tvc__choice input{width:1.1rem;height:1.1rem;accent-color:var(--color-text-primary);grid-row:span 2;margin:.3rem 0 0}.tvc__choice strong{font-weight:600;line-height:1.4}.tvc__choice span{color:var(--color-text-secondary);font-size:var(--type-body-14-size)}.tvc__choice:hover{border-color:var(--color-border-strong)}.tvc__choice:has(input:checked){border-color:var(--color-text-primary);box-shadow:var(--space-xxs) var(--space-xxs) 0 var(--color-text-primary)}.tvc__choice:has(input:focus-visible){outline:3px dashed var(--color-text-primary);outline-offset:3px}.tvc .tvc__options{border:var(--tvc-line) solid var(--color-border);border-radius:var(--border-radius-md);background:0 0;margin:0;display:block}.tvc .tvc__options summary{min-height:44px;padding:0 var(--space-sm);color:var(--color-text-secondary);font:400 var(--type-body-14-size)/1.5 var(--font-secondary);background:0 0;border:0;justify-content:space-between;align-items:center;height:auto;display:flex}.tvc .tvc__options summary:after{font-size:var(--type-body-16-size);font-weight:400}.tvc .tvc__options[open] summary{border-bottom:var(--tvc-line) solid var(--color-border)}.tvc__options .tvc__option-row{padding:var(--space-sm)}.tvc__options summary:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}.tvc__option-row{gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.tvc__option-row label{align-items:center;gap:var(--space-xs);margin:0;display:flex}.tvc__option-row select,.tvc__option-row input{min-height:44px;padding:0 var(--space-xs);border:var(--tvc-line) solid var(--color-border-strong);border-radius:var(--border-radius-sm);background:var(--color-bg);color:var(--color-text-primary);font:inherit}.tvc__option-row input[type=number]{width:4.5rem}.tvc__option-row input[type=color]{width:3.5rem;padding:var(--space-xxs)}.tvc__buttons{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.tvc__buttons .button{align-items:center;gap:var(--space-xs);min-height:44px;display:inline-flex}.tvc .tvc__link{min-height:44px;box-shadow:none;color:var(--color-text-primary);font:400 var(--type-body-16-size)/1.5 var(--font-secondary);text-transform:none;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:0;justify-self:start;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.tvc .tvc__link:hover{box-shadow:none;text-decoration-thickness:2px;transform:none}.tvc__link:focus-visible{outline:3px solid var(--color-text-primary);outline-offset:3px}.tvc__note,.tvc__engine{color:var(--color-text-secondary);font-size:var(--type-body-14-size);margin:0}.tvc__engine:empty,.tvc__problem:empty{display:none}.tvc__problem{color:var(--color-danger);margin:0;font-weight:600}.tvc__problem:focus{outline:none}.tvc__progress{width:100%;height:.75rem;accent-color:var(--color-text-primary)}.tvc .tvc__title{font:400 var(--type-hl-16-size)/1.3 var(--font-primary);margin:0;padding:0}.tvc[data-state=done] .tvc__engine{display:none}.tvc__report{gap:var(--space-xxs);margin:0;display:grid}.tvc__report div{gap:var(--space-sm);grid-template-columns:8rem minmax(0,1fr);display:grid}.tvc__report dt{font:400 var(--type-body-12-size)/1.5 var(--font-primary);color:var(--color-text-secondary);align-self:center}.tvc__report dd{overflow-wrap:anywhere;margin:0}@media (width<=760px){.tvc{grid-template-columns:1fr}.tvc__display{border-right:0;border-bottom:var(--tvc-line) solid var(--color-text-primary);padding-block:var(--space-md)}.tvc__screen{width:min(100%,14rem)}.tvc__dock{padding:var(--space-md)}.tvc__drop{min-height:10rem}.tvc__report div{grid-template-columns:6.5rem minmax(0,1fr)}.tvc__display{gap:var(--space-xs)}.tvc[data-state=ready] .tvc__screen,.tvc[data-state=converting] .tvc__screen{width:min(100%,9rem)}.tvc__facts{grid-template-columns:repeat(4,auto);justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.tvc__drop{transition:none}}