.yt-studio{--yt-ink:#151c39;--yt-accent:#4f46e5;--yt-muted:#64748b;--yt-line:#e2e8f0;color:var(--yt-ink);min-width:0}.yt-studio *,.yt-studio *:before,.yt-studio *:after{box-sizing:border-box}.yt-icon{width:22px;height:22px;flex:none}.yt-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 8px 30px;overflow:hidden}.yt-hero-copy{min-width:0;position:relative;z-index:1}.yt-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#475569}.yt-eyebrow>span:not(.yt-brand-mark){color:#cbd5e1}.yt-brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e0e7ff;color:var(--yt-accent)}.yt-brand-mark .yt-icon{width:17px;height:17px}.yt-hero h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12;font-weight:850;letter-spacing:-.045em;margin:15px 0 20px;max-width:600px;text-wrap:balance}.yt-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0;font-size:12px;font-weight:650;color:#64748b}.yt-steps li{display:flex;align-items:center;gap:7px}.yt-steps li>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #cbd5e1;border-radius:50%;font-size:10px;background:#fff;color:#475569}.yt-steps li:last-child>span{background:#eef2ff;border-color:#c7d2fe;color:var(--yt-accent)}.yt-steps .yt-icon{width:14px;height:14px;color:#a5b4fc}.yt-hero-art{position:relative;width:148px;height:126px;flex:none;margin-inline:8px 12px;isolation:isolate}.yt-hero-art>span,.yt-hero-art>div{position:absolute;top:14px;right:0;bottom:14px;left:0;border-radius:22px;border:1px solid #d9d9fa;background:#e0e7ff;transform:rotate(-12deg)}.yt-hero-art>span:nth-child(2){background:#c7d2fe;transform:rotate(7deg);top:8px;right:7px;bottom:8px;left:7px}.yt-hero-art>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:none;top:18px;right:5px;bottom:18px;left:5px;background:linear-gradient(135deg,#6258eb,#4338ca);color:#fff;box-shadow:0 12px 25px -12px #4f46e5}.yt-hero-art .yt-icon{width:34px;height:34px}.yt-hero-art i{font-size:10px;letter-spacing:.12em;font-style:normal;font-weight:750}.yt-workspace{border:1px solid #dce1ef!important;background:#fff;box-shadow:0 10px 35px -25px #64748b!important;border-radius:28px!important;overflow:hidden}.yt-controls{padding:24px;display:flex;flex-direction:column;gap:24px;min-width:0}.yt-source-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:750;margin-bottom:10px}.yt-section-number{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#eef2ff;color:var(--yt-accent);font-size:10px;font-weight:800}.yt-url-shell{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #cbd5e1;border-radius:17px;background:#f8fafc;padding:7px 8px 7px 15px;transition:border-color .15s,box-shadow .15s}.yt-url-shell:focus-within{border-color:var(--yt-accent);box-shadow:0 0 0 4px #eef2ff;background:#fff}.yt-url-shell>.yt-icon{color:#94a3b8}.yt-url-shell input{width:100%;min-width:0;height:44px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:15px;font-weight:550;outline:none!important;color:#0f172a;direction:ltr;text-align:start}.yt-url-shell input::-moz-placeholder{font-weight:400;color:#64748b}.yt-url-shell input::placeholder{font-weight:400;color:#64748b}.yt-url-shell:has([aria-invalid=true]){border-color:#f87171}.yt-paste{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e8f0;background:#fff;border-radius:11px;min-height:44px;padding:9px 12px;color:#475569;font-size:12px;font-weight:700;transition:background .15s}.yt-paste:hover{background:#eef2ff;color:var(--yt-accent)}.yt-paste .yt-icon{width:18px;height:18px}.yt-mode-picker{margin:0;padding:0;border:0;min-width:0}.yt-mode-picker legend{margin-bottom:11px;font-size:13px;font-weight:750}.yt-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.yt-modes button{min-width:0;min-height:80px;display:flex;align-items:center;gap:10px;border:1px solid var(--yt-line);border-radius:16px;padding:14px 12px;background:#fff;text-align:start;color:#475569;transition:border-color .15s,background .15s}.yt-modes button>span:not(.yt-mode-dot){min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:750;line-height:1.4}.yt-modes small{display:block;font-size:10px;font-weight:550;color:#64748b;margin-top:3px;line-height:1.4}.yt-modes button[aria-pressed=true]{background:#f0f1ff;border-color:#818cf8;color:#4338ca;box-shadow:inset 0 0 0 1px #818cf8}.yt-modes button:hover{border-color:#a5b4fc}.yt-mode-dot{display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:50%;width:16px;height:16px;margin-inline-start:auto;flex:none}.yt-mode-dot .yt-icon{width:10px;height:10px}.yt-modes [aria-pressed=true] .yt-mode-dot{background:var(--yt-accent);border-color:var(--yt-accent);color:#fff}.yt-quality{min-width:0;border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px;padding:15px}.yt-quality>div{background:transparent;border:0;padding:0}.yt-quality [role=group]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.yt-quality [role=group] button{min-width:0;padding:9px 6px;min-height:58px;text-align:center}.yt-quality [role=group] button span{overflow-wrap:anywhere}.yt-quality-details{margin-top:12px}.yt-quality-details summary{font-size:12px;font-weight:650;color:#64748b;cursor:pointer;min-height:32px;padding:7px 0}.yt-quality-details label{font-size:12px;font-weight:650}.yt-quality-details select{margin-top:8px}.yt-sound{display:flex;align-items:center;gap:12px;min-height:54px;border:1px solid #e2e8f0;border-radius:14px;padding:10px 13px;color:#475569;background:#fff;cursor:pointer;font-size:13px;font-weight:700}.yt-sound input{width:20px;height:20px;margin-inline-start:auto;accent-color:var(--yt-accent)}.yt-audio-note{display:flex;align-items:center;gap:14px;background:#f5f3ff;border:1px solid #ede9fe;padding:16px;border-radius:18px;font-size:13px;line-height:1.7;color:#5b5278}.yt-audio-note .yt-icon{color:#7c3aed;width:28px;height:28px}.yt-primary{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #4338ca;border-radius:15px;background:var(--yt-accent);color:#fff;font-size:15px;font-weight:750;padding:13px 20px;box-shadow:0 6px 14px -9px #4f46e5;transition:background .15s,transform .15s}.yt-primary:hover{background:#4338ca}.yt-primary .yt-icon{width:19px;height:19px}.yt-primary:active{transform:translateY(1px)}.yt-reset{display:block;margin:10px auto 0;min-height:44px;padding:8px 14px;color:#64748b;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:600}.yt-studio button:focus-visible,.yt-studio summary:focus-visible,.yt-studio a:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.yt-studio button:disabled,.yt-studio fieldset:disabled button{cursor:not-allowed;opacity:.55}.yt-result-area{border-top:1px solid #e2e8f0;padding:24px;background:#f8fafc;display:flex;flex-direction:column;gap:16px}.yt-result-area:empty{display:none}.yt-source-card{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #e2e8f0;background:#fff;border-radius:18px;min-width:0}.yt-source-picture{position:relative;display:grid;place-items:center;flex:none;width:120px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#e0e7ff;color:var(--yt-accent)}.yt-source-picture>.yt-icon{width:28px;height:28px}.yt-source-picture img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.yt-source-picture img[hidden]{display:none}.yt-source-info{min-width:0}.yt-source-info strong{display:block;font-size:13px;line-height:1.5}.yt-source-info>span{display:block;margin-top:5px;font-size:10px;color:#64748b}.yt-source-info p{margin:2px 0 0;overflow-wrap:anywhere;font-size:11px;color:#64748b;line-height:1.5}.yt-result-area .inet-audio-result-card{border-color:#bbf7d0;box-shadow:0 8px 20px -18px #16a34a}.yt-result-area .inet-audio-status-card{background:#fff;border-color:#e2e8f0}.yt-share{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:20px;color:#64748b}.yt-share>div:first-child{font-size:12px;font-weight:700}.yt-share p{font-size:12px;line-height:1.6;margin-top:4px}.yt-subtitle-language{display:block;font-size:13px;font-weight:700}.yt-subtitle-language input{margin-top:9px}.yt-subtitle-language>span{display:block;font-size:12px;font-weight:400;line-height:1.65;margin-top:10px;color:#64748b}@media(max-width:639px){.yt-hero{padding:18px 3px 22px;gap:10px}.yt-hero-art{width:70px;height:100px;margin-inline:0 5px}.yt-hero-art .yt-icon{width:24px;height:24px}.yt-hero-art i{font-size:8px;letter-spacing:0}.yt-hero h2{font-size:1.85rem;letter-spacing:-.035em}.yt-eyebrow{font-size:9px;letter-spacing:.09em;gap:7px}.yt-steps{font-size:10px;gap:8px}.yt-steps li{gap:5px}.yt-steps .yt-icon{display:none}.yt-controls,.yt-result-area{padding:16px;gap:20px}.yt-workspace{border-radius:22px!important}.yt-url-shell{flex-wrap:wrap;padding:10px 12px;gap:8px}.yt-url-shell input{width:calc(100% - 32px);flex:1;font-size:14px}.yt-paste{width:100%;background:#fff;border-radius:9px;min-height:40px}.yt-modes{gap:7px}.yt-modes button{position:relative;flex-direction:column;align-items:flex-start;padding:12px 9px;gap:9px;min-height:114px}.yt-modes button>span:not(.yt-mode-dot){font-size:12px}.yt-mode-dot{position:absolute;inset-inline-end:8px;top:12px;width:14px;height:14px}.yt-modes small{font-size:9px}.yt-quality{padding:12px}.yt-source-card{gap:11px}.yt-source-picture{width:85px}.yt-primary{font-size:14px;min-height:54px}.yt-audio-note{font-size:12px;padding:13px}}@media(prefers-reduced-motion:reduce){.yt-studio *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.yt-idle-hint{font-size:12px;color:#64748b;line-height:1.6;margin-top:10px}.yt-quality>[data-option-help-field]{margin-top:12px}.yt-quality [role=group] button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.yt-quality [role=group] button span{white-space:nowrap}.yt-modes button[aria-pressed=true] small{color:#475569}.yt-subtitle-language>.yt-subtitle-scope{color:#475569;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:12px;padding:12px}[dir=rtl] .yt-steps .yt-icon,[dir=rtl] .yt-primary>.yt-icon:last-child{transform:scaleX(-1)}.yt-ready-title{display:flex;align-items:center;gap:7px}.yt-ready-title .yt-icon{width:20px;height:20px;color:#16a34a}.yt-complete-line{height:3px;border-radius:2px;background:#10b981;margin:0 0 16px}.yt-ready-note{font-size:12px;line-height:1.7;color:#475569;margin:0 0 15px}.yt-share summary{cursor:pointer;min-height:44px;padding:10px 0}.yt-share summary:focus-visible{outline:3px solid #818cf8;outline-offset:3px}.yt-premium-quality{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;margin-top:12px;padding:12px;border:1px solid #c4b5fd;border-radius:14px;background:#f5f3ff;color:#5b21b6;text-align:start}.yt-premium-quality>span{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:700}.yt-premium-quality strong{font-size:19px;letter-spacing:-.04em}.yt-premium-quality small{font-size:11px;font-weight:500;color:#475569}.yt-premium-quality b{max-width:50%;font-size:12px;line-height:1.5;text-align:end;overflow-wrap:anywhere}.yt-premium-quality[aria-pressed=true]{background:#ede9fe;border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed}.yt-premium-quality:hover{border-color:#7c3aed}.yt-premium-info{margin-top:12px;padding:13px;border:1px solid #ddd6fe;border-radius:14px;background:#fff;color:#475569;font-size:12px;line-height:1.8}.yt-premium-info>strong{display:block;color:#5b21b6;font-size:14px}.yt-premium-info p{margin-top:8px}.yt-premium-info a{font-weight:700;color:#5b21b6;text-decoration:underline;text-underline-offset:3px}.yt-quality [role=group] button[aria-pressed=false] span:last-child{color:#475569}
