.yt{--yt-tap:44px;--yt-tone:var(--color-muted);--yt-warn:oklch(52% .12 70);--yt-red:oklch(55% .2 27)}:root[data-theme=dark] .yt{--yt-warn:oklch(80% .12 80);--yt-red:oklch(68% .18 25)}.yt [hidden]{display:none!important}.yt .btn{min-height:var(--yt-tap);white-space:normal;height:auto}.yt .icon-btn{width:var(--yt-tap);height:var(--yt-tap);flex-shrink:0}.yt .error{color:var(--color-error)}.yt a{color:var(--color-accent-ink);text-underline-offset:2px;text-decoration:underline}.yt .input,.yt .native-select{width:100%;min-height:var(--yt-tap)}.yt [data-tone=ok]{--yt-tone:var(--color-ok)}.yt [data-tone=error]{--yt-tone:var(--color-error)}.yt [data-tone=warn]{--yt-tone:var(--yt-warn)}.page .workbench-split.yt-stacked{grid-template-columns:minmax(0,1fr)}.yt-stacked>.workbench-result{border-inline-start:0;border-top:var(--rule)}.yt-stacked .helper{min-height:0}.yt-query{gap:8px;display:grid}.yt-query-row{flex-wrap:wrap;gap:8px;display:flex}.yt-query-row .input{flex:14rem;width:auto}.yt-query-row .btn{flex:none}.yt-query .input[aria-invalid=true]{border-color:var(--color-error)}[data-yt-run][aria-busy=true]{cursor:progress}.yt-hints{font-size:var(--text-sm);color:var(--color-ink-2);flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.yt-hints span{align-items:center;gap:6px;display:inline-flex}.yt-hints svg{color:var(--color-muted);flex-shrink:0}.yt-result{min-width:0;position:relative}.yt-empty{border:1px dashed var(--color-rule);min-height:220px;color:var(--color-muted);text-align:center;border-radius:12px;place-items:center;margin:0;padding:24px;display:grid}[data-yt-panel][aria-busy=true] .yt-result:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);background-repeat:no-repeat;background-size:50% 100%;border-radius:3px;height:3px;animation:1.2s linear infinite yt-progress;position:absolute;inset:0 0 auto}@keyframes yt-progress{0%{background-position:-50% 0}to{background-position:150% 0}}@media (prefers-reduced-motion:reduce){[data-yt-panel][aria-busy=true] .yt-result:before{background:var(--color-accent);animation:none}}.yt-formats{text-align:start;color:var(--color-ink-2);font-size:var(--text-sm);place-items:normal;display:block}.yt-formats h3{text-align:start;font-size:var(--text-sm);color:var(--color-ink);margin:0 0 8px;font-weight:600}.yt-formats ul{gap:4px;margin:0 0 16px;padding-inline-start:18px;list-style:outside;display:grid}.yt-formats ul:last-child{margin-bottom:0}.yt-format-list code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:13px}.yt-format-list span{color:var(--color-muted);display:block}.yt-stack{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.yt-muted{color:var(--color-muted);margin:0}.yt-small{font-size:var(--text-sm)}.yt-meta{font-size:var(--text-sm);color:var(--color-ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.yt-meta [data-tone]{color:var(--yt-tone);font-weight:600}.yt-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.yt-actions .btn{padding-inline:14px}.yt-section{gap:12px;min-width:0;display:grid}.yt-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.yt-section-title{font-size:var(--text-md);margin:0;font-weight:600}.yt-note{border-inline-start:3px solid var(--yt-tone);background:color-mix(in oklch, var(--yt-tone) 8%, transparent);font-size:var(--text-sm);border-radius:8px;margin:0;padding:10px 12px}.yt-note ul{margin:4px 0 0;padding-inline-start:18px;list-style:outside}.yt-badge{border:1px solid color-mix(in oklch, var(--color-accent) 45%, transparent);background:var(--color-accent-wash);color:var(--color-accent-ink);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.yt-wide{grid-column:1/-1}.yt-video{border:var(--rule);background:var(--color-surface);border-radius:12px;grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:start;gap:12px 16px;min-width:0;padding:12px;display:grid}.yt-video-thumb,.yt-thumb-frame img{aspect-ratio:16/9;object-fit:cover;background:var(--color-paper-3);border-radius:8px;width:100%;height:auto;display:block}.yt-video-text{gap:6px;min-width:0;display:grid}.yt-video-title{font-size:var(--text-md);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.35}.yt-video-compact{grid-template-columns:minmax(0,8rem) minmax(0,1fr);align-items:center}.yt-thumb-frame{min-width:0;position:relative}.yt-duration{color:#fff;font-variant-numeric:tabular-nums;background:#000c;border-radius:4px;padding:1px 5px;font-size:12px;position:absolute;inset-block-end:4px;inset-inline-end:4px}.yt-tags{border:var(--rule);background:var(--color-surface);border-radius:12px;flex-wrap:wrap;gap:8px;margin:0;padding:12px;list-style:none;display:flex}.yt-tag{min-height:var(--yt-tap);border:var(--rule);background:var(--color-paper-2);color:var(--color-ink);font:inherit;font-size:var(--text-sm);text-align:start;overflow-wrap:anywhere;cursor:copy;border-radius:8px;padding:6px 12px}.yt-tag:hover{border-color:var(--color-accent)}.yt-tag:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.yt-video-votes{grid-template-columns:minmax(0,12rem) minmax(0,1fr)}.yt-votes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.yt-vote,.yt-stat{border:var(--rule);background:var(--color-surface);text-align:center;border-radius:10px;gap:2px;min-width:0;padding:12px;display:grid}.yt-vote strong{color:var(--yt-tone,var(--color-ink));font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1.15}.yt-vote:not([data-tone]) strong{color:var(--color-ink);font-size:1.375rem}.yt-vote span,.yt-stat span{font-size:var(--text-sm);color:var(--color-muted)}.yt-ratio{gap:8px;display:grid}.yt-ratio-bar{background:var(--yt-red);border-radius:999px;height:12px;display:flex;overflow:hidden}.yt-ratio-bar span{background:var(--color-ok);height:100%;display:block}.yt-ratio-legend{font-size:var(--text-sm);color:var(--color-ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin:0;display:flex}.yt-thumbs{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.yt-thumb{border:var(--rule);background:var(--color-surface);border-radius:12px;min-width:0;display:grid;overflow:hidden}.yt-thumb img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;height:auto;display:block}.yt-thumb-foot{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.yt-thumb-foot>div{min-width:0;font-size:var(--text-sm);display:grid}.yt-thumb-foot .btn{white-space:nowrap;flex:none;padding-inline:12px}.yt-channel{border:var(--rule);background:var(--color-surface);border-radius:12px;align-items:center;gap:16px;min-width:0;padding:12px;display:flex}.yt-avatar{object-fit:cover;background:var(--color-paper-3);border-radius:50%;flex-shrink:0;width:64px;height:64px}.yt-avatar-small{width:48px;height:48px}.yt-rows{gap:8px;margin:0;display:grid}.yt-row{border:var(--rule);background:var(--color-surface);border-radius:10px;gap:4px;min-width:0;padding:10px 12px;display:grid}.yt-row dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:600}.yt-row dd{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.yt-row code{font-family:var(--font-mono);overflow-wrap:anywhere;min-width:0;font-size:13px}.yt-counter{color:#fff;text-align:center;background:oklch(19% .012 265);border-radius:16px;justify-items:center;gap:8px;min-width:0;padding:clamp(20px,4vw,32px) 16px;display:grid;container-type:inline-size}.yt-counter-head{text-align:start;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.yt-counter-head>div{min-width:0}.yt-counter-title{font-size:var(--text-md);overflow-wrap:anywhere;margin:0;font-weight:600}.yt-counter-handle,.yt-counter-label{color:oklch(75% .01 265);font-size:var(--text-sm);margin:0}.yt-counter-label{letter-spacing:.18em;text-transform:uppercase}.yt-counter-value{white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 0;font-size:clamp(2rem,11cqi,5rem);font-weight:700;line-height:1.05}.yt-chip{color:oklch(80% .01 265);font-variant-numeric:tabular-nums;background:oklch(28% .012 265);border-radius:999px;align-items:center;gap:8px;margin:8px 0 0;padding:6px 12px;font-size:13px;display:inline-flex}.yt-dot{background:oklch(64% .21 27);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite yt-pulse}.yt-chip[data-phase=hidden] .yt-dot{background:oklch(60% .01 265);animation:none}.yt-chip[data-failed=true] .yt-dot{background:oklch(78% .15 80)}@keyframes yt-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.yt-dot{animation:none}}.yt-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.yt-stat strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.5rem}.yt-card,.yt-progress{border:var(--rule);background:var(--color-surface);border-radius:12px;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;padding:16px;display:grid}.yt-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.yt-card-head h3{font-size:var(--text-md);overflow-wrap:anywhere;margin:0;font-weight:600}.yt-card .yt-video{background:0 0;border:0;padding:0}.yt-language{background:var(--color-paper-2);border-radius:10px;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:12px;display:grid}.yt-language-head{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.yt-language-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.yt-language-row .native-select{flex:14rem;width:auto}.yt-language-row>p{flex:12rem}.yt-chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.yt-chip-btn{border:var(--rule);background:var(--color-surface);min-height:32px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:13px}.yt-chip-btn[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.yt-chip-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.yt-alert{border-inline-start:4px solid var(--yt-tone);background:color-mix(in oklch, var(--yt-tone) 9%, var(--color-surface));font-size:var(--text-sm);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;padding:12px 14px;display:flex}.yt-alert>div{flex:14rem;min-width:0}.yt-alert h3{font-size:var(--text-sm);margin:0 0 4px;font-weight:600}.yt-alert p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.yt-alert[role=alert]{justify-content:stretch;display:grid}.yt-alert[role=alert] .btn{justify-self:start}.yt-tips{background:color-mix(in oklch, var(--yt-tone) 7%, transparent);border-radius:8px;padding:10px 12px}.yt-tips p{font-weight:600}.yt-tips ul{margin:4px 0 0;padding-inline-start:18px;list-style:outside}.yt-progress-head{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.yt-progress-value{font-variant-numeric:tabular-nums;white-space:nowrap}.yt-progress progress{width:100%;height:10px;accent-color:var(--color-accent)}.yt-progress-body{gap:8px;min-width:0;display:grid}.yt-steps{color:var(--color-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.yt-steps li{border-top:3px solid var(--color-rule);padding-top:6px}.yt-steps li[data-done=true]{border-top-color:var(--color-accent);color:var(--color-ink);font-weight:600}.yt-count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.yt-count[data-full=true]{color:var(--yt-warn)}.yt-picks{overscroll-behavior:contain;gap:6px;max-height:420px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.yt-pick{background:var(--color-paper-2);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,11rem);align-items:center;gap:8px;padding:6px 8px;display:grid}.yt-pick:has(input:checked){background:var(--color-accent-wash)}.yt-pick-main{min-height:var(--yt-tap);cursor:pointer;grid-template-columns:auto minmax(0,5rem) minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.yt-pick-main input{width:20px;height:20px;accent-color:var(--color-accent)}.yt-pick-title{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yt-pick .native-select{font-size:13px}.yt-info{background:var(--color-surface);border:var(--rule);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.yt-tools-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.yt-tools-row .input{flex:10rem;width:auto}.yt-tools-row .native-select{flex:0 0 7rem;width:7rem}.yt-inline{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.yt-check{min-height:var(--yt-tap);align-items:center}.yt-check input{width:20px;height:20px;margin-top:0}.yt-lines{border:var(--rule);background:var(--color-surface);min-width:0;max-height:600px;font-size:var(--text-sm);overscroll-behavior:contain;border-radius:10px;gap:8px;padding:12px 14px;line-height:1.55;display:grid;overflow-y:auto}.yt-lines:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.yt-lines-short{border:0;border-top:var(--rule);border-radius:0;max-height:300px}.yt-line{overflow-wrap:anywhere;gap:12px;margin:0;display:flex}.yt-time{min-width:3.5rem;font-family:var(--font-mono);color:var(--color-accent-ink);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.yt mark{color:oklch(20% .02 95);background:oklch(90% .14 95);border-radius:3px;padding:0 2px}.yt-results{overscroll-behavior:contain;gap:8px;max-height:500px;display:grid;overflow-y:auto}.yt-result-item{border:var(--rule);background:var(--color-surface);border-radius:10px}.yt-result-item summary{min-height:var(--yt-tap);cursor:pointer;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}@media (width<=767px){.yt .input,.yt .native-select{font-size:16px}.yt-video,.yt-video-votes{grid-template-columns:minmax(0,1fr)}.yt-video-compact{grid-template-columns:minmax(0,7rem) minmax(0,1fr)}.yt-chips{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.yt-chip-btn{min-height:var(--yt-tap);white-space:nowrap;flex:none}.yt-pick{grid-template-columns:minmax(0,1fr)}.yt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=479px){.yt-query-row .btn,.yt-language-row .btn{flex:100%}.yt-tools-row .native-select{flex:100%;width:100%}.yt-thumb-foot{flex-wrap:wrap}.yt-thumb-foot .btn{flex:100%}.yt-votes{grid-template-columns:minmax(0,1fr)}.yt-row dd{flex-wrap:wrap}}
