.youtube-transcript-hero-card{--yt-disabled:#cccccc;position:relative;width:min(1152px,100%);margin:24px auto 0;overflow:hidden;border-radius:24px;padding:24px;background:var(--yt-white)}.youtube-transcript-hero-card__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-radius:18px;padding:8px;background:var(--yt-tab)}.youtube-transcript-hero-card__tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 16px;color:var(--yt-ink);font-size:16px;font-weight:500}.youtube-transcript-hero-card__tabs button.is-active{background:linear-gradient(90deg,var(--yt-purple),var(--yt-pink));color:var(--yt-white)}.youtube-transcript-hero-card__tabs button:disabled{cursor:default;opacity:1}.youtube-transcript-hero-card__add:disabled{cursor:not-allowed;opacity:.4}.youtube-transcript-hero-card__tabs svg{width:20px;height:20px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry{display:block;min-height:0;background:rgba(0,0,0,0);color:var(--yt-ink);font-family:Inter,PingFang SC,Helvetica Neue,Arial,sans-serif}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-input{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 64px;align-items:center;-moz-column-gap:16px;column-gap:16px;border:0;padding:20px 0 0}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-url-fields{display:flex;width:100%;min-height:56px;flex-direction:column;gap:12px;grid-column:1/-1;grid-row:1}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-url-field{position:relative;width:100%;min-height:56px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-editor{width:100%;min-height:56px;align-items:center;align-self:auto;gap:12px;border:1px solid var(--yt-purple);border-radius:18px;padding:0 56px 0 16px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-editor.is-invalid{border-color:var(--yt-url-error);background-color:var(--yt-url-error-bg)}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-url-error{margin:8px 16px 0}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-editor>svg{width:24px;height:24px;flex:0 0 auto}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-url-input{height:48px;min-height:0;box-sizing:border-box;padding:11px 0;font-size:18px;line-height:26px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-actions{display:contents}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-clear-button{position:absolute;z-index:1;top:10px;right:8px;height:auto;border:0;padding:8px;color:var(--yt-copy)}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-primary-button{height:auto;grid-column:2;grid-row:2;align-self:start;margin-top:16px;border:0;border-radius:12px;padding:14px 24px;background:var(--yt-disabled);color:var(--yt-white);opacity:.7;font-size:18px;font-weight:700}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-primary-button.button.primary{opacity:1;background:var(--button-primary-background,var(--primary-button-gradient));color:var(--white-bg)}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-primary-button.button.primary:hover{filter:brightness(1.1)}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-result{margin-top:20px;border-top:1px solid var(--yt-line);padding:24px 0 0}.youtube-transcript-hero-card .yt-transcript-workspace--figma-initial .yt-transcript-workspace-result{display:none}.youtube-transcript-hero-card__add{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--yt-purple);font-size:14px;font-weight:700}.youtube-transcript-hero-card:has(.yt-transcript-workspace--figma-initial) .youtube-transcript-hero-card__add{position:absolute;bottom:40px;left:24px;margin-top:0}.youtube-transcript-hero-card__add svg{width:16px;height:16px}.youtube-transcript-query-field{padding-top:20px}.youtube-transcript-query-field__bar{display:flex;align-items:center;gap:8px;min-height:56px;border:1px solid var(--yt-purple);border-radius:18px;padding:4px 8px 4px 16px;background:var(--yt-white)}.youtube-transcript-query-field__bar.is-invalid{border-color:var(--yt-url-error);background-color:var(--yt-url-error-bg)}.youtube-transcript-query-field__icon{display:block;width:24px;height:24px;flex:0 0 24px;overflow:hidden}.youtube-transcript-query-field__icon img,.youtube-transcript-query-field__icon svg{display:block;width:100%;height:100%}.youtube-transcript-query-field__bar input{min-width:0;flex:1;height:48px;border:0;background:rgba(0,0,0,0);color:var(--yt-ink);font-size:18px;line-height:26px;outline:none}.youtube-transcript-query-field__bar input::-moz-placeholder{color:var(--yt-muted)}.youtube-transcript-query-field__bar input::placeholder{color:var(--yt-muted)}.youtube-transcript-query-field__clear{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:4px;color:var(--yt-copy)}.youtube-transcript-query-field__clear svg{width:18px;height:20px}.youtube-transcript-query-field__submit{flex:0 0 auto;min-width:156px;height:48px;border-radius:12px;padding:8px 16px;background:var(--yt-disabled);color:var(--yt-white);opacity:.7;font-size:20px;font-weight:700;line-height:32px}.youtube-transcript-query-field__submit:disabled{cursor:not-allowed}.youtube-transcript-query-field__submit.button.primary{opacity:1}.youtube-transcript-query-field__error{margin:8px 16px 0;color:var(--yt-url-error);font-size:14px;line-height:22px}@media(max-width:800px){.youtube-transcript-hero-card{min-height:0;padding:16px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-input{grid-template-rows:auto auto}.youtube-transcript-hero-card:has(.yt-transcript-workspace--figma-initial) .youtube-transcript-hero-card__add{bottom:34px;left:16px}}@media(max-width:640px){.youtube-transcript-hero-card__tabs{grid-template-columns:1fr}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-input{min-height:0;grid-template-columns:minmax(0,1fr) auto;padding-top:16px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-editor{min-height:52px}.youtube-transcript-hero-card .yt-transcript-workspace--figma-entry .yt-transcript-workspace-url-input{font-size:15px}.youtube-transcript-query-field{padding-top:16px}.youtube-transcript-query-field__bar{flex-wrap:wrap;padding:8px}.youtube-transcript-query-field__bar input{width:100%;flex:1 1 100%;font-size:15px}.youtube-transcript-query-field__submit{min-width:0;flex:1;font-size:16px}}.youtube-transcript-page{--yt-ink:#000000;--yt-copy:#666666;--yt-muted:#999999;--yt-line:#e5e5e5;--yt-soft:#f9fafb;--yt-editor:#f7f4ff;--yt-tab:#f2f2f2;--yt-purple:#844fff;--yt-pink:#e9a6ff;--yt-peach:#ffb197;--yt-rose:#ff97de;--yt-white:#ffffff;--yt-focus:#4f22bd;--yt-shadow:rgb(81 50 150/10%);--yt-url-error:#ff2621;--yt-url-error-bg:#fff1ee;--yt-disabled:#cccccc;overflow:hidden}.youtube-transcript-page .youtube-stats{margin:60px 0}.youtube-transcript-hero{--yt-hero-overlay:#f9f5ff;position:relative;isolation:isolate;padding:24px;background:url(/_next/static/media/hero-background.8579d24e.png) top/cover no-repeat;font-family:Inter,Helvetica Neue,Arial,PingFang SC,sans-serif}.youtube-transcript-hero:after{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,0) 31.68%,var(--yt-hero-overlay) 100%);content:"";pointer-events:none}.youtube-transcript-hero>*{position:relative;z-index:1}.youtube-transcript-hero>header{text-align:center}.youtube-transcript-hero h1{font-size:28px;font-weight:800;line-height:34px;letter-spacing:-.56px}.youtube-transcript-hero h1 span{background:linear-gradient(90deg,#0073FF,#FF61D0 50%,#C739FF);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.youtube-transcript-hero>header p{margin-top:12px;color:var(--yt-copy);font-size:16px;line-height:24px}@media(max-width:640px){.youtube-transcript-hero{padding:24px 16px}.youtube-transcript-hero h1{font-size:26px}.youtube-transcript-hero>header p{font-size:14px}.youtube-transcript-page .home-audience,.youtube-transcript-page .home-workspace-tools,.youtube-transcript-page .testimonials-section{padding-top:80px}}