.ui-toast{z-index:10;color:#fff;overflow-wrap:anywhere;pointer-events:auto;background:#111827f5;border-radius:10px;align-items:center;gap:12px;max-width:min(380px,100% - 24px);padding:12px 14px;font:14px/1.45 system-ui,sans-serif;display:flex;position:absolute;inset-block-start:12px;inset-inline-end:12px;box-shadow:0 4px 16px #0003}.ui-toast-countdown{flex:none;place-items:center;width:24px;height:24px;font-size:11px;display:grid;position:relative}.ui-toast-countdown svg{width:24px;height:24px;position:absolute;inset:0;transform:rotate(-90deg)}
.transcript-view{--tr-content-inset:16px;--tr-line:#e5e7eb;--tr-muted:#667085;box-sizing:border-box;color:#202124;text-align:start;border:1px solid var(--tr-line);background:#fff;border-radius:14px;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative;overflow:auto;container-type:inline-size}.transcript-view *,.transcript-view :before,.transcript-view :after{box-sizing:border-box}.transcript-view button,.transcript-view input{font:inherit;color:inherit}.transcript-view button{border:1px solid var(--tr-line);cursor:pointer;background:#fff;border-radius:8px;min-width:0;padding:8px 12px}.transcript-view button:hover:not(:disabled){background:#f3f4f6}.transcript-view button:disabled{opacity:.45;cursor:default}.transcript-view :focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.transcript-header{padding:12px var(--tr-content-inset);border-bottom:1px solid var(--tr-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.transcript-brand{align-items:center;gap:10px;min-width:0;display:flex}.transcript-brand img{flex:none;width:36px;height:36px}.transcript-brand>div{min-width:0}.transcript-brand span{letter-spacing:-.025em;font-family:Satoshi,Arial,sans-serif;font-size:18px;font-weight:600}.transcript-header h2{color:var(--tr-muted);margin:0;font:500 12px/1.5 system-ui,sans-serif}.transcript-view .transcript-close{flex-shrink:0;font-size:13px}.transcript-search{padding:6px var(--tr-content-inset);flex-shrink:0}.transcript-search-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.transcript-search-field{flex:0 160px;width:160px;min-width:0;margin-inline-start:auto;transition:flex-grow .18s;position:relative}.transcript-search-field:focus-within,.transcript-search-field.has-query{flex-grow:1}.transcript-search-icon{inset-inline-start:10px;fill:none;width:16px;height:16px;stroke:var(--tr-muted);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.transcript-search input{padding:5px 10px;border:1px solid var(--tr-line);background:#f8f9fb;border-radius:8px;width:100%;min-width:0;height:32px;margin:0;padding-inline-start:32px;font-size:13px;line-height:20px;display:block}@media (prefers-reduced-motion:reduce){.transcript-search-field{transition:none}}.transcript-nav{align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.transcript-nav span{flex:1;min-width:0}.transcript-nav button{padding:4px 8px}.transcript-nav .transcript-select-matches{max-width:45%;padding:4px 6px;font-size:11px;line-height:18px}.transcript-view .transcript-mode{flex:none;place-items:center;width:32px;height:32px;padding:6px;display:grid}.transcript-selection-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.transcript-mode[aria-pressed=true]{background:#e8f1ff;border-color:#9bb9ec}.transcript-view input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent,#2563eb);cursor:pointer;flex:none;margin:0}.transcript-lines{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:60px;padding:0;position:relative;overflow:auto}.transcript-line{--tr-cue-gap:10px;--tr-cue-block-inset:2px;grid-template-columns:0 0 auto var(--tr-cue-gap) minmax(0,1fr) 4px 24px;padding:8px var(--tr-content-inset);align-items:start;display:grid;position:relative}.is-selecting .transcript-line{grid-template-columns:16px var(--tr-cue-gap) auto var(--tr-cue-gap) minmax(0,1fr) 4px 24px;cursor:pointer}.transcript-line input[type=checkbox]{grid-column:1;margin-top:5px}.transcript-line .transcript-time{grid-column:3}.transcript-cue-body{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;-webkit-user-select:text;user-select:text;grid-column:5;padding-block-start:var(--tr-cue-block-inset);padding-inline:2px}.transcript-line.is-current .transcript-cue-body{color:#175cd3}.transcript-view button.transcript-copy-cue{width:24px;height:24px;opacity:0;pointer-events:none;background:0 0;border:0;grid-column:7;place-items:center;margin-block-start:calc(var(--tr-cue-block-inset) + (1lh - 24px) / 2);padding:4px;display:grid}.transcript-copy-cue svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:butt;stroke-linejoin:miter;width:16px;height:16px;display:block}.transcript-line:hover .transcript-copy-cue,.transcript-line:focus-within .transcript-copy-cue{opacity:1;pointer-events:auto}.transcript-line.is-match{background:#fff9e8}.transcript-line.is-current{background:#e8f1ff}.transcript-view .transcript-time{color:#46639a;direction:ltr;background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font:12px/1.5 ui-monospace,monospace;display:inline-flex}.transcript-lines.is-playing:not(:hover):not(:focus-within) .transcript-line:not(.is-current) .transcript-cue-body,.transcript-view .transcript-lines.is-playing:not(:hover):not(:focus-within) .transcript-time:not(.is-current){color:#6b7280}.transcript-pagination{padding:6px var(--tr-content-inset);border-top:1px solid var(--tr-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.transcript-pagination button{padding:4px 7px;font-size:11px}.transcript-footer{padding:10px var(--tr-content-inset) 12px;border-top:1px solid var(--tr-line);flex-shrink:0}.transcript-actions{grid-template-columns:36px minmax(0,1fr) minmax(0,1.2fr);gap:8px;display:grid}.transcript-view .transcript-primary{background:#f3bd69;border-color:#f3bd69;font-weight:600}.transcript-view .transcript-primary:hover:not(:disabled){background:#ffd18e}.transcript-option{align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.transcript-export{min-width:0;position:relative}.transcript-export>button{background:#f5f6f7;border-color:#e3e5e8;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:12px 38px;display:flex;position:relative}.transcript-export>button:hover:not(:disabled){background:#e9ebee}.transcript-export svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.transcript-export-menu{z-index:3;border:1px solid var(--tr-line);background:#fff;border-radius:10px;width:100%;min-width:120px;padding:4px;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:0;box-shadow:0 4px 16px #0002}.transcript-export-menu button{text-align:start;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.transcript-export-menu button[aria-disabled=true]{color:var(--tr-muted);cursor:help}.transcript-export-menu .transcript-format-info{width:14px;height:14px}.transcript-warning{margin:6px var(--tr-content-inset);background:#fff6df;border-radius:6px;padding:8px;font-size:12px}.transcript-empty{min-height:100px;padding:20px var(--tr-content-inset);color:var(--tr-muted);flex:1}.transcript-meta{padding:12px var(--tr-content-inset) 4px;flex-shrink:0}.transcript-title-flow{overflow-wrap:anywhere;max-height:40px;font-size:13px;line-height:20px;overflow:hidden}.transcript-title-flow strong{font-size:inherit}.transcript-language{color:var(--tr-muted);white-space:nowrap;vertical-align:baseline;background:#f0f2f5;border-radius:4px;margin-inline-start:6px;padding:2px 6px;font-size:10px;line-height:14px;display:inline}.transcript-page-info,.transcript-page-buttons{align-items:center;gap:8px;display:flex}.transcript-page-info{flex-wrap:wrap;gap:2px 12px}.transcript-page-buttons{flex-shrink:0;margin-inline-start:auto}.transcript-export>button>svg{inset-inline-end:14px;position:absolute;top:50%;transform:translateY(-50%)}@container (max-width:300px){.transcript-view>*{--tr-content-inset:10px}.transcript-line{--tr-cue-gap:6px}.transcript-brand span{font-size:16px}.transcript-brand img{width:30px;height:30px}.transcript-close{max-width:40%}}.transcript-header-back{justify-content:flex-start;gap:16px;padding-block:10px}.transcript-header-back h2{color:inherit;font-size:14px;font-weight:600}.transcript-back{align-items:center;gap:6px;display:flex}[dir=rtl] .transcript-back svg{transform:scaleX(-1)}.transcript-pagination{flex-wrap:nowrap;gap:8px}.transcript-page-info{flex-wrap:nowrap;gap:8px;min-width:0}.transcript-page-info label{white-space:nowrap;align-items:center;gap:6px;display:flex}.transcript-view .transcript-selected-count{color:var(--tr-muted);font:inherit;white-space:nowrap;text-underline-offset:3px;cursor:help;background:0 0;border:0;border-radius:2px;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.transcript-page-buttons{gap:4px}.transcript-page-buttons button{flex:none;place-items:center;width:34px;height:28px;padding:0;display:grid}.transcript-page-buttons svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}[dir=rtl] .transcript-page-buttons svg{transform:scaleX(-1)}.transcript-page-number{white-space:nowrap;color:var(--tr-muted);margin-inline-end:4px}.transcript-view .transcript-settings{place-items:center;padding:8px;display:grid}.transcript-settings svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:18px;height:18px}.transcript-time{white-space:nowrap}.transcript-view .entitlement-dialog{box-sizing:border-box;border:1px solid var(--tr-line);width:calc(100% - 24px);max-width:380px;max-height:calc(100% - 24px);color:inherit;background:#fff;border-radius:14px;padding:16px;overflow:auto}.transcript-view .entitlement-dialog::backdrop{background:#0006}.transcript-view .entitlement-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.transcript-view .entitlement-title{min-width:0}.transcript-view .entitlement-title h2{margin:0;font-size:14px}.transcript-view .entitlement-close{flex:none}.transcript-view .entitlement-dialog .transcript-option{margin:0;font-size:13px}@container (max-width:330px){.transcript-page-number{display:none}.transcript-export>button{padding-inline:8px 38px}.transcript-export>button>svg{inset-inline-end:14px}.transcript-actions{grid-template-columns:32px minmax(0,1.2fr) minmax(0,1fr);gap:6px}}.transcript-back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;display:block}.transcript-line mark{color:inherit;background:#fff1a8;border-radius:0;padding:0}.transcript-line.is-match mark{background:#ffd166}.entitlement-dialog .entitlement-heading{min-height:28px;padding-inline-end:28px}.entitlement-dialog .entitlement-heading .entitlement-close{place-items:center;width:28px;height:28px;padding:0;line-height:1;display:grid;position:absolute;inset-block-start:8px;inset-inline-end:8px}.entitlement-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px;display:block}.transcript-loading{align-items:flex-start;gap:10px;display:flex}.transcript-loading-indicator{border:2px solid var(--tr-line);border-top-color:var(--tr-muted);border-radius:50%;flex:none;width:16px;height:16px;margin-top:3px;animation:.8s linear infinite transcript-loading-spin}@keyframes transcript-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.transcript-loading-indicator{animation:none}}.transcript-loading strong{color:#202124;font-size:14px;font-weight:500}.transcript-intro-steps{gap:5px;margin-top:12px;display:flex}.transcript-intro-steps i{background:var(--tr-line);border-radius:2px;width:24px;height:3px}.transcript-intro-steps i.is-active{background:#f3bd69}.transcript-view .transcript-track-trigger{color:var(--tr-muted);vertical-align:baseline;background:#f0f2f5;border:0;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;line-height:14px;display:inline-flex}.transcript-track-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:12px;height:12px}.transcript-track-trigger .transcript-loading-indicator{width:10px;height:10px;margin:0}.transcript-track-menu{z-index:5;top:100%;border:1px solid var(--tr-line);background:#fff;border-radius:10px;width:max-content;max-width:calc(100% - 32px);max-height:240px;padding:4px;position:absolute;inset-inline-end:16px;overflow:auto;box-shadow:0 4px 16px #0002}.transcript-track-menu button{text-align:start;border:0;justify-content:space-between;gap:12px;width:100%;padding:7px 8px;font-size:12px;display:flex}.transcript-track-menu button[aria-checked=true]{background:#e8f1ff}.transcript-view .transcript-time{position:relative}.transcript-view .transcript-time.is-current{color:#175cd3;background:0 0}.transcript-view .transcript-time.is-current:hover{background:0 0}.transcript-seek-icon{fill:currentColor;visibility:hidden;flex:none;width:14px;height:14px;display:block}.transcript-time:hover .transcript-seek-icon,.transcript-time:focus-visible .transcript-seek-icon{visibility:visible}.transcript-view .transcript-time:not(.is-current):hover,.transcript-view .transcript-time:not(.is-current):focus-visible{background:#f3f4f6}.transcript-wave{color:#175cd3;visibility:hidden;pointer-events:none;flex:none;justify-content:center;align-items:center;gap:1px;width:14px;height:14px;display:inline-flex}.transcript-wave.is-active{visibility:visible}.transcript-wave i{background:currentColor;border-radius:1px;flex:none;width:2px;height:6px;animation:.9s ease-in-out infinite paused transcript-wave;display:block}.transcript-wave i:nth-child(2){height:10px;animation-delay:-.3s}.transcript-wave i:nth-child(3){height:14px;animation-delay:-.6s}.transcript-wave i:nth-child(4){height:8px;animation-delay:-.15s}.transcript-wave i:nth-child(5){height:5px;animation-delay:-.45s}.transcript-wave.is-playing i{animation-play-state:running}.transcript-gap-dots{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;color:#175cd3;grid-column:5/6;align-items:center;gap:3px;height:14px;line-height:14px;display:flex;position:absolute;inset-block-end:-7px;inset-inline-start:2px}.transcript-gap-dots i{background:currentColor;border-radius:50%;flex:none;width:2px;height:2px;font-size:0;font-style:normal;animation:.9s ease-in-out infinite paused transcript-gap-pulse}.transcript-gap-dots i:nth-child(2){animation-delay:-.6s}.transcript-gap-dots i:nth-child(3){animation-delay:-.3s}.transcript-gap-dots.is-playing i{animation-play-state:running}@keyframes transcript-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes transcript-gap-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.transcript-wave i,.transcript-gap-dots i{animation:none}}.transcript-view .transcript-follow{text-overflow:ellipsis;white-space:nowrap;color:#46639a;background:0 0;border:0;min-width:0;padding:3px 6px;overflow:hidden}.transcript-inline-status{padding:4px var(--tr-content-inset);color:var(--tr-muted);align-items:center;gap:6px;font-size:11px;display:flex}.transcript-inline-status button{padding:2px 5px;font-size:11px}.transcript-inline-status .transcript-loading-indicator{width:12px;height:12px;margin:0}.transcript-layout{border:0;gap:14px;margin:0 0 12px;padding:0;font-size:13px;display:flex}.transcript-layout legend{margin-bottom:6px}.transcript-layout label{align-items:center;gap:5px;display:flex}.transcript-text-options{flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;display:flex}.transcript-preview-label{color:var(--tr-muted);font-size:12px}.transcript-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f7;border-radius:6px;min-height:70px;max-height:150px;margin:6px 0;padding:10px;font-family:inherit;font-size:12px;line-height:1.6;overflow:auto}.transcript-preview-note{color:var(--tr-muted);margin-top:4px;font-size:11px;display:block}.transcript-settings-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.transcript-metadata{flex-shrink:0;position:relative}
.homepage-demo-section{max-width:1240px;margin:auto;padding:64px 24px 0;scroll-margin-top:90px}.homepage-demo [hidden]{display:none!important}.homepage-demo #homepage-demo-panel{min-width:0}.transcript-demo{isolation:isolate;aspect-ratio:16/9;direction:ltr;background:#181818;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0003}.demo-browser-bar{color:#b7bac1;background:#25262a;flex:none;align-items:center;gap:16px;height:38px;padding:0 16px;font:11px system-ui;display:flex}.demo-window-dots{gap:6px;display:flex}.demo-window-dots i{background:#67696e;border-radius:50%;width:8px;height:8px}.demo-window-dots i:first-child{background:#ec6a5e}.demo-window-dots i:nth-child(2){background:#f5bf4f}.demo-window-dots i:nth-child(3){background:#62c554}.demo-browser-tab{color:#e5e5e5;background:#35363a;border-radius:7px 7px 0 0;align-self:end;align-items:center;gap:8px;width:160px;padding:8px 12px;display:flex}.demo-browser-tab svg{width:16px;height:12px}.demo-browser-tab>span{margin-inline-start:auto}.demo-browser-address{background:#191a1d;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:550px;height:24px;margin-inline-start:50px;font-size:10px;display:flex}.demo-browser-address svg{width:11px;height:11px}.demo-youtube{--yt-spec-text-primary:#f1f1f1;--yt-spec-badge-chip-background:#ffffff1a;--yt-spec-button-chip-background-hover:#fff3;min-height:0;color:var(--yt-spec-text-primary);background:#0f0f0f;flex-direction:column;flex:1;font-family:Arial,sans-serif;display:flex}.demo-yt-watch{flex:1;grid-template-columns:minmax(0,1fr) 348px;gap:20px;min-height:0;padding:20px;display:grid}.demo-yt-primary{min-width:0;overflow:hidden}.demo-yt-player{aspect-ratio:16/9;color:#fff;background:#000;border-radius:10px;position:relative;overflow:hidden}.demo-yt-frame{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.demo-yt-video-hit{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.demo-yt-captions{inset-inline:7%;text-align:center;pointer-events:none;font:clamp(14px,1.45vw,21px)/1.55 Arial,sans-serif;position:absolute;bottom:19%}.demo-yt-captions span{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#080808db;padding:2px 5px}.demo-yt-controls{background:linear-gradient(#0000,#000c);padding:22px 12px 2px;position:absolute;inset:auto 0 0}.demo-yt-seek{appearance:none;background:linear-gradient(to right,#f03 var(--played),#ffffff58 var(--played));cursor:pointer;accent-color:#f03;width:100%;height:3px;margin:0 0 4px;display:block}.demo-yt-seek::-webkit-slider-thumb{appearance:none;background:#f03;border-radius:50%;width:10px;height:10px}.demo-yt-controls-row{align-items:center;gap:8px;height:36px;display:flex}.demo-yt-controls-row button,.demo-yt-volume{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:28px;height:32px;padding:2px;display:grid;position:relative}.demo-yt-controls-row button:hover{background:#ffffff20;border-radius:4px}.demo-yt-controls-row svg{width:24px;height:24px;display:block}.demo-yt-controls-row time{white-space:nowrap;font-size:11px}.demo-yt-controls-spacer{flex:1}.demo-yt-controls-row .is-on:after{content:"";background:#f03;height:2px;position:absolute;inset:auto 4px 1px}.demo-yt-video-title{font-weight:650;letter-spacing:0!important;color:#f1f1f1!important;margin:14px 0 12px!important;font-size:18px!important;line-height:1.35!important}.demo-yt-channel{justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.demo-channel-identity{flex:none;align-items:center;gap:10px;display:flex}.demo-yt-actions{justify-content:flex-end;align-items:center;gap:18px;margin-inline-start:auto;display:flex}.demo-native-actions{pointer-events:none;flex:none;align-items:center;gap:8px;display:flex}.demo-native-chip,.demo-native-more{background:#ffffff12;border-radius:18px;height:32px;display:block}.demo-native-chip{width:56px}.demo-native-chip:nth-child(2){width:44px}.demo-native-more{width:32px}.demo-channel-avatar{background:#282828;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.demo-channel-avatar img{width:22px;height:22px}.demo-yt-description{background:#ffffff12;border-radius:10px;gap:6px;margin-top:12px;padding:10px 16px;display:grid}.demo-yt-description i{background:#2b2c2f;border-radius:3px;width:94%;height:6px;display:block}.demo-yt-description i:first-child{width:72%}.demo-yt-description i:last-child{width:56%}.transcript-demo-surface{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:0;height:100%;min-height:0;direction:inherit;background:#fff;border:1px solid #d8dbe0;border-radius:10px;place-items:center;display:grid;overflow:hidden}.transcript-demo-surface .transcript-view{border:0;border-radius:0;width:100%;height:100%}.transcript-demo-surface .transcript-view:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){direction:rtl}.transcript-demo-surface .entitlement-title h2{color:inherit;text-wrap:wrap}.transcript-demo :focus-visible{outline-offset:-3px;outline:2px solid #eab756}.transcript-demo .transcript-view :focus-visible{outline-offset:-2px;outline-color:#2563eb}.transcript-features.feature-showcase{gap:160px;padding-bottom:0}.transcript-feature-guide{margin-top:24px;display:inline-flex}.transcript-feature-visual{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;direction:ltr;width:100%;min-width:0;height:480px;transform:none}.transcript-feature-visual.is-download{grid-template-columns:minmax(0,1.65fr) 24px minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.transcript-feature-panel{border-radius:14px;min-width:0;height:100%;min-height:0;box-shadow:0 20px 60px #0003}.transcript-feature-transfer{color:#8b919c;align-self:center;width:24px;height:24px}.transcript-feature-file{color:#202124;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;min-width:0;min-height:0;font:13px/1.7 system-ui,sans-serif;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.transcript-feature-file-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:20px 16px;display:flex}.transcript-feature-file-header>svg{flex:none;width:27px;height:34px}.transcript-feature-file-header>div{gap:3px;min-width:0;display:grid}.transcript-feature-file-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.transcript-feature-file-header span{color:#667085;font:11px ui-monospace,monospace}.transcript-feature-file pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#485268;background:#f6f7f9;border-radius:8px;flex:1;min-width:0;margin:16px;padding:14px;font:12px/1.9 ui-monospace,monospace;overflow:hidden}.demo-address-skeleton{opacity:.65;background:#44464b;border-radius:4px;width:42%;height:6px}.demo-settings-menu{pointer-events:none;position:absolute;inset:0}.demo-settings-menu .effect-plugin-icon{pointer-events:auto;width:28px;height:32px;padding:2px;display:block;bottom:5px;right:48px}.demo-settings-menu .effect-plugin-icon img{width:24px;height:24px}.demo-settings-menu .effect-plugin-menu{pointer-events:auto;max-height:calc(100% - 60px);bottom:48px;right:12px}.demo-plugin-slot{flex:none;width:28px}.demo-transcript-entry{background:var(--yt-spec-badge-chip-background,#0000000d);width:36px;height:36px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:6px;display:flex}.demo-transcript-entry:hover{background:var(--yt-spec-button-chip-background-hover,#0000001a)}.transcript-demo .demo-transcript-entry:focus-visible{outline:2px solid var(--yt-spec-call-to-action,#065fd4);outline-offset:2px}.demo-transcript-entry svg{width:24px;height:24px;display:block}.transcript-demo [hidden]{display:none!important}.demo-transcript-panel{width:100%;height:100%;min-height:0}.demo-walkthrough .focus-lens,.demo-walkthrough .focus-note{opacity:1;transform:none}.demo-walkthrough{pointer-events:none;z-index:12;position:absolute;inset:0;overflow:hidden}.demo-walkthrough .focus-lens{border-radius:7px;box-shadow:0 0 0 200vmax #04070c66,inset 0 0 24px #f3bd6909}.demo-walkthrough .focus-note{max-width:260px;direction:inherit}.demo-walkthrough .demo-walkthrough-cursor{z-index:8;filter:drop-shadow(0 2px 3px #0008);width:22px;height:28px;transition:left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1);position:absolute}.demo-walkthrough .focus-corner{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.demo-walkthrough{display:none}}.transcript-demo-surface.is-closed{background:0 0;border-color:#0000}.demo-yt-recommendations{flex-direction:column;gap:20px;width:100%;height:100%;min-height:0;padding:4px 0;display:flex;overflow:hidden}.demo-yt-recommendation{flex:none;align-items:flex-start;gap:12px;display:flex}.demo-yt-recommendation>span{aspect-ratio:16/9;background:#26272a;border-radius:8px;flex:none;width:44%}.demo-yt-recommendation>div{flex:1;gap:9px;padding-top:5px;display:grid}.demo-yt-recommendation i{background:#2b2c2f;border-radius:3px;height:6px}.demo-yt-recommendation i:nth-child(2){width:82%}.demo-yt-recommendation i:last-child{background:#202124;width:48%;height:4px}.demo-walkthrough[data-phase=follow] .demo-walkthrough-cursor{display:none}.demo-walkthrough[data-phase=follow] .demo-walkthrough-lens{transition:none}.demo-toolbar-extension{cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:28px;height:28px;margin-inline-start:auto;padding:4px;display:grid}.demo-toolbar-extension:hover{background:#ffffff16}.demo-toolbar-extension img{width:20px;height:20px;display:block}.demo-browser-popup{z-index:10;color:#202124;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f7f8;border:1px solid #d8dbe0;border-radius:10px;width:420px;height:600px;max-height:calc(100% - 58px);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;inset-block-start:46px;inset-inline-end:12px;overflow:auto;box-shadow:0 12px 36px #0005}.demo-popup-settings{padding:0 20px 20px}.demo-popup-header{align-items:center;gap:12px;min-height:88px;display:flex}.demo-popup-header>img{flex:none;width:40px;height:40px}.demo-popup-header>div{min-width:0}.demo-popup-header strong{letter-spacing:-.04em;font-family:Satoshi,system-ui,sans-serif;font-size:21px}.demo-popup-header p{color:#70757a;margin:2px 0 0;font-size:12px}.demo-popup-free{color:#475467;background:#f5f6f7;border:1px solid #e3e5e8;border-radius:9px;margin-inline-start:auto;padding:6px 12px;font-size:12px;font-weight:600}.demo-popup-entry-card{background:#fff;border:1px solid #e3e5e8;border-radius:12px;padding:16px}.demo-popup-entry-card h2{color:#202124!important;letter-spacing:0!important;margin:0!important;font-size:14px!important;line-height:1.5!important}.demo-popup-entry-card p{color:#70757a;margin:6px 0 0;font-size:12px;line-height:1.6}.demo-popup-open{color:#202124;cursor:pointer;background:#f3bd69;border:1px solid #f3bd69;border-radius:9px;width:100%;min-height:38px;margin-top:12px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px}.demo-popup-open:hover{background:#eeb15a}.demo-popup-settings-skeleton{background:#fff;border:1px solid #e3e5e8;border-radius:12px;margin-top:12px;padding:4px 16px}.demo-popup-settings-skeleton>div{justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.demo-popup-settings-skeleton>div+div{border-top:1px solid #f0f1f2}.demo-popup-settings-skeleton i{background:#e8eaee;border-radius:4px;width:46%;height:7px}.demo-popup-settings-skeleton span{background:#eff0f2;border-radius:4px;width:23%;height:7px}.demo-popup-transcript{background:#f7f7f8;border:0;border-radius:0;height:100%;padding:8px}.demo-popup-transcript .transcript-view{border:1px solid #e3e5e8;border-radius:12px}