.dropzone{display:grid;justify-items:center;gap:var(--space-2xs);padding:var(--space-l);text-align:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius)}.dropzone--active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg))}.dropzone__button{display:inline-block;padding:var(--space-2xs) var(--space-s);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-weight:500;cursor:pointer}.dropzone__button:hover{border-color:var(--color-accent);color:var(--color-accent)}.dropzone__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@font-face{font-family:Roboto;src:url(/fonts/roboto/roboto-latin-var.woff2) format("woff2");font-weight:100 900;font-display:swap}.yt-context{padding:var(--space-m);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--tp-bg);color:var(--tp-title-color);font-family:Roboto,Arial,sans-serif}.yt-context__card{inline-size:var(--tp-card-w)}.yt-context__card--beside{display:flex;gap:var(--tp-text-gap)}.yt-context__thumb{position:relative;inline-size:var(--tp-thumb-w);block-size:var(--tp-thumb-h);flex-shrink:0;overflow:hidden;border-radius:var(--tp-thumb-radius);background:#000}.yt-context__img{position:absolute;display:block;max-width:none}.yt-context__neutral{inline-size:var(--tp-thumb-w);block-size:var(--tp-thumb-h);border-radius:var(--tp-thumb-radius);background:color-mix(in srgb,var(--tp-title-color) 12%,var(--tp-bg))}.yt-context__empty{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--tp-title-color) 10%,var(--tp-bg));color:var(--tp-meta-color);font-size:var(--tp-meta-size)}.yt-context__badge{position:absolute;inset-inline-end:var(--tp-badge-right);inset-block-end:var(--tp-badge-bottom);padding:var(--tp-badge-py) var(--tp-badge-px);border-radius:var(--tp-badge-radius);background:var(--tp-badge-bg);color:var(--tp-badge-color);font-size:var(--tp-badge-size);font-weight:var(--tp-badge-weight);line-height:var(--tp-badge-lh)}.yt-context__body{display:flex;gap:var(--tp-avatar-gap);margin-block-start:var(--tp-text-gap);min-width:0}.yt-context__card--beside .yt-context__body{margin-block-start:0;min-width:0}.yt-context__avatar{display:grid;place-items:center;inline-size:var(--tp-avatar-size);block-size:var(--tp-avatar-size);flex-shrink:0;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--tp-title-color) 15%,var(--tp-bg));color:var(--tp-meta-color);font-size:calc(var(--tp-avatar-size) * .44);font-weight:500}.yt-context__avatar img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.yt-context__text{min-width:0}.yt-context__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--tp-title-lines);line-clamp:var(--tp-title-lines);overflow:hidden;overflow-wrap:anywhere;font-size:var(--tp-title-size);font-weight:var(--tp-title-weight);line-height:var(--tp-title-lh);color:var(--tp-title-color)}.yt-context__title--placeholder{color:var(--tp-meta-color)}.yt-context__meta{font-size:var(--tp-meta-size);font-weight:var(--tp-meta-weight);line-height:var(--tp-meta-lh);color:var(--tp-meta-color);max-width:none}.yt-context__byline{display:flex;align-items:center;gap:var(--tp-avatar-gap)}.tp-cs{display:grid;gap:var(--space-s)}.tp-cs__body{display:grid;grid-template-columns:minmax(0,30rem) minmax(12rem,1fr);gap:var(--space-m);align-items:start}.tp-cs__stage{outline:1px solid var(--color-border);position:relative;inline-size:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius);overflow:hidden;cursor:crosshair}.tp-cs__stage:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tp-cs__canvas{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.tp-cs__crosshair{position:absolute;inline-size:14px;block-size:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000000b3;pointer-events:none}.tp-cs__panel{display:grid;gap:var(--space-2xs);align-content:start}.tp-cs__prompt{margin:0;font-size:var(--step--1);color:var(--color-text-muted)}.tp-cs-slot{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;text-align:start;cursor:pointer}.tp-cs-slot--active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg))}.tp-cs-slot__swatch{flex-shrink:0;inline-size:2rem;block-size:2rem;border:1px solid var(--color-border);border-radius:var(--radius)}.tp-cs-slot__swatch--empty{background:repeating-linear-gradient(-45deg,var(--color-surface) 0 4px,var(--color-bg) 4px 8px)}.tp-cs-slot__meta{display:grid;line-height:1.3}.tp-cs-slot__label{font-weight:500}.tp-cs-slot__value{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-text-muted)}.tp-cs__result{margin-block-start:var(--space-2xs);padding:var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius);border-inline-start-width:4px}.tp-cs__result[data-band=crisp]{border-inline-start-color:var(--color-ok-text)}.tp-cs__result[data-band=holds]{border-inline-start-color:var(--color-warn-text)}.tp-cs__result[data-band=will-smear]{border-inline-start-color:var(--color-error-text)}.tp-cs__ratio{margin:0;font-size:var(--step-2);font-weight:600}.tp-cs__band{margin-block-start:var(--space-3xs);font-size:var(--step--1);max-width:none}.tp-cs__hint{font-size:var(--step--1);color:var(--color-warn-text)}.tp-cs__hint:empty{display:none}.tp-guide{display:grid;gap:var(--space-s);border-block-start:1px solid var(--color-border);padding-block-start:var(--space-l)}.tp-guide__toggle{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-weight:500;cursor:pointer}.tp-guide__toggle:hover{border-color:var(--color-accent)}.tp-guide__body{display:grid;gap:var(--space-l)}.tp-guide__block{display:grid;gap:var(--space-2xs);justify-items:start}.tp-guide__block>h3{font-size:var(--step-1)}.tp-guide__stage{inline-size:100%;overflow-x:auto}.tp-guide__recall{max-width:var(--measure);font-size:var(--step--1)}.tp-guide__recall em{font-style:normal;font-weight:600}.tp-guide__prompt{display:grid;gap:var(--space-2xs);inline-size:100%;max-width:var(--measure);margin:0;padding:var(--space-2xs) 0;border:0;border-block-start:1px solid var(--color-line-soft, var(--color-border))}.tp-guide__prompt>legend{padding:0;font-size:var(--step-0)}.tp-guide__answers{display:flex;flex-wrap:wrap;gap:var(--space-s)}.tp-guide__answer{display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--step--1)}.tp-guide__note{inline-size:100%;padding:var(--space-3xs) var(--space-2xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:var(--step--1);resize:vertical}.tp-field textarea{inline-size:100%;max-width:var(--measure);padding:var(--space-2xs) var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;resize:vertical}.tp-safe{display:grid;gap:var(--space-s)}.tp-safe__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-s)}.tp-safe__toggle{display:flex;align-items:center;gap:var(--space-3xs);font-size:var(--step--1)}.tp-safe__frame{outline:1px solid var(--color-border);position:relative;inline-size:100%;max-inline-size:30rem;aspect-ratio:16 / 9;overflow:hidden;background:#000}.tp-safe__img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.tp-safe__zones.is-hidden{display:none}.tp-safe__zone{position:absolute;box-sizing:border-box}.tp-safe__zone[data-kind=duration-badge],.tp-safe__zone[data-kind=progress-bar]{background:color-mix(in srgb,var(--color-accent) 45%,transparent);border:1px solid var(--color-accent)}.tp-safe__zone[data-kind=corner-crowding]{border:1px dashed rgba(255,255,255,.8)}.tp-safe__legend{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none;max-width:var(--measure)}.tp-safe__legend-item{display:flex;align-items:flex-start;gap:var(--space-2xs);font-size:var(--step--1)}.tp-safe__swatch{flex-shrink:0;inline-size:1rem;block-size:1rem;margin-block-start:.1em;border-radius:3px}.tp-safe__swatch[data-kind=duration-badge],.tp-safe__swatch[data-kind=progress-bar]{background:color-mix(in srgb,var(--color-accent) 45%,var(--color-surface));border:1px solid var(--color-accent)}.tp-safe__swatch[data-kind=corner-crowding]{border:1px dashed var(--color-text-muted)}.tp-squint{overflow-x:auto;display:grid;gap:var(--space-s)}.tp-squint__grid{display:grid;gap:var(--space-m)}.tp-squint__row{display:grid;grid-template-columns:minmax(12rem,16rem) 1fr;gap:var(--space-m);align-items:start;padding-block-end:var(--space-m);border-block-end:1px solid var(--color-border)}.tp-squint__row:last-child{border-block-end:0;padding-block-end:0}.tp-squint__level{font-size:var(--step-0)}.tp-squint__note{margin-block-start:var(--space-3xs);font-size:var(--step--1);color:var(--color-text-muted);max-width:none}.tp-squint__cells{display:flex;flex-wrap:wrap;gap:var(--space-m)}.tp-squint__cell{margin:0;inline-size:220px;max-inline-size:100%}.tp-squint__img{outline:1px solid var(--color-border);display:block;inline-size:220px;max-inline-size:100%;aspect-ratio:16 / 9;object-fit:contain;background:#000;border-radius:var(--radius)}.tp-squint__cap{margin-block-start:var(--space-3xs);font-family:var(--font-base);font-size:var(--step--1);color:var(--color-text-muted)}.thumbnail-proof{display:grid;gap:var(--space-l)}.tp-slots{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-2xs)}.tp-slot{display:flex;align-items:baseline;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-s);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;color:var(--color-text);cursor:pointer}.tp-slot:hover{border-color:var(--color-accent)}.tp-slot--active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg));font-weight:500}.tp-slot__key{display:inline-grid;place-items:center;inline-size:1.25rem;block-size:1.25rem;border:1px solid var(--color-border-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-text-muted)}.tp-slot__state{font-size:var(--step--1);color:var(--color-text-muted)}.tp-flip{margin-inline-start:auto}.tp-flip:disabled{opacity:.5;cursor:not-allowed}.tp-contexts__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-s)}.tp-showing{margin:0;font-size:var(--step--1);color:var(--color-text-muted)}.tp-persist{max-width:var(--measure);margin:0;font-size:var(--step--1);color:var(--color-text-muted)}.tp-persist__badge{color:var(--color-text);font-weight:500}.tp-linkbtn{padding:0;border:0;background:none;font:inherit;color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.tp-dropzone{display:grid;justify-items:center;gap:var(--space-2xs);padding:var(--space-l);text-align:center;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius)}.tp-dropzone--active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg))}.tp-button{display:inline-block;padding:var(--space-2xs) var(--space-s);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-weight:500;cursor:pointer}.tp-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.tp-button:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.tp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-s);align-items:start}.tp-field{display:grid;gap:var(--space-3xs)}.tp-field>label{font-size:var(--step--1);font-weight:500}.tp-field input[type=text]{padding:var(--space-2xs) var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text);font:inherit}.tp-field__hint{font-size:var(--step--1);color:var(--color-text-muted)}.tp-status{display:grid;gap:var(--space-2xs)}.tp-status:empty{display:none}.tp-loaded{font-size:var(--step--1);color:var(--color-text-muted)}.tp-readout{font-family:var(--font-mono)}.tp-warning{max-width:var(--measure);padding:var(--space-2xs) var(--space-s);background:var(--color-warn-bg);border:1px solid var(--color-warn-border);border-radius:var(--radius);color:var(--color-warn-text);font-size:var(--step--1)}.tp-error{max-width:var(--measure);padding:var(--space-2xs) var(--space-s);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius);color:var(--color-error-text);font-size:var(--step--1)}.tp-theme{display:flex;align-items:center;gap:var(--space-s);margin:0;padding:0;border:0}.tp-theme legend{float:left;margin-inline-end:var(--space-2xs);font-size:var(--step--1);font-weight:500}.tp-theme label{display:flex;align-items:center;gap:var(--space-3xs);font-size:var(--step--1)}.tp-note{max-width:var(--measure);font-size:var(--step--1);color:var(--color-text-muted)}.tp-contexts{display:grid;gap:var(--space-l)}.tp-context-section{display:grid;gap:var(--space-2xs)}.tp-context-section>h3{font-size:var(--step-0)}.tp-viewmode{margin-inline-start:auto}