/* Starting Soon Screen Maker v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-stream-starting-soon-screen.
   Kural: vh/sticky/fixed yok (gömülü panel); altın yalnız birincil eylem + seçili + odak; token'lar kitten (--kzk-*).
   Düzen kuralları webcam amiralinden (aynı kırılımlar: <860 tek sütun, 860–1379 iki sütun, ≥1380 üç sütun). */

/* ───────── OBS görünümü (?view=1): yalnız tuval, pencereye sığar ───────── */
html.ss-view,html.ss-view body{background:transparent!important;color-scheme:normal!important;margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important}
html.ss-view body>*:not(.ss-viewer):not(.ss-viewChip):not(.ss-viewEmpty){display:none!important}
html.ss-view .ss-viewer{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent}
html.ss-view.ss-view--browser,html.ss-view.ss-view--browser body{background:#07060b!important}
html.ss-view.ss-view--browser.ss-view--cd,html.ss-view.ss-view--browser.ss-view--cd body{background-color:#0e0c15!important;background-image:linear-gradient(45deg,#17141f 25%,transparent 25%),linear-gradient(-45deg,#17141f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#17141f 75%),linear-gradient(-45deg,transparent 75%,#17141f 75%)!important;background-size:28px 28px!important;background-position:0 0,0 14px,14px -14px,-14px 0!important}
html.ss-view .ss-viewChip{position:fixed;left:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100% - 28px);padding:7px 12px;border-radius:999px;background:rgba(14,12,22,.82);border:1px solid rgba(255,255,255,.14);color:#e9e4f5;font:600 12.5px/1.3 Inter,system-ui,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.4)}
html.ss-view .ss-viewEdit{color:#c4a1ff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.4)}
html.ss-view .ss-viewEmpty{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#e9e4f5;font:500 15px/1.45 Inter,system-ui,sans-serif}
html.ss-view .ss-viewEmpty p{margin:0}
html.ss-view .ss-viewEmpty a{color:#c4a1ff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.4)}

.bvk-t-stream-starting-soon-screen{--ss-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1))}

/* ───────── Ortak glifler ───────── */
.bvk-t-stream-starting-soon-screen .ss-g{display:block;width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bvk-t-stream-starting-soon-screen .ss-g .ss-f{fill:currentColor;stroke:none}
.bvk-t-stream-starting-soon-screen .ss-g .ss-f2{fill:color-mix(in srgb,currentColor 26%,transparent)}
.bvk-t-stream-starting-soon-screen .ss-mt{margin-top:12px}
.bvk-t-stream-starting-soon-screen .ss-aside{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-stream-starting-soon-screen .ss-sw{margin-top:10px}
.bvk-t-stream-starting-soon-screen .ss-sw+.kzk-field,.bvk-t-stream-starting-soon-screen .ss-sw+.ss-sw{margin-top:10px}
.bvk-t-stream-starting-soon-screen .ss-sub{margin-top:12px}
.bvk-t-stream-starting-soon-screen .ss-sub[hidden],.bvk-t-stream-starting-soon-screen [hidden]{display:none!important}
.bvk-t-stream-starting-soon-screen .ss-warn{color:var(--kzk-warn)}

/* Glifli seçim ızgaraları: simge üstte, etiket altta */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g6{grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs>button{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
/* kitin text-wrap:balance'ı + hyphens:auto kısa sözcükleri bölüyordu ('Aba-/jo'): yalnız taşan sözcük kırılır */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;text-wrap:wrap}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs>button:not(.on) .ss-g{color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs>button:not(.on):hover .ss-g{color:var(--kzk-text-2)}
/* Tuval: yatay / dikey (simge + ad + kullanım satırı) */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-ars{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-ars>button{justify-content:flex-start;gap:10px;min-height:56px;padding:8px 12px;text-align:left}
.bvk-t-stream-starting-soon-screen .ss-ars>button:not(.on) .ss-g{color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .ss-arT{display:flex;flex-direction:column;gap:2px;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-arT>b{font:600 13px/1.2 var(--kzk-font)}
.bvk-t-stream-starting-soon-screen .ss-arT>small{font:400 11px/1.25 var(--kzk-font);color:var(--kzk-muted);white-space:normal}
.bvk-t-stream-starting-soon-screen .ss-ars>button.on .ss-arT>small{color:var(--kzk-text-2)}
/* Ekran türü: 5 → 3 + 2 (dar), tek satır (geniş) */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-modes{grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-modes>button{grid-column:span 2}
.bvk-t-stream-starting-soon-screen .ss-modes>button:nth-child(n+4){grid-column:span 3}
/* Orta görsel ve plaka: 5 sütun dar panelde sıkışır → 3 + 2 */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g5{grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-g5>button{grid-column:span 2}
.bvk-t-stream-starting-soon-screen .ss-g5>button:nth-child(n+4){grid-column:span 3}
.bvk-t-stream-starting-soon-screen .ss-ravenImg{width:22px;height:22px;border-radius:6px;display:block}
.bvk-t-stream-starting-soon-screen [data-gx=raven]:not(.on) .ss-ravenImg{opacity:.75;filter:saturate(.7)}

/* Canlı önizlemeli seçimler (yerleşim, arka plan, sayaç, süsleme) */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs.ss-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-pvs>button{flex-direction:column;align-items:stretch;gap:5px;min-height:0;padding:5px 5px 6px;font-size:11.5px;line-height:1.15}
.bvk-t-stream-starting-soon-screen .ss-pvs>button>span{display:block;text-align:center;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;text-wrap:wrap}
.bvk-t-stream-starting-soon-screen .ss-pvs .ss-pv{display:block;width:100%;aspect-ratio:16/9;height:auto;border-radius:6px;background:#120f1b}
.bvk-t-stream-starting-soon-screen .ss-pvs>button:not(.on) .ss-pv{opacity:.9}
/* seçili döşeme: tek altın sinyal düğmenin kenarı (iç küçük resme ikinci halka yok) */
.bvk-t-stream-starting-soon-screen .ss-pvs .ss-pv{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
@container kzkc (min-width:380px){
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs.ss-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* 'Kendi fotoğrafın' en önemli zemin: dar panelde tek başına yarım satır kalmasın, geniş bir çağrı olsun */
.bvk-t-stream-starting-soon-screen .ss-bgs>[data-b=image]{grid-column:1/-1}
.bvk-t-stream-starting-soon-screen .ss-bgs>[data-b=image] .ss-pv{aspect-ratio:32/9}
@container kzkc (min-width:540px){
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bvk-t-stream-starting-soon-screen .ss-bgs>[data-b=image]{grid-column:span 2}
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs.ss-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-modes{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-stream-starting-soon-screen .ss-modes>button,.bvk-t-stream-starting-soon-screen .ss-modes>button:nth-child(n+4){grid-column:auto}
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-stream-starting-soon-screen .ss-g5>button,.bvk-t-stream-starting-soon-screen .ss-g5>button:nth-child(n+4){grid-column:auto}
}
@container kzkc (min-width:700px){
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs.ss-g3{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-pvs.ss-bgs{grid-template-columns:repeat(7,minmax(0,1fr))}
  .bvk-t-stream-starting-soon-screen .ss-bgs>[data-b=image]{grid-column:auto}
  .bvk-t-stream-starting-soon-screen .ss-bgs>[data-b=image] .ss-pv{aspect-ratio:16/9}
  .bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g4.ss-fx{grid-template-columns:repeat(8,minmax(0,1fr))}
}
.bvk-t-stream-starting-soon-screen .ss-cdStyles>button .ss-pv{background:#100d18}

/* Metin alanları */
.bvk-t-stream-starting-soon-screen .ss-frow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.bvk-t-stream-starting-soon-screen .ss-frow>.kzk-label{margin:0}
.bvk-t-stream-starting-soon-screen .ss-swOnly{flex:none;margin:0;min-height:0;padding:0}
.bvk-t-stream-starting-soon-screen .kzk-sec-head>.ss-swOnly{margin-left:auto}
.bvk-t-stream-starting-soon-screen .ss-dimField>input{opacity:.5}
.bvk-t-stream-starting-soon-screen .kzk-sec-head>.ss-resetText{margin-left:auto;gap:5px}
.bvk-t-stream-starting-soon-screen .ss-dimWrap{transition:opacity .2s var(--ss-ease)}
.bvk-t-stream-starting-soon-screen .ss-dimWrap.ss-dim,.bvk-t-stream-starting-soon-screen #ss-socWrap.ss-dim{opacity:.48}
.bvk-t-stream-starting-soon-screen :is(.ss-dimWrap,#ss-socWrap).ss-dim:hover,.bvk-t-stream-starting-soon-screen :is(.ss-dimWrap,#ss-socWrap).ss-dim:focus-within{opacity:.75}
.bvk-t-stream-starting-soon-screen .ss-off{opacity:.45;filter:saturate(.55);transition:opacity .2s var(--ss-ease)}
/* Kapalı bölüm kısa bir tanıtım olarak kalır (dokununca açılır): yığının geri kalanı gizli — Öğeler paneli kapalı formlarla
   2 500 px'e uzuyordu */
.bvk-t-stream-starting-soon-screen #ss-schWrap.ss-dim .ss-schRow:nth-child(n+2),.bvk-t-stream-starting-soon-screen #ss-schWrap.ss-dim>.kzk-hint,
.bvk-t-stream-starting-soon-screen #ss-schWrap.ss-dim>.kzk-field:first-child,
.bvk-t-stream-starting-soon-screen #ss-tickWrap.ss-dim>.kzk-field+.kzk-field,.bvk-t-stream-starting-soon-screen #ss-infoWrap.ss-dim .kzk-hint,
.bvk-t-stream-starting-soon-screen #ss-infoWrap.ss-dim>.kzk-field:first-child{display:none}
.bvk-t-stream-starting-soon-screen .kzk-sec-head>.ss-sampleTag{margin-left:auto}
.bvk-t-stream-starting-soon-screen .kzk-sec-head>.ss-sampleTag+.ss-swOnly{margin-left:8px}

/* Yazı tipleri: ad kendi yazı tipinde */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-fonts{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-fonts>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:62px;padding:7px 10px;font-weight:400;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden}
.bvk-t-stream-starting-soon-screen .ss-fonts>button>.ss-fs{display:flex;align-items:center;gap:.3em;height:28px;font-size:20px;overflow:hidden;white-space:nowrap;max-width:100%;color:var(--kzk-text)}
.bvk-t-stream-starting-soon-screen .ss-fonts>button>.ss-fn{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font:500 10.5px/1.2 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .ss-fonts>button.on>.ss-fs{color:var(--kzk-gold)}
.bvk-t-stream-starting-soon-screen .ss-fonts>button{position:relative}
/* bir harfi bu yazı tipinde olmayan döşeme: küçük amber '!' (title açıklar) */
.bvk-t-stream-starting-soon-screen .ss-fwarn{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--kzk-warn) 22%,transparent);border:1px solid color-mix(in srgb,var(--kzk-warn) 60%,transparent);color:var(--kzk-warn);font:800 10px/1 var(--kzk-font);font-style:normal}
@container kzkc (min-width:540px){.bvk-t-stream-starting-soon-screen .kzk-seg.ss-fonts{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Başlık efekti örnekleri: motorun kendisi çizer (SSS.sample: başlığın ilk sözcüğü, geçerli yazı tipi ve renkler) */
/* dar panelde 2 sütun, geniş örnek (efektler ayırt edilsin: 4 sütunda 70 px'lik örnekte Temiz/3B/Glitch aynı görünüyordu) */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g4.ss-fx{grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-fxc{display:block;width:100%;height:auto;aspect-ratio:3/1;border-radius:6px;background:#1a1526;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.bvk-t-stream-starting-soon-screen .ss-fx>button:not(.on) .ss-fxc{opacity:.9}
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-fx>button{padding:6px 6px 7px;font-size:11.5px;gap:6px}
@container kzkc (min-width:540px){.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g4.ss-fx{grid-template-columns:repeat(4,minmax(0,1fr))}.bvk-t-stream-starting-soon-screen .ss-fxc{aspect-ratio:2/1}}
@container kzkc (min-width:700px){.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-g4.ss-fx{grid-template-columns:repeat(8,minmax(0,1fr))}}
/* Üst satır stili örnekleri */
/* altın yalnız seçili örnekte (rol kuralı); diğerleri nötr */
.bvk-t-stream-starting-soon-screen .ss-ks{display:grid;place-items:center;height:22px;padding:0 6px;font:800 8.5px/1 var(--kzk-font);font-style:normal;letter-spacing:.6px;color:var(--kzk-text-2);white-space:nowrap}
.bvk-t-stream-starting-soon-screen .ss-ks--spaced{letter-spacing:0}
.bvk-t-stream-starting-soon-screen .ss-ks--pill{border-radius:999px;background:var(--kzk-text-2);color:var(--kzk-card)}
.bvk-t-stream-starting-soon-screen #ss-kStyle>button.on .ss-ks{color:var(--kzk-gold)}
.bvk-t-stream-starting-soon-screen #ss-kStyle>button.on .ss-ks--pill{background:var(--kzk-gold);color:var(--kzk-on-gold)}
.bvk-t-stream-starting-soon-screen .ss-ks--lines{position:relative;padding:0 22px}
.bvk-t-stream-starting-soon-screen .ss-ks--lines::before,.bvk-t-stream-starting-soon-screen .ss-ks--lines::after{content:"";position:absolute;top:50%;width:14px;height:2px;background:currentColor}
.bvk-t-stream-starting-soon-screen .ss-ks--lines::before{left:2px}
.bvk-t-stream-starting-soon-screen .ss-ks--lines::after{right:2px}

/* Paletler */
.bvk-t-stream-starting-soon-screen .ss-pals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@container kzkc (min-width:380px){.bvk-t-stream-starting-soon-screen .ss-pals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container kzkc (min-width:560px){.bvk-t-stream-starting-soon-screen .ss-pals{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-stream-starting-soon-screen .ss-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,background-color .16s,color .16s,transform .16s var(--ss-ease)}
.bvk-t-stream-starting-soon-screen .ss-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-stream-starting-soon-screen .ss-pal:hover{transform:translateY(-1px)}}
/* örnek kutu: zemin degradesi + yazı rengiyle 'Aa' + vurguyla '05:00' + altta tam genişlik vurgu → vurgu 2 bandı */
.bvk-t-stream-starting-soon-screen .ss-pal>i{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;height:42px;padding:0 8px 7px;border-radius:5px;overflow:hidden;font-style:normal;background:linear-gradient(120deg,var(--a) 0%,var(--b) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bvk-t-stream-starting-soon-screen .ss-pal>i>em{font:800 14px/1 "Space Grotesk",var(--kzk-font);font-style:normal;color:var(--t)}
.bvk-t-stream-starting-soon-screen .ss-pal>i>b{font:700 11.5px/1 "Space Grotesk",var(--kzk-font);color:var(--c);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 0 8px color-mix(in srgb,var(--c) 45%,transparent)}
.bvk-t-stream-starting-soon-screen .ss-pal>i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--c),var(--d))}
.bvk-t-stream-starting-soon-screen .ss-pal>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}
.bvk-t-stream-starting-soon-screen .ss-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-stream-starting-soon-screen .kzk-sec-head>#ss-swap{margin-left:auto}
/* Vurguya uyan renkler: dört şerit (zemin 1 · zemin 2 · vurgu · vurgu 2) */
.bvk-t-stream-starting-soon-screen .ss-harmWrap{margin-top:14px}
.bvk-t-stream-starting-soon-screen .ss-harm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
@container kzkc (min-width:380px){.bvk-t-stream-starting-soon-screen .ss-harm{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-stream-starting-soon-screen .ss-hb{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:44px;margin:0;padding:5px 5px 6px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 11px/1.2 var(--kzk-font);text-align:center;cursor:pointer;transition:border-color .16s,color .16s}
.bvk-t-stream-starting-soon-screen .ss-hb>i{display:block;height:16px;border-radius:4px;background:linear-gradient(90deg,var(--a) 0 25%,var(--b) 25% 50%,var(--c) 50% 75%,var(--d) 75%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bvk-t-stream-starting-soon-screen .ss-hb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-stream-starting-soon-screen .ss-hb:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-stream-starting-soon-screen .ss-hb[aria-pressed=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);color:var(--kzk-gold)}
.bvk-t-stream-starting-soon-screen .kzk-row.ss-crow{grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:10px}
@container kzkc (min-width:540px){.bvk-t-stream-starting-soon-screen .kzk-row.ss-crow{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Simgeler */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-icons{gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-stream-starting-soon-screen .ss-icons>button{min-height:42px;padding:0}
.bvk-t-stream-starting-soon-screen .ss-icons .ss-g{width:21px;height:21px}
.bvk-t-stream-starting-soon-screen .ss-icons>button:not(.on){color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .ss-icons>button:not(.on):hover{color:var(--kzk-text)}
@container kzkc (min-width:540px){.bvk-t-stream-starting-soon-screen .kzk-seg.ss-icons{grid-template-columns:repeat(9,minmax(0,1fr))}}

/* Emoji */
.bvk-t-stream-starting-soon-screen .ss-emojiWrap .kzk-field{position:relative}
.bvk-t-stream-starting-soon-screen .ss-emojiRow{display:flex;gap:8px;align-items:center}
.bvk-t-stream-starting-soon-screen .ss-emojiRow>input{flex:0 0 76px;width:76px;text-align:center;font-size:20px}
.bvk-t-stream-starting-soon-screen .ss-emojiRow>.kzk-btn{flex:1 1 auto;justify-content:center;min-height:40px}
.bvk-t-stream-starting-soon-screen .ss-pop{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;margin-top:8px;max-height:212px;overflow:auto;padding:6px;border-radius:var(--kzk-r-md);background:var(--kzk-card-2);border:1px solid var(--kzk-line-2)}
.bvk-t-stream-starting-soon-screen .ss-pop>button{height:38px;border:0;border-radius:8px;background:transparent;font-size:21px;line-height:1;cursor:pointer}
.bvk-t-stream-starting-soon-screen .ss-pop>button:hover,.bvk-t-stream-starting-soon-screen .ss-pop>button:focus-visible{background:var(--kzk-card-3)}

/* Logo */
.bvk-t-stream-starting-soon-screen #logoBtn{gap:8px;min-height:44px}
.bvk-t-stream-starting-soon-screen .ss-logoRow{display:flex;align-items:center;gap:10px;margin-top:10px;padding:6px 6px 6px 8px;border-radius:var(--kzk-r-md);background:var(--kzk-field);border:1px solid var(--kzk-line-2)}
.bvk-t-stream-starting-soon-screen .ss-logoRow>img{width:40px;height:40px;border-radius:8px;object-fit:contain;background:repeating-conic-gradient(#2a2438 0 25%,#1d1828 0 50%) 0 0/10px 10px}
.bvk-t-stream-starting-soon-screen .ss-logoTxt{flex:1 1 auto;min-width:0;font:600 12.5px/1.3 var(--kzk-font);color:var(--kzk-text-2)}

/* Sosyal satırları */
.bvk-t-stream-starting-soon-screen .ss-socRow{display:grid;grid-template-columns:minmax(104px,116px) minmax(0,1fr);gap:8px}
.bvk-t-stream-starting-soon-screen .ss-socRow+.ss-socRow{margin-top:8px}
/* 'Simgeler + tek ad': 2. ve 3. satırda yalnız platform (ad ilk satırdan) */
.bvk-t-stream-starting-soon-screen #ss-socWrap.ss-rowStyle :is(#ss-s2,#ss-s3){display:none}
.bvk-t-stream-starting-soon-screen #ss-socWrap.ss-rowStyle .ss-socRow:has(#ss-s2),.bvk-t-stream-starting-soon-screen #ss-socWrap.ss-rowStyle .ss-socRow:has(#ss-s3){grid-template-columns:minmax(0,1fr)}
.bvk-t-stream-starting-soon-screen .kzk-seg--track.ss-socStyles{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
@container kzkc (min-width:420px){.bvk-t-stream-starting-soon-screen .kzk-seg--track.ss-socStyles{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Sohbet paneli */
.bvk-t-stream-starting-soon-screen #ss-chat+.ss-sub{margin-top:10px}
.bvk-t-stream-starting-soon-screen #ss-chatHint{margin-top:10px}
.bvk-t-stream-starting-soon-screen .ss-chatTool{margin-top:6px}
.bvk-t-stream-starting-soon-screen .ss-chatTool>a{color:var(--kzk-lilac);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--kzk-lilac) 40%,transparent)}
.bvk-t-stream-starting-soon-screen .ss-chatTool>a:hover{border-bottom-color:var(--kzk-lilac)}
.bvk-t-stream-starting-soon-screen .kzk-sec-head>#ss-chatTag{margin-left:auto}
/* uzun adlar ('Colores de marca') izin dışına taşmasın: iki satıra iner */
.bvk-t-stream-starting-soon-screen .ss-socStyles>button{min-height:32px;padding:2px 6px;font-size:12px;white-space:normal;line-height:1.15;text-wrap:balance}

/* Sayaç */
.bvk-t-stream-starting-soon-screen .kzk-row.ss-dur{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bvk-t-stream-starting-soon-screen .ss-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bvk-t-stream-starting-soon-screen .ss-quick>.kzk-btn{flex:1 1 0;min-width:52px;justify-content:center;font-variant-numeric:tabular-nums}
.bvk-t-stream-starting-soon-screen .ss-quick>.kzk-btn.ss-qOn{border-color:var(--kzk-gold-line);color:var(--kzk-gold);background:var(--kzk-gold-tint)}
.bvk-t-stream-starting-soon-screen .ss-cdInfo{margin-top:16px}
.bvk-t-stream-starting-soon-screen .ss-cdInfo p{margin:0 0 10px}
.bvk-t-stream-starting-soon-screen .ss-liveTag{margin-left:auto}
/* saat + gün: kit alanı görünümünde (kitte saat girdisi yok) */
.bvk-t-stream-starting-soon-screen .kzk-row.ss-at{grid-template-columns:minmax(128px,.85fr) minmax(0,1.15fr);gap:10px}
.bvk-t-stream-starting-soon-screen input[type=time]:is(#ss-cdAt,.ss-time){box-sizing:border-box;width:100%;height:44px;padding:0 10px 0 12px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text);font:600 15px/1 var(--kzk-font);font-variant-numeric:tabular-nums;color-scheme:dark;outline:none;transition:border-color .16s,box-shadow .16s}
html[data-theme=light] .bvk-t-stream-starting-soon-screen input[type=time]:is(#ss-cdAt,.ss-time){color-scheme:light}
.bvk-t-stream-starting-soon-screen input[type=time]:is(#ss-cdAt,.ss-time):hover{border-color:var(--kzk-line-hover)}
.bvk-t-stream-starting-soon-screen input[type=time]:is(#ss-cdAt,.ss-time):focus-visible{border-color:var(--kzk-gold-line);box-shadow:0 0 0 3px var(--kzk-gold-tint)}
.bvk-t-stream-starting-soon-screen input[type=time]:is(#ss-cdAt,.ss-time)::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}
/* Yayın programı satırları: gün · saat · not */
/* satır: gün + saat üstte, not altta (dar panelde 3 sütun sığmıyordu: 'Mon…', '08:0'); geniş panelde tek satır */
.bvk-t-stream-starting-soon-screen .ss-schRows{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.bvk-t-stream-starting-soon-screen .ss-schRow{display:grid;grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"d t" "n n";gap:6px;align-items:center;padding:8px;border-radius:var(--kzk-r-md);background:color-mix(in srgb,var(--kzk-card-2) 70%,transparent);border:1px solid var(--kzk-line)}
.bvk-t-stream-starting-soon-screen .ss-schRow>select{grid-area:d}
.bvk-t-stream-starting-soon-screen .ss-schRow>input.ss-time{grid-area:t;padding:0 6px 0 10px;font-size:14px}
.bvk-t-stream-starting-soon-screen .ss-schRow>input[type=text]{grid-area:n;height:36px;font-size:13px}
.bvk-t-stream-starting-soon-screen .ss-schRow.ss-schOff>:not(select){opacity:.45}
@container kzkc (min-width:540px){
  .bvk-t-stream-starting-soon-screen .ss-schRow{grid-template-columns:minmax(0,1fr) 128px minmax(0,1.2fr);grid-template-areas:"d t n";padding:0;background:none;border:0}
  .bvk-t-stream-starting-soon-screen .ss-schRow>input[type=text]{height:44px;font-size:14px}
}
.bvk-t-stream-starting-soon-screen .ss-schRows+.kzk-hint{margin-top:10px}
/* Dışa aktarma: fotoğraf + canlı sayaç kurulumu */
.bvk-t-stream-starting-soon-screen .ss-photoSet{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:var(--kzk-r-md);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line)}
.bvk-t-stream-starting-soon-screen .ss-photoSet>.kzk-hint{margin:0;font-size:11.5px;line-height:1.45;color:var(--kzk-text-2)}
.bvk-t-stream-starting-soon-screen .ss-photoSetup{align-self:flex-start;gap:6px;white-space:normal;text-align:left;height:auto;min-height:34px}
.bvk-t-stream-starting-soon-screen .ss-slobs{margin:0 0 10px;font-size:11.5px}
.bvk-t-stream-starting-soon-screen #ss-clockOpts>.kzk-hint{margin-top:8px}

/* Hareket */
.bvk-t-stream-starting-soon-screen .ss-tiles{--kzk-tile-min:96px;--kzk-thumb-h:56px}
.bvk-t-stream-starting-soon-screen .ss-tiles .kzk-tile-thumb{background:#120f1b}
/* uzun bileşik sözcükler ('Sternschnuppen') hecesinden bölünsün, harf harf değil */
.bvk-t-stream-starting-soon-screen .kzk-tile-label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@container kzkc (min-width:540px){.bvk-t-stream-starting-soon-screen .ss-tiles{--kzk-tile-min:108px;--kzk-thumb-h:62px}}
.bvk-t-stream-starting-soon-screen .ss-pcols>button,.bvk-t-stream-starting-soon-screen .ss-loops>button{min-height:30px;padding:2px 4px;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Ray: küçük durum noktası (sayaç açık, animasyon var) */
.bvk-t-stream-starting-soon-screen .kzk-rail-btn{position:relative}
.bvk-t-stream-starting-soon-screen .kzk-rail-btn>.ss-dot{position:absolute;top:8px;right:14px;width:6px;height:6px;border-radius:50%;background:var(--kzk-lilac);box-shadow:0 0 6px color-mix(in srgb,var(--kzk-lilac) 60%,transparent)}
.bvk-t-stream-starting-soon-screen .kzk-railwrap{grid-template-columns:76px minmax(0,1fr)}
@container kzk (max-width:599px){.bvk-t-stream-starting-soon-screen .kzk-railwrap{grid-template-columns:minmax(0,1fr)}.bvk-t-stream-starting-soon-screen .kzk-rail-btn>.ss-dot{top:6px;right:6px}}

/* ───────── Önizleme ───────── */
/* tasarım sahneyi kenardan kenara doldurur (koyu çerçeve açık temada TV kasası gibi duruyordu); yakınlaştırınca koyu kuyu */
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage{--kzk-stage-pad:0px;background:#0a0811}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])){background:transparent}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) .kzk-stage-in>canvas{border-radius:calc(var(--kzk-r-card) - 1px)}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage.ss-dropOver{outline:2px dashed var(--kzk-gold-line);outline-offset:-6px}
/* dikey tuval: koyu kuyunun ortasında, telefonda daha kısa */
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage.ss-vert{--kzk-stage-pad:14px;background:#0a0811!important}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage.ss-vert .kzk-stage-in>canvas{border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
@container kzk (max-width:599px){.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage.ss-vert{--kzk-stage-max:440px}}
html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage.ss-vert{background:#1c1730!important}
.bvk-t-stream-starting-soon-screen #cv.ss-pick{cursor:pointer}
/* fotoğraf sürüklenebilirken dokunma kaydırması önizlemeye bırakılmaz (sınıf durumdan gelir, pointerdown'dan değil) */
.bvk-t-stream-starting-soon-screen #cv.ss-canDrag{cursor:grab;touch-action:none}
.bvk-t-stream-starting-soon-screen #cv.ss-dragging{cursor:grabbing;touch-action:none}
.bvk-t-stream-starting-soon-screen #cv.ss-canDrag:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:3px}
.bvk-t-stream-starting-soon-screen .ss-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.bvk-t-stream-starting-soon-screen .ss-rnd{gap:6px}
.bvk-t-stream-starting-soon-screen #ss-prevTag{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-stream-starting-soon-screen #ss-prevTag.ss-trying{color:var(--kzk-text)}
.bvk-t-stream-starting-soon-screen #ss-prevTag.ss-trying::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--kzk-lilac);vertical-align:1px}
.bvk-t-stream-starting-soon-screen .ss-safeBtn{gap:6px;min-height:34px}
.bvk-t-stream-starting-soon-screen .ss-safeBtn[aria-pressed=true]{color:var(--kzk-text);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg)}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-dock{gap:6px}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-dock>.kzk-replay{margin-left:0}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-dock>.ss-safeBtn{margin-right:auto}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val{font-size:0}
.bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val::after{content:var(--ss-fit,"Fit");font-size:12.5px}
@container kzkc (max-width:520px){
  .bvk-t-stream-starting-soon-screen .ss-rnd>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-stream-starting-soon-screen .ss-rnd{padding:0 8px}
  .bvk-t-stream-starting-soon-screen #ss-prevTag{display:none}
}
@container kzkc (max-width:440px){
  .bvk-t-stream-starting-soon-screen .ss-prev .kzk-prev-head>.kzk-size{display:none}
  .bvk-t-stream-starting-soon-screen .ss-prev .kzk-stage{min-height:0}
  .bvk-t-stream-starting-soon-screen .ss-prev .kzk-zoom [aria-label]:is([data-z="-"],[data-z="+"]){display:none}
}
.bvk-t-stream-starting-soon-screen .ss-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-stream-starting-soon-screen .ss-draft>svg{color:var(--kzk-lilac);flex:none}
.bvk-t-stream-starting-soon-screen .ss-draft>span{flex:1 1 auto;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-draft>.kzk-btn{flex:none}

/* Telefon eylem satırı + mini önizleme (yalnız tek sütunda) */
.bvk-t-stream-starting-soon-screen .ss-mact{display:flex;gap:8px;margin-top:10px}
.bvk-t-stream-starting-soon-screen .ss-mact>.kzk-btn{flex:1 1 0;justify-content:center;min-height:44px;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-mact>.kzk-btn>span{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.bvk-t-stream-starting-soon-screen .ss-mini{display:none}
@container kzk (max-width:859px){
  .bvk-t-stream-starting-soon-screen .ss-mini{display:block;flex:0 0 auto;position:relative;width:min(100% - 24px,300px);height:auto;aspect-ratio:16/9;margin:12px auto 0;border-radius:var(--kzk-r-md);overflow:hidden;border:1px solid var(--kzk-line);background:#0b0812}
  .bvk-t-stream-starting-soon-screen .ss-mini>canvas{display:block;width:100%;height:100%}
}
@container kzk (min-width:860px){.bvk-t-stream-starting-soon-screen .ss-mact{display:none}}

/* ───────── Şablonlar ───────── */
.bvk-t-stream-starting-soon-screen .kzk-sec-head>.ss-saveLook{margin-left:auto;gap:6px}
.bvk-t-stream-starting-soon-screen .ss-ltabsWrap{position:relative;margin:0 0 12px}
.bvk-t-stream-starting-soon-screen .ss-ltabs{margin:0 -2px;gap:6px}
.bvk-t-stream-starting-soon-screen .ss-ltabsNext{position:absolute;right:-2px;top:50%;transform:translateY(-50%);z-index:1;background:var(--kzk-card-2);border:1px solid var(--kzk-line-2);box-shadow:0 2px 10px rgba(0,0,0,.3)}
.bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-ltabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px}
.bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-ltabs::-webkit-scrollbar{display:none}
.bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-ltabs.ss-ovf{padding-right:30px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
.bvk-t-stream-starting-soon-screen .ss-ltabs>button{flex:0 0 auto;min-height:30px;padding:3px 12px;font-size:12.5px}
.bvk-t-stream-starting-soon-screen .ss-ltabs>button .ss-n{margin-left:5px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-stream-starting-soon-screen .ss-ltabs>button.on .ss-n{color:inherit;opacity:.8}
@container kzkc (min-width:600px){
  .bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-ltabs{flex-wrap:wrap;overflow:visible}
  .bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-ltabs.ss-ovf{padding-right:2px;-webkit-mask-image:none;mask-image:none}
  .bvk-t-stream-starting-soon-screen .ss-ltabsNext{display:none}
}
.bvk-t-stream-starting-soon-screen .ss-looks{--kzk-ar:16/9}
.bvk-t-stream-starting-soon-screen .kzk-cards.ss-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-stream-starting-soon-screen .ss-looks .kzk-tcard-thumb{background:#120f1c}
/* KİT EKSİĞİ (kzk 1.2.0): kart başlığı flex; içindeki metin kısalmıyor, üç nokta çalışmıyor ('Synthwave-Sonnenuntergang' taşıyordu) */
.bvk-t-stream-starting-soon-screen .ss-looks .kzk-tcard-title>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container kzkc (min-width:452px){.bvk-t-stream-starting-soon-screen .kzk-cards.ss-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@container kzkc (min-width:720px){.bvk-t-stream-starting-soon-screen .kzk-cards.ss-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container kzkc (min-width:1000px){.bvk-t-stream-starting-soon-screen .kzk-cards.ss-looks{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* KİT EKSİĞİ (kzk 1.2.0): 'cards' galerisinde 'Daha fazla' arkasındaki kartlar CSS ile gizlenmiyor */
.bvk-t-stream-starting-soon-screen .kzk-cards:not(.is-open)>[data-more]{display:none}
.bvk-t-stream-starting-soon-screen .kzk-cards>.kzk-more-btn{grid-column:1/-1}
.bvk-t-stream-starting-soon-screen .ss-looksFoot{display:flex;align-items:center;gap:10px;margin-top:12px}
.bvk-t-stream-starting-soon-screen .ss-looksFoot>.kzk-hint{flex:1 1 auto;margin:0}
.bvk-t-stream-starting-soon-screen .ss-looksFoot>.kzk-btn{flex:none;gap:6px}
.bvk-t-stream-starting-soon-screen .ss-renRow{display:flex;align-items:center;gap:8px;margin-top:12px}
.bvk-t-stream-starting-soon-screen .ss-renRow>input{flex:1 1 auto;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-renRow>.kzk-btn{flex:none}
@container kzkc (max-width:420px){.bvk-t-stream-starting-soon-screen .ss-looksTag{display:none}}
.bvk-t-stream-starting-soon-screen .kzk-col-prev>.ss-looksCard,.bvk-t-stream-starting-soon-screen .kzk-col-more>.ss-looksCard,.bvk-t-stream-starting-soon-screen .kzk-col-prev>.ss-prev{flex:0 0 auto}

/* ───────── Düzen (webcam ile aynı) ───────── */
@container kzk (max-width:859px){
  .bvk-t-stream-starting-soon-screen .ss-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
  .bvk-t-stream-starting-soon-screen .ss-opts .kzk-panes{min-height:0!important;height:clamp(420px,62cqw + 200px,640px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-stream-starting-soon-screen .ss-opts .kzk-panes.ss-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent)}
}
@container kzk (min-width:860px){
  .bvk-t-stream-starting-soon-screen .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(360px,400px) minmax(0,1fr);grid-template-areas:"opts prev" "opts exp" "more more";grid-template-rows:auto 1fr auto}
  .bvk-t-stream-starting-soon-screen .kzk-col-opts{contain:size;min-height:660px}
  .bvk-t-stream-starting-soon-screen .kzk-col-opts>.ss-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-stream-starting-soon-screen .ss-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-stream-starting-soon-screen .ss-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-stream-starting-soon-screen .ss-opts .kzk-panes.ss-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
  .bvk-t-stream-starting-soon-screen .kzk-col-more{align-self:start}
  .bvk-t-stream-starting-soon-screen .kzk-col-exp{align-self:stretch}
  .bvk-t-stream-starting-soon-screen .kzk-col-exp>.ss-exp{flex:1 1 auto}
}
@container kzk (min-width:1380px){
  .bvk-t-stream-starting-soon-screen .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(380px,412px) minmax(0,1fr) minmax(260px,288px);grid-template-areas:"opts prev exp" "opts more more";grid-template-rows:auto 1fr}
  .bvk-t-stream-starting-soon-screen .ss-exp{height:100%;display:flex;flex-direction:column}
  .bvk-t-stream-starting-soon-screen .ss-exp>.ss-steps{margin-top:12px}
}

/* ───────── Dışa aktarma kartı ───────── */
.bvk-t-stream-starting-soon-screen #ss-expCard{position:relative}
/* gömülü bildirimler akışta: biçim çiplerinin ÜSTÜNE binip 3 sn tıklanmaz yapıyordu, artık içeriği aşağı iter */
.bvk-t-stream-starting-soon-screen .ss-toasts{position:static}
.bvk-t-stream-starting-soon-screen .ss-toasts .kzk-toasts{margin:0}
.bvk-t-stream-starting-soon-screen .ss-toasts:has(.kzk-toast){margin:0 0 12px}
.bvk-t-stream-starting-soon-screen .ss-looksCard>.kzk-toasts{margin:0 0 12px}
.bvk-t-stream-starting-soon-screen .ss-xfmt{margin:0 0 12px;gap:6px}
.bvk-t-stream-starting-soon-screen .ss-xfmt>button{position:relative;min-height:34px;padding:4px 12px;font-weight:600}
/* önerilen biçim işareti: küçük eflatun nokta (yeşil parıltı dördüncü bir vurgu rengiydi) */
.bvk-t-stream-starting-soon-screen .ss-recDot{display:none;flex:none;width:5px;height:5px;margin-left:5px;border-radius:50%;background:var(--kzk-lilac)}
.bvk-t-stream-starting-soon-screen .ss-xfmt[data-rec=link]>button[value=link] .ss-recDot{display:inline-block}
.bvk-t-stream-starting-soon-screen .ss-exp .kzk-exp-actions.ss-xblocks{display:flex;flex-direction:column;gap:12px}
.bvk-t-stream-starting-soon-screen .ss-xblk{display:flex;flex-direction:column;gap:10px;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-xblk:not(.is-cur){display:none}
.bvk-t-stream-starting-soon-screen .ss-xhead{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.bvk-t-stream-starting-soon-screen .ss-xtitle{font:700 13.5px/1.3 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-stream-starting-soon-screen .ss-xsub{flex-basis:100%;font:400 12px/1.4 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .ss-xhead .kzk-tag--chip{padding:2px 7px;font-size:11px}
.bvk-t-stream-starting-soon-screen .ss-xrow{display:flex;align-items:center;gap:10px;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-xrow>.kzk-label{flex:0 0 auto;margin:0;font-size:12px;color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .ss-xrow>.kzk-seg{flex:1 1 auto;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-xrow--col{flex-direction:column;align-items:stretch;gap:6px}
.bvk-t-stream-starting-soon-screen .ss-xseg>button{min-height:30px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-xblk>.kzk-btn:not(.ss-zipBtn){width:100%;justify-content:center;padding-left:12px;padding-right:12px;height:auto;min-height:48px}
.bvk-t-stream-starting-soon-screen .ss-xblk>.kzk-btn .kzk-btn-txt{min-width:0;flex:0 1 auto}
.bvk-t-stream-starting-soon-screen .ss-xblk>.kzk-btn .kzk-btn-sub{white-space:normal;overflow-wrap:anywhere}
.bvk-t-stream-starting-soon-screen .ss-xblk>.kzk-btn.ss-soft{opacity:.62}
.bvk-t-stream-starting-soon-screen .ss-zipBtn{align-self:center;gap:6px;color:var(--kzk-muted);border-color:transparent}
.bvk-t-stream-starting-soon-screen .ss-zipBtn:hover{color:var(--kzk-text)}
.bvk-t-stream-starting-soon-screen .ss-noCd{margin:0}
.bvk-t-stream-starting-soon-screen .ss-cdNote{margin:0;font-size:11.5px;line-height:1.45;color:var(--kzk-text-2)}
.bvk-t-stream-starting-soon-screen .ss-exp .kzk-lock{margin-top:0}
@container kzkc (min-width:600px){
  .bvk-t-stream-starting-soon-screen .ss-xfmt{display:none}
  .bvk-t-stream-starting-soon-screen .ss-exp .kzk-exp-actions.ss-xblocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bvk-t-stream-starting-soon-screen .ss-xblk,.bvk-t-stream-starting-soon-screen .ss-xblk:not(.is-cur){display:flex;min-width:0;padding:12px 14px;border-radius:var(--kzk-r-card);border:1px solid var(--kzk-line);background:color-mix(in srgb,var(--kzk-card-2) 60%,transparent)}
  .bvk-t-stream-starting-soon-screen .ss-xblk.is-cur{background:color-mix(in srgb,var(--kzk-hl-bg) 45%,transparent);border-color:var(--kzk-hl-line)}
  .bvk-t-stream-starting-soon-screen .ss-exp .ss-xblocks>:is(.kzk-lock,.ss-noCd,.ss-cdNote){grid-column:1/-1;margin-top:2px}
  .bvk-t-stream-starting-soon-screen .ss-xblk>.kzk-btn:not(.ss-zipBtn){margin-top:auto}
}
@container kzkc (min-width:1040px){
  .bvk-t-stream-starting-soon-screen .ss-exp .kzk-exp-actions.ss-xblocks{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-xfmt{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,.82fr)) minmax(0,1.3fr);gap:5px}
.bvk-t-stream-starting-soon-screen .ss-xfmt>button{padding:4px 4px;justify-content:center;white-space:nowrap;font-size:12.5px}
@container kzkc (min-width:600px){.bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-xfmt{display:none}}
@container kzkc (min-width:600px){html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-xblk.is-cur{background:color-mix(in srgb,var(--kzk-hl-bg) 70%,transparent)}}
/* OBS bağlantısı çıktısı */
.bvk-t-stream-starting-soon-screen .ss-linkOut{display:flex;flex-direction:column;gap:8px}
.bvk-t-stream-starting-soon-screen .ss-linkRow{display:flex;align-items:center;gap:4px;min-width:0;height:38px;padding:0 3px 0 10px;border-radius:var(--kzk-r-md);background:var(--kzk-field);border:1px solid var(--kzk-line-2)}
.bvk-t-stream-starting-soon-screen .ss-linkRow:focus-within{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac)}
.bvk-t-stream-starting-soon-screen .kzk-card .ss-linkRow>input.ss-linkIn{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none!important;color:var(--kzk-lilac);font:500 12px/1 var(--kzk-mono);text-overflow:ellipsis}
.bvk-t-stream-starting-soon-screen .ss-linkRow .kzk-icon-btn{width:30px;height:30px}
.bvk-t-stream-starting-soon-screen .ss-linkOut .kzk-hint{margin:0;font-size:11.5px;line-height:1.45}
/* 5 ekranın bağlantıları: ekran başına ad + bağlantı + kopyala/aç */
.bvk-t-stream-starting-soon-screen .ss-links5{display:flex;flex-direction:column;gap:8px}
.bvk-t-stream-starting-soon-screen .ss-l5{display:flex;flex-direction:column;gap:4px;min-width:0}
.bvk-t-stream-starting-soon-screen .ss-l5n{font:600 11.5px/1.2 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-stream-starting-soon-screen .kzk-card .ss-linkRow>input.ss-linkIn5{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none!important;color:var(--kzk-lilac);font:500 12px/1 var(--kzk-mono);text-overflow:ellipsis}
/* sayaç kapalıyken 'Yalnız sayaç' seçilemez */
.bvk-t-stream-starting-soon-screen .ss-xseg>button[aria-disabled=true]{opacity:.45;cursor:not-allowed}
/* Dışa aktarmadan önce kontrol: madde başına not + yerinde çözen düğmeler */
/* KİT EKSİĞİ (kzk 1.2.0): örtü durumu içerik kartı aşınca üstten kırpılıyor (justify-content:center + overflow) */
.bvk-t-stream-starting-soon-screen .ss-check.kzk-state--overlay{justify-content:safe center;padding-top:18px;padding-bottom:18px}
.bvk-t-stream-starting-soon-screen .ss-check .kzk-state-list{max-width:460px;margin-top:12px}
.bvk-t-stream-starting-soon-screen .ss-check .kzk-state-list>div{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-areas:"d l" "d n" "d a";align-items:start;gap:2px 12px;min-height:0;padding:9px 12px}
.bvk-t-stream-starting-soon-screen .ss-check .kzk-state-list>div>span:first-child{grid-area:l}
.bvk-t-stream-starting-soon-screen .ss-check .kzk-state-list>div>.kzk-st-note{grid-area:n;font-size:12.5px;line-height:1.35;color:var(--kzk-text-2)}
.bvk-t-stream-starting-soon-screen .ss-check .kzk-state-list>div>.kzk-st-disc{grid-area:d;margin-top:1px}
.bvk-t-stream-starting-soon-screen .ss-check .kzk-st-disc--error{background:color-mix(in srgb,var(--kzk-warn) 85%,#000)}
.bvk-t-stream-starting-soon-screen .ss-check .ss-ckActs{grid-area:a;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.bvk-t-stream-starting-soon-screen .ss-check .ss-ckActs>.kzk-btn{min-height:32px}
.bvk-t-stream-starting-soon-screen .ss-check .ss-ckDone>.kzk-st-note{color:var(--kzk-muted)}
@container kzk (max-width:600px){.bvk-t-stream-starting-soon-screen .ss-check .ss-ckActs>.kzk-btn{min-height:44px}}
/* OBS adımları */
.bvk-t-stream-starting-soon-screen .ss-steps{margin-top:12px}
.bvk-t-stream-starting-soon-screen .ss-steps>summary>span:first-of-type{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-stream-starting-soon-screen .ss-stepsN{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--kzk-card-3);color:var(--kzk-muted);font:600 11px/1.6 var(--kzk-font);white-space:nowrap;flex:none}
.bvk-t-stream-starting-soon-screen details.kzk-details.ss-steps>summary::after{margin-left:10px}
.bvk-t-stream-starting-soon-screen .ss-stepList{margin:0 0 10px;padding:0;list-style:none;counter-reset:ss;display:flex;flex-direction:column;gap:8px}
.bvk-t-stream-starting-soon-screen .ss-stepList>li{position:relative;padding-left:28px;font:400 12.5px/1.5 var(--kzk-font);color:var(--kzk-text-2);counter-increment:ss}
.bvk-t-stream-starting-soon-screen .ss-stepList>li::before{content:counter(ss);position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line);color:var(--kzk-lilac);font:700 11px/1 var(--kzk-font)}
.bvk-t-stream-starting-soon-screen .ss-copySteps{gap:6px}
@container kzkc (max-width:599px){.bvk-t-stream-starting-soon-screen .ss-stepsN{display:none}}

/* Fotoğraf */
.bvk-t-stream-starting-soon-screen .ss-drop{min-height:112px}
/* örnek fotoğraflar: 6 küçük resim tek sprite'tan (stream-starting-soon-screen.samples.webp, 6 × 320×180) */
.bvk-t-stream-starting-soon-screen .ss-samplesHead{margin:12px 0 6px}
.bvk-t-stream-starting-soon-screen .ss-samplesHead>.kzk-label{margin:0;font-size:12px;color:var(--kzk-muted)}
.bvk-t-stream-starting-soon-screen .ss-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (min-width:540px){.bvk-t-stream-starting-soon-screen .ss-samples{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-stream-starting-soon-screen .ss-smp{position:relative;display:block;min-height:44px;margin:0;padding:3px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);cursor:pointer;transition:border-color .16s,transform .16s var(--ss-ease)}
.bvk-t-stream-starting-soon-screen .ss-smp>i{display:block;width:100%;aspect-ratio:16/9;border-radius:calc(var(--kzk-r-md) - 3px);background:#120f1b url(/tools/app/stream-starting-soon-screen.samples.webp) no-repeat;background-size:600% 100%;background-position:calc(var(--i) * 20%) 0}
.bvk-t-stream-starting-soon-screen .ss-smp:hover{border-color:var(--kzk-line-hover)}
@media (prefers-reduced-motion:no-preference){.bvk-t-stream-starting-soon-screen .ss-smp:hover{transform:translateY(-1px)}}
.bvk-t-stream-starting-soon-screen .ss-smp[aria-pressed=true]{border-color:var(--kzk-gold-line);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}
.bvk-t-stream-starting-soon-screen .ss-smp[aria-busy=true]{opacity:.6;pointer-events:none}
#fit>button{white-space:nowrap}

/* Sayı kutularının odak halkası (kit eksiği: neredeyse görünmüyor) */
.bvk-t-stream-starting-soon-screen .kzk-num:focus-within{box-shadow:0 0 0 2px var(--kzk-gold);border-color:var(--kzk-gold-line)}

/* Açık tema: önizleme kuyuları koyu kalır (ekranlar koyu tasarımlar), kenarlar yumuşak */
html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-pvs .ss-pv{background:#2b2541}
html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-tiles .kzk-tile-thumb,html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-looks .kzk-tcard-thumb{background:#2b2541}
html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-pal>i{box-shadow:inset 0 0 0 1px rgba(20,16,40,.16)}
html[data-theme=light] .bvk-t-stream-starting-soon-screen .ss-mini{border-color:var(--kzk-line-2)}
/* Telefon: 7 ray sekmesi tek satıra sığar (kaydırma yok) */
@container kzk (max-width:599px){
  .bvk-t-stream-starting-soon-screen .kzk-rail{overflow-x:visible}
  .bvk-t-stream-starting-soon-screen .kzk-rail-btn{flex:1 1 auto;min-width:0;padding-left:2px;padding-right:2px}
  .bvk-t-stream-starting-soon-screen .kzk-rail-btn>span{font-size:11px}
  .bvk-t-stream-starting-soon-screen .kzk-rail-btn[aria-selected=true]::before{left:10px;right:10px}
}
.bvk-t-stream-starting-soon-screen #ss-cdOpts{margin-top:16px;padding-top:16px;border-top:1px solid var(--kzk-line)}
.bvk-t-stream-starting-soon-screen #ss-cdOpts>.kzk-sec[hidden]:first-child+.kzk-sec{margin-top:0;padding-top:0;border-top:0}
/* Dar dışa aktarma kartında (≥1380 sağ sütun) uzun biçim adları (OBS bağlantısı, OBS-Link) sığsın: 2 × 2 */
@container kzkc (max-width:420px){
  .bvk-t-stream-starting-soon-screen .kzk-seg--chips.ss-xfmt{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Telefon: sitenin sabit menü hapı önizleme başlığını örtmesin (şablona dokununca önizlemeye kayılır) */
html:not(.bv-embed) .bvk-t-stream-starting-soon-screen .kzk-card{scroll-margin-top:84px}
/* KİT EKSİĞİ (kzk 1.2.0): dar kapta segment/çip/küçük ikon düğmeleri 44 px dokunma hedefinin altında kalıyor */
@container kzk (max-width:600px){
  .bvk-t-stream-starting-soon-screen .kzk-seg--track>button,.bvk-t-stream-starting-soon-screen .kzk-seg--chips>button{min-height:44px}
  .bvk-t-stream-starting-soon-screen .kzk-icon-btn--sm{min-width:44px;min-height:44px}
  .bvk-t-stream-starting-soon-screen .kzk-hist button,.bvk-t-stream-starting-soon-screen .kzk-hist .kzk-icon-btn{min-width:44px;min-height:44px}
  .bvk-t-stream-starting-soon-screen .ss-xfmt>button,.bvk-t-stream-starting-soon-screen .ss-xseg>button,.bvk-t-stream-starting-soon-screen .ss-pcols>button,.bvk-t-stream-starting-soon-screen .ss-loops>button,.bvk-t-stream-starting-soon-screen .ss-socStyles>button,.bvk-t-stream-starting-soon-screen .ss-ltabs>button{min-height:44px}
  .bvk-t-stream-starting-soon-screen .ss-quick>.kzk-btn{min-height:44px}
  .bvk-t-stream-starting-soon-screen .ss-rnd,.bvk-t-stream-starting-soon-screen .ss-safeBtn{min-width:44px;min-height:44px}
  .bvk-t-stream-starting-soon-screen .ss-swOnly{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:flex-end}
  .bvk-t-stream-starting-soon-screen .ss-photoSetup{min-height:44px}
}
/* Arka plan/sosyal konum ızgaraları */
.bvk-t-stream-starting-soon-screen .kzk-seg.ss-glyphs.ss-backs>button{min-height:62px}