/* Text to Speech v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-text-to-speech, önek tts-.
   Kural: vh/sticky/fixed yok (gömülü panel); altın yalnız birincil eylem + seçili + odak; token'lar kitten (--kzk-*). */
.bvk-t-text-to-speech{--tts-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1))}
.bvk-t-text-to-speech .tts-mt{margin-top:12px}
.bvk-t-text-to-speech .tts-aside{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-text-to-speech .tts-lead{margin:0 0 12px}
.bvk-t-text-to-speech .tts-sw{margin-top:10px}
.bvk-t-text-to-speech .kzk-sec-head + .tts-sw{margin-top:0}
.bvk-t-text-to-speech code{font:600 11.5px/1 ui-monospace,Menlo,Consolas,monospace;padding:2px 5px;border-radius:5px;background:var(--kzk-field);border:1px solid var(--kzk-line);color:var(--kzk-text)}

/* ───────── galeriler ───────── */
.bvk-t-text-to-speech .tts-chars{--kzk-tile-min:84px;--kzk-thumb-h:40px}
.bvk-t-text-to-speech .tts-tiles{--kzk-tile-min:124px;--kzk-thumb-h:70px}
.bvk-t-text-to-speech .tts-chars .kzk-tile-thumb,.bvk-t-text-to-speech .tts-tiles .kzk-tile-thumb{background:#120f1b}
:root[data-theme=light] .bvk-t-text-to-speech .tts-chars .kzk-tile-thumb{background:#2b2444}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .bvk-t-text-to-speech .tts-chars .kzk-tile-thumb{background:#2b2444}}
.bvk-t-text-to-speech .kzk-tiles-cap{font-size:11px;color:var(--kzk-text-2)}
.bvk-t-text-to-speech .tts-hear{align-self:flex-start}
.bvk-t-text-to-speech .tts-quick{gap:6px;margin-top:2px}
.bvk-t-text-to-speech .tts-quick>button{min-height:28px;padding:3px 11px;font-size:12px}
@container kzk (max-width:480px){
  .bvk-t-text-to-speech .tts-chars{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:92px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
  .bvk-t-text-to-speech .tts-chars>.kzk-tile{scroll-snap-align:start}
  .bvk-t-text-to-speech .tts-chars .kzk-tiles-cap{display:none}
}
.bvk-t-text-to-speech .kzk-tile-label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/* ───────── ses listesi ───────── */
.bvk-t-text-to-speech .tts-vfilter{margin-bottom:10px}
.bvk-t-text-to-speech .tts-vfilter{grid-template-columns:minmax(0,1fr)}
.bvk-t-text-to-speech .tts-vlist{display:flex;flex-direction:column;gap:6px;padding:2px;margin:0 -2px}
.bvk-t-text-to-speech .tts-v{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px;border:1px solid var(--kzk-line-2);border-radius:var(--kzk-r-md);background:var(--kzk-field);transition:border-color .16s,background-color .16s}
.bvk-t-text-to-speech .tts-v--auto{grid-template-columns:minmax(0,1fr) auto}
.bvk-t-text-to-speech .tts-v:hover{border-color:var(--kzk-line-hover)}
.bvk-t-text-to-speech .tts-v.is-sel{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}
.bvk-t-text-to-speech .tts-vmain{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n b" "s b";column-gap:8px;row-gap:1px;align-items:center;min-width:0;margin:0;padding:8px 6px 8px 11px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--kzk-r-md)}
.bvk-t-text-to-speech .tts-vmain:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:-2px}
.bvk-t-text-to-speech .tts-vname{grid-area:n;font:600 13px/1.25 var(--kzk-font);color:var(--kzk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-text-to-speech .tts-v.is-sel .tts-vname{color:var(--kzk-gold)}
.bvk-t-text-to-speech .tts-vsub{grid-area:s;font:400 11.5px/1.3 var(--kzk-font);color:var(--kzk-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-text-to-speech .tts-badges{grid-area:b;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.bvk-t-text-to-speech .tts-badge{font:600 10px/1 var(--kzk-font);letter-spacing:.2px;padding:3px 6px;border-radius:999px;white-space:nowrap;border:1px solid var(--kzk-line-2);color:var(--kzk-text-2)}
.bvk-t-text-to-speech .tts-badge--nat{color:var(--kzk-lilac);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg)}
.bvk-t-text-to-speech .tts-badge--onl{color:#38bdf8;border-color:rgba(56,189,248,.35)}
.bvk-t-text-to-speech .tts-badge--fun{color:#f472b6;border-color:rgba(244,114,182,.35)}
.bvk-t-text-to-speech .tts-vplay,.bvk-t-text-to-speech .tts-vfav{margin-right:4px}
.bvk-t-text-to-speech .tts-vfav.is-on{color:var(--kzk-gold)}
.bvk-t-text-to-speech .tts-vempty{margin:6px 2px}
.bvk-t-text-to-speech .tts-vnote{margin-top:10px}
@container kzk (max-width:520px){.bvk-t-text-to-speech .tts-badge--dev{display:none}}

/* ───────── paletler ───────── */
.bvk-t-text-to-speech .tts-pals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bvk-t-text-to-speech .tts-pal{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:6px 6px 7px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 11.5px/1.2 var(--kzk-font);text-align:left;cursor:pointer;transition:border-color .16s,color .16s,transform .16s var(--tts-ease)}
.bvk-t-text-to-speech .tts-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-text-to-speech .tts-pal:hover{transform:translateY(-1px)}}
.bvk-t-text-to-speech .tts-pal>i{display:block;height:18px;border-radius:5px;background:linear-gradient(90deg,var(--a) 0 58%,var(--b) 58%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 6px 8px -6px rgba(255,255,255,.45)}
.bvk-t-text-to-speech .tts-pal>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}
.bvk-t-text-to-speech .tts-pal[aria-pressed=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);color:var(--kzk-gold);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}
.bvk-t-text-to-speech .tts-pal:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}

/* ───────── glifli seçimler ───────── */
.bvk-t-text-to-speech .kzk-seg.tts-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-text-to-speech #tts-ar.kzk-seg.tts-glyphs{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-text-to-speech .kzk-seg.tts-glyphs>button{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-text-to-speech .kzk-seg.tts-glyphs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-text-to-speech .tts-g{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bvk-t-text-to-speech .kzk-seg.tts-glyphs>button:not(.on) .tts-g,.bvk-t-text-to-speech .kzk-seg.tts-glyphs>button:not(.on) .tts-ar{color:var(--kzk-muted)}
.bvk-t-text-to-speech .tts-ar{display:block;width:var(--w);height:var(--h);border:1.8px solid currentColor;border-radius:3px;margin-top:auto}
.bvk-t-text-to-speech .tts-ar+span{margin-bottom:auto}
.bvk-t-text-to-speech .on>.tts-ar{background:color-mix(in srgb,currentColor 16%,transparent)}
.bvk-t-text-to-speech .tts-sw-bg{display:block;width:30px;height:20px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.bvk-t-text-to-speech .tts-sw-bg--grad{background:radial-gradient(circle at 30% 20%,#a855f7,#2a1650 60%,#0d0a16)}
.bvk-t-text-to-speech .tts-sw-bg--dark{background:#0c0b11}
.bvk-t-text-to-speech .tts-sw-bg--scene{background:#1b1430 url(/kuzgun-welcome-landscape.webp) center/cover}
.bvk-t-text-to-speech .tts-sw-bg--green{background:#00b140}
.bvk-t-text-to-speech .kzk-seg>button:not(.on)>.tts-sw-bg{opacity:.85}
.bvk-t-text-to-speech .tts-reps>button{min-width:0}
.bvk-t-text-to-speech .tts-dlgBody{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.bvk-t-text-to-speech .tts-dlgBody[hidden]{display:none}
.bvk-t-text-to-speech .tts-dlgSample{align-self:flex-start}
.bvk-t-text-to-speech .tts-tagInfo{margin-top:12px}

/* ───────── metin kartı ───────── */
.bvk-t-text-to-speech .tts-scriptCard .kzk-sec-head{margin-bottom:10px}
.bvk-t-text-to-speech .tts-tag-warn{color:var(--kzk-warn)}
.bvk-t-text-to-speech .tts-txtField{margin:0}
.bvk-t-text-to-speech .tts-txtField textarea{min-height:112px;font-size:15px;line-height:1.55;resize:vertical}
.bvk-t-text-to-speech .tts-tools{display:flex;align-items:flex-start;gap:10px;margin-top:10px}
.bvk-t-text-to-speech .tts-samples{display:flex;flex-wrap:nowrap;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.bvk-t-text-to-speech .tts-samples::-webkit-scrollbar{display:none}
.bvk-t-text-to-speech .tts-chip{flex:none}
@media (max-width:560px){.bvk-t-text-to-speech .tts-chip{min-height:36px;padding:0 14px}}
.bvk-t-text-to-speech .tts-toolBtns{display:flex;gap:4px;flex:none}
.bvk-t-text-to-speech .tts-chip{margin:0;padding:5px 10px;border-radius:999px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 12px/1.2 var(--kzk-font);cursor:pointer;white-space:nowrap;transition:border-color .16s,color .16s,background-color .16s}
.bvk-t-text-to-speech .tts-chip:hover{border-color:var(--kzk-hl-line);color:var(--kzk-text);background:var(--kzk-hl-bg)}
.bvk-t-text-to-speech .tts-chip:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}
@container kzk (max-width:520px){.bvk-t-text-to-speech .tts-tools{flex-direction:column}.bvk-t-text-to-speech .tts-tools>.tts-samples{width:100%}.bvk-t-text-to-speech .tts-toolBtns{align-self:flex-end}}
.bvk-t-text-to-speech .tts-draft{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 6px 6px 10px;border-radius:var(--kzk-r-md);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line);color:var(--kzk-text-2);font-size:12.5px}
.bvk-t-text-to-speech .tts-draft[hidden]{display:none}
.bvk-t-text-to-speech .tts-draft>svg{color:var(--kzk-lilac);flex:none}
.bvk-t-text-to-speech .tts-draft>span{flex:1 1 auto;min-width:0}
.bvk-t-text-to-speech .tts-draft>.kzk-btn{flex:none}

/* ───────── önizleme + çalar ───────── */

.bvk-t-text-to-speech #tts-stage{--kzk-stage-pad:0}
.bvk-t-text-to-speech[data-ar="16:9"] #tts-stage canvas{width:100%}
.bvk-t-text-to-speech[data-ar="16:9"] #tts-size{display:none}
.bvk-t-text-to-speech .tts-voiceTag{max-width:220px;overflow:hidden;text-overflow:ellipsis}
@container kzk (max-width:560px){.bvk-t-text-to-speech .tts-voiceTag{max-width:130px}.bvk-t-text-to-speech #tts-size{display:none}}
.bvk-t-text-to-speech .tts-player{display:flex;align-items:center;gap:8px;margin-top:12px}
.bvk-t-text-to-speech .tts-speak{min-width:132px;min-height:44px;justify-content:center;gap:8px}
.bvk-t-text-to-speech .tts-pbtn{width:40px;height:40px;flex:none}
.bvk-t-text-to-speech .tts-pbtn[disabled]{opacity:.42;cursor:default}
.bvk-t-text-to-speech .tts-icoResume{display:none}
.bvk-t-text-to-speech .is-paused .tts-icoPause{display:none}
.bvk-t-text-to-speech .is-paused .tts-icoResume{display:block}
.bvk-t-text-to-speech .tts-prog{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px}
.bvk-t-text-to-speech .tts-bar{position:relative;flex:1 1 auto;height:6px;border-radius:999px;background:var(--kzk-field);border:1px solid var(--kzk-line);overflow:hidden}
.bvk-t-text-to-speech .tts-bar>i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:var(--kzk-purple-grad,linear-gradient(90deg,#7c3aed,#a855f7))}
.bvk-t-text-to-speech .tts-time{flex:none;font:600 12px/1 var(--kzk-font);font-variant-numeric:tabular-nums;color:var(--kzk-muted);white-space:nowrap}
.bvk-t-text-to-speech.tts-playing .tts-time{color:var(--kzk-text-2)}
.bvk-t-text-to-speech .tts-warn{margin-top:12px}
.bvk-t-text-to-speech .tts-warn[hidden]{display:none}
.bvk-t-text-to-speech .tts-warn>svg{color:var(--kzk-warn)}
.bvk-t-text-to-speech .tts-warn>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.bvk-t-text-to-speech .tts-warn .kzk-btn{margin-top:4px}
.bvk-t-text-to-speech #tts-hint{margin-top:10px}
@container kzk (max-width:520px){
  .bvk-t-text-to-speech .tts-player{flex-wrap:wrap}
  .bvk-t-text-to-speech .tts-speak{flex:1 1 auto}
  .bvk-t-text-to-speech .tts-prog{flex:1 1 100%;order:3}
}

/* ───────── dışa aktarma ───────── */
.bvk-t-text-to-speech .tts-fmt{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;width:100%}
.bvk-t-text-to-speech .tts-fmt>button{min-width:0;padding-inline:4px;justify-content:center}
.bvk-t-text-to-speech .tts-exp .kzk-exp-set{flex-direction:column;align-items:stretch;gap:12px}
.bvk-t-text-to-speech .tts-fmtMeta{font:600 11.5px/1.3 var(--kzk-font);font-variant-numeric:tabular-nums;color:var(--kzk-lilac);margin-top:2px}
.bvk-t-text-to-speech .tts-fmtDesc{display:flex;flex-direction:column;gap:2px}
.bvk-t-text-to-speech .tts-fmtDesc>b{font:600 13.5px/1.3 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-text-to-speech .tts-fmtDesc>span{font:400 12px/1.45 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-text-to-speech .tts-full{justify-content:center}
.bvk-t-text-to-speech .tts-full[hidden],.bvk-t-text-to-speech #dl[hidden]{display:none}
/* Kayıt (ses/video) kapısız: kilit simgesi ve not yalnız SRT/VTT/TXT'de */
.bvk-t-text-to-speech .tts-exp.tts-free[data-locked] .kzk-btn--primary .kzk-ico-lock{display:none}
.bvk-t-text-to-speech .tts-exp.tts-free[data-locked] .kzk-btn--primary .kzk-ico-dl{display:block}
.bvk-t-text-to-speech .tts-exp.tts-free[data-locked] .kzk-lock{display:none}
.bvk-t-text-to-speech .tts-how{margin-top:16px;padding-top:14px;border-top:1px solid var(--kzk-line)}
.bvk-t-text-to-speech .tts-how[hidden]{display:none}
.bvk-t-text-to-speech .tts-how .kzk-sec-head{margin-bottom:8px}
.bvk-t-text-to-speech .tts-steps{list-style:none;margin:0;padding:0;counter-reset:tts;display:flex;flex-direction:column;gap:8px}
.bvk-t-text-to-speech .tts-steps>li{counter-increment:tts;position:relative;padding-left:28px;font:400 12.5px/1.45 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-text-to-speech .tts-steps>li::before{content:counter(tts);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--kzk-font);color:var(--kzk-lilac);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line)}
.bvk-t-text-to-speech .tts-howAlt{margin:10px 0 0}
.bvk-t-text-to-speech .tts-timing{display:flex;align-items:center;gap:8px;margin-top:14px;font:500 12px/1.4 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-text-to-speech .tts-timing[hidden]{display:none}
.bvk-t-text-to-speech .tts-timing>svg{width:16px;height:16px;flex:none;color:var(--kzk-lilac)}

/* ───────── son satırlar + uyarı bilgisi ───────── */
.bvk-t-text-to-speech .tts-recentCard .kzk-sec-head{margin-bottom:8px}
.bvk-t-text-to-speech #tts-recentClear[hidden]{display:none}
.bvk-t-text-to-speech .tts-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bvk-t-text-to-speech .tts-rline{display:flex;align-items:center;gap:4px;padding:6px 4px 6px 10px;border-radius:var(--kzk-r-md);background:var(--kzk-field);border:1px solid var(--kzk-line)}
.bvk-t-text-to-speech .tts-rtxt{flex:1 1 auto;min-width:0;font:400 12.5px/1.4 var(--kzk-font);color:var(--kzk-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-text-to-speech .tts-recentEmpty{margin:0}
.bvk-t-text-to-speech .tts-recentEmpty[hidden]{display:none}

.bvk-t-text-to-speech .tts-alerts a{font-weight:600;color:var(--kzk-lilac);text-decoration:none;white-space:nowrap}
.bvk-t-text-to-speech .tts-alerts a:hover{text-decoration:underline}
html.bv-embed .bvk-t-text-to-speech .tts-alerts{display:none}
.bvk-t-text-to-speech .tts-embedNote{margin:0;text-align:center}
.bvk-t-text-to-speech .tts-embedNote[hidden]{display:none}