/* Twitch Offline Banner v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-twitch-offline-banner.
   Kural: vh/sticky/fixed yok (gömülü panel); altın yalnız birincil eylem + seçili + odak; token'lar kitten (--kzk-*). */

/* ───────── OBS görünümü (?view=1): yalnız tuval, pencereye sığar ───────── */
html.tb-view,html.tb-view body{background:transparent!important;color-scheme:normal!important;margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important}
html.tb-view.tb-view--browser,html.tb-view.tb-view--browser body{background:#000!important}
html.tb-view body>*:not(.tb-viewer):not(.tb-viewChip):not(.tb-viewEmpty){display:none!important}
html.tb-view .tb-viewer{position:absolute;inset:0;display:block;width:100%;height:100%}
html.tb-view .tb-viewChip{position:fixed;left:14px;bottom:14px;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:10px;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.tb-view .tb-viewEdit{color:#c4a1ff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.4)}
html.tb-view .tb-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.tb-view .tb-viewEmpty p{margin:0}
html.tb-view .tb-viewEmpty a{color:#c4a1ff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.4)}

.bvk-t-twitch-offline-banner{--tb-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1));--tb-ac:#fbbf24;--tb-tc:#ffffff;--tb-c1:#140a2e;--tb-c2:#4c1d95}
/* Kayan hedefler yüzen site menüsünün altında kalmasın (telefonda 'Dışa aktarma seçenekleri', ray çubuğu) */
.bvk-t-twitch-offline-banner :is(.tb-exp,.tb-opts,.tb-looksCard,.kzk-rail,.tb-prev){scroll-margin-top:88px}
html.bv-embed .bvk-t-twitch-offline-banner :is(.tb-exp,.tb-opts,.tb-looksCard,.kzk-rail,.tb-prev){scroll-margin-top:12px}

/* ───────── Ortak glif ───────── */
.bvk-t-twitch-offline-banner .tb-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-twitch-offline-banner .tb-g.tb-gw{width:32px}
.bvk-t-twitch-offline-banner .tb-g .tb-f{fill:currentColor;stroke:none}
.bvk-t-twitch-offline-banner .tb-g .tb-f2{fill:color-mix(in srgb,currentColor 26%,transparent)}
.bvk-t-twitch-offline-banner .tb-g.tb-gf{fill:currentColor;stroke:none}
.bvk-t-twitch-offline-banner .tb-g .tb-acc{stroke:var(--kzk-lilac);stroke-width:2.6}
.bvk-t-twitch-offline-banner .tb-mt{margin-top:12px}
.bvk-t-twitch-offline-banner .tb-sw{margin-top:10px}
.bvk-t-twitch-offline-banner .tb-sw+.kzk-field{margin-top:10px}
.bvk-t-twitch-offline-banner .tb-warn{color:var(--kzk-warn)}
.bvk-t-twitch-offline-banner .tb-subopts{margin-top:12px;padding-top:12px;border-top:1px dashed var(--kzk-line)}
.bvk-t-twitch-offline-banner .tb-subopts[hidden],.bvk-t-twitch-offline-banner [hidden]{display:none!important}

/* Glifli seçim ızgaraları: simge üstte, etiket altta */
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs.tb-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs.tb-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs.tb-g5>button{padding-left:1px;padding-right:1px}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs.tb-g5>button>span{overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;font-size:11px;letter-spacing:-.1px}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs>button{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs>button:not(.on) .tb-g{color:var(--kzk-muted)}
.bvk-t-twitch-offline-banner .kzk-seg.tb-glyphs>button:not(.on):hover .tb-g{color:var(--kzk-text-2)}
.bvk-t-twitch-offline-banner .tb-status>button{min-height:62px}

/* Başlık efekti örnekleri */
.bvk-t-twitch-offline-banner .tb-fxg{display:grid;place-items:center;width:38px;height:26px;border-radius:6px;background:#2a2238;font:800 16px/1 var(--kzk-font);font-style:normal;color:#fff;letter-spacing:-.2px}
.bvk-t-twitch-offline-banner .tb-fxg--shadow{text-shadow:0 2px 3px rgba(0,0,0,.9)}
.bvk-t-twitch-offline-banner .tb-fxg--outline{-webkit-text-stroke:3px var(--tb-ac);paint-order:stroke fill}
.bvk-t-twitch-offline-banner .tb-fxg--gradient{position:relative;color:transparent}
.bvk-t-twitch-offline-banner .tb-fxg--gradient::after{content:"Aa";position:absolute;inset:0;display:grid;place-items:center;background-image:linear-gradient(180deg,#fff 20%,var(--tb-ac) 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bvk-t-twitch-offline-banner .tb-fxg--extrude{text-shadow:1px 1px 0 color-mix(in srgb,var(--tb-ac) 70%,#000),2px 2px 0 color-mix(in srgb,var(--tb-ac) 55%,#000),3px 3px 0 color-mix(in srgb,var(--tb-ac) 40%,#000)}
.bvk-t-twitch-offline-banner .tb-fxg--neon{color:transparent;-webkit-text-stroke:1.3px color-mix(in srgb,var(--tb-ac) 22%,#fff);text-shadow:0 0 5px var(--tb-ac),0 0 10px var(--tb-ac)}
.bvk-t-twitch-offline-banner .tb-fx>button:not(.on) .tb-fxg{opacity:.82}

/* Çoklu seçim (platform simgeleri, günler, emoji) — aria-pressed */
.bvk-t-twitch-offline-banner .tb-multi{display:grid;gap:6px}
.bvk-t-twitch-offline-banner .tb-multi>button,.bvk-t-twitch-offline-banner .tb-emojis>button{display:flex;align-items:center;justify-content:center;min-width:0;margin:0;padding:0;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-muted);font:600 12px/1 var(--kzk-font);cursor:pointer;transition:border-color .16s,background-color .16s,color .16s}
.bvk-t-twitch-offline-banner .tb-multi>button:hover,.bvk-t-twitch-offline-banner .tb-emojis>button:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-twitch-offline-banner .tb-multi>button[aria-pressed=true],.bvk-t-twitch-offline-banner .tb-emojis>button[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-twitch-offline-banner .tb-multi>button:focus-visible,.bvk-t-twitch-offline-banner .tb-emojis>button:focus-visible,.bvk-t-twitch-offline-banner .tb-pal:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}
.bvk-t-twitch-offline-banner .tb-icons{grid-template-columns:repeat(7,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .tb-icons>button{min-height:40px}
.bvk-t-twitch-offline-banner .tb-icons .tb-g{width:19px;height:19px}
.bvk-t-twitch-offline-banner .tb-days{grid-template-columns:repeat(7,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .tb-days>button{min-height:38px;padding:0 2px;font-size:11px;letter-spacing:.2px;overflow:hidden;white-space:nowrap}
/* 21 emoji = 3 tam satır (7 sütun); geniş panelde düğmeler uzamasın */
.bvk-t-twitch-offline-banner .tb-emojis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:340px}
.bvk-t-twitch-offline-banner .tb-emojis>button{height:36px;font-size:19px;line-height:1}
.bvk-t-twitch-offline-banner .tb-emojis>button.tb-emNone .tb-g{width:18px;height:18px}
.bvk-t-twitch-offline-banner .kzk-row.tb-schedRow{grid-template-columns:repeat(auto-fit,minmax(min(152px,100%),1fr));gap:10px;margin-top:12px;align-items:end}
.bvk-t-twitch-offline-banner .tb-tzSw{min-height:44px;padding:4px 10px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field)}
.bvk-t-twitch-offline-banner .tb-tzSw .kzk-switch-text>span:first-child{font:500 13px/1.2 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-twitch-offline-banner .tb-tzSw .kzk-switch-sub{margin-top:1px;font:600 11.5px/1.2 var(--kzk-mono,ui-monospace,monospace);color:var(--kzk-muted)}
.bvk-t-twitch-offline-banner .tb-sched .kzk-hint{margin:10px 0 0}
/* KİT EKSİĞİ (kzk 1.2.0): input[type=time] biçimlenmiyor → kapsamda metin kutusuyla aynı görünüm */
.bvk-t-twitch-offline-banner input[type=time]{box-sizing:border-box;display:block;width:100%;min-width:0;height:44px;margin:0;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:500 14px/1 var(--kzk-font);font-variant-numeric:tabular-nums;color-scheme:dark;transition:border-color .16s,box-shadow .16s}
.bvk-t-twitch-offline-banner input[type=time]:hover:not(:focus){border-color:var(--kzk-line-hover)}
.bvk-t-twitch-offline-banner input[type=time]:focus{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac);outline:0}
.bvk-t-twitch-offline-banner input[type=time]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer;filter:invert(.85) sepia(.2) saturate(2) hue-rotate(220deg)}
html[data-theme=light] .bvk-t-twitch-offline-banner input[type=time]{color-scheme:light}
html[data-theme=light] .bvk-t-twitch-offline-banner input[type=time]::-webkit-calendar-picker-indicator{filter:none}

/* Kapalı bölümler soluk; birine dokunmak açar */
.bvk-t-twitch-offline-banner .tb-off{opacity:.45}
.bvk-t-twitch-offline-banner .tb-capsNote{margin:6px 0 0}
.bvk-t-twitch-offline-banner .tb-dim{opacity:.5;transition:opacity .2s var(--tb-ease)}
.bvk-t-twitch-offline-banner .tb-dim:hover,.bvk-t-twitch-offline-banner .tb-dim:focus-within{opacity:.78}

/* Yazı tipleri: başlığın ilk sözcüğü kendi yazı tipinde */
.bvk-t-twitch-offline-banner .kzk-seg.tb-fonts{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .tb-fonts>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:64px;padding:6px 10px;font-weight:400;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden}
.bvk-t-twitch-offline-banner .tb-fonts>button[hidden]{display:none}
.bvk-t-twitch-offline-banner .tb-fonts>button>.tb-fs{display:flex;align-items:center;height:30px;max-width:100%;overflow:hidden;white-space:nowrap;font-size:21px;color:var(--kzk-text)}
.bvk-t-twitch-offline-banner .tb-fonts>button>.tb-fn{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font:500 10.5px/1.2 var(--kzk-font);color:var(--kzk-muted);letter-spacing:.1px}
.bvk-t-twitch-offline-banner .tb-fonts>button.on>.tb-fs{color:var(--kzk-gold)}
.bvk-t-twitch-offline-banner .tb-fonts>button.on{font-weight:400}

/* Paletler */
.bvk-t-twitch-offline-banner .tb-pals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bvk-t-twitch-offline-banner .tb-pal{position:relative;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(--tb-ease)}
.bvk-t-twitch-offline-banner .tb-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-twitch-offline-banner .tb-pal:hover{transform:translateY(-1px)}}
.bvk-t-twitch-offline-banner .tb-pal>i{position:relative;display:block;height:24px;border-radius:5px;background:linear-gradient(120deg,var(--a),var(--b));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bvk-t-twitch-offline-banner .tb-pal>i::before{content:"Aa";position:absolute;left:7px;top:50%;transform:translateY(-50%);font:800 12px/1 var(--kzk-font);color:var(--d)}
.bvk-t-twitch-offline-banner .tb-pal>i::after{content:"";position:absolute;right:7px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}
.bvk-t-twitch-offline-banner .tb-pal>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}
.bvk-t-twitch-offline-banner .tb-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)}
/* 18 palet: rayda 3 sütun (6 satır), geniş panelde 6 sütun (3 satır) — yetim satır yok */
@container kzkc (min-width:540px){.bvk-t-twitch-offline-banner .tb-pals{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-twitch-offline-banner .tb-imgColorsWrap{margin-top:10px}
.bvk-t-twitch-offline-banner .tb-imgColors{width:100%;justify-content:center;gap:7px;border:1px dashed var(--kzk-line-2)}
.bvk-t-twitch-offline-banner .tb-imgColors:hover{border-color:var(--kzk-hl-line)}

/* Renk satırları */
.bvk-t-twitch-offline-banner .kzk-row.tb-crow{grid-template-columns:repeat(auto-fit,minmax(min(116px,100%),1fr));gap:10px}
.bvk-t-twitch-offline-banner .kzk-sec-head>.tb-swap{margin-left:auto}
.bvk-t-twitch-offline-banner .kzk-sec-head>.tb-ncol{flex:0 0 auto;margin-left:6px}
.bvk-t-twitch-offline-banner .tb-ncol>button{min-height:28px;min-width:32px;padding:2px 8px;font-size:12px}
.bvk-t-twitch-offline-banner .tb-ncol[hidden]{display:none}

/* Arka plan türü, ton ve degrade yönü örnekleri */
.bvk-t-twitch-offline-banner .tb-swc,.bvk-t-twitch-offline-banner .tb-gd{display:block;width:30px;height:20px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.bvk-t-twitch-offline-banner .tb-swc--grad{background:linear-gradient(135deg,var(--a,#12082a),var(--b,#7c3aed))}
.bvk-t-twitch-offline-banner .tb-swc--solid{background:var(--a,#3b1d74)}
.bvk-t-twitch-offline-banner .tb-swc--photo{background:linear-gradient(180deg,#7fb0ff 0 45%,#3d7a4f 45% 70%,#2b4a2a 70%)}
.bvk-t-twitch-offline-banner .tb-swc--tint{background:linear-gradient(180deg,color-mix(in srgb,var(--tb-ac) 85%,#fff) 0 45%,color-mix(in srgb,var(--tb-ac) 70%,#000) 45% 70%,color-mix(in srgb,var(--tb-ac) 40%,#000) 70%)}
.bvk-t-twitch-offline-banner .tb-swc--duo{background:linear-gradient(180deg,var(--tb-ac) 0 45%,color-mix(in srgb,var(--tb-ac) 45%,var(--tb-c1)) 45% 70%,var(--tb-c1) 70%)}
.bvk-t-twitch-offline-banner .tb-swc--mono{background:linear-gradient(180deg,#d4d4d4 0 45%,#7a7a7a 45% 70%,#3a3a3a 70%)}
.bvk-t-twitch-offline-banner .tb-gd{background:linear-gradient(135deg,var(--a,#a855f7),var(--b,#fbbf24))}
.bvk-t-twitch-offline-banner .tb-gd--horizontal{background:linear-gradient(90deg,var(--a,#a855f7),var(--b,#fbbf24))}
.bvk-t-twitch-offline-banner .tb-gd--vertical{background:linear-gradient(180deg,var(--a,#a855f7),var(--b,#fbbf24))}
.bvk-t-twitch-offline-banner .tb-gd--radial{background:radial-gradient(circle at 50% 45%,var(--a,#a855f7),var(--b,#fbbf24) 80%)}
.bvk-t-twitch-offline-banner .tb-gd--mesh{background:radial-gradient(circle at 15% 15%,var(--b,#fbbf24) 0 30%,transparent 60%),radial-gradient(circle at 85% 90%,#22d3ee 0 25%,transparent 60%),var(--a,#a855f7)}
.bvk-t-twitch-offline-banner .tb-gd--spot{background:radial-gradient(ellipse at 50% -10%,var(--b,#fbbf24) 0 30%,transparent 75%),var(--a,#160c2a)}
.bvk-t-twitch-offline-banner .tb-fade{display:block;width:32px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);margin:9px 0}
.bvk-t-twitch-offline-banner .kzk-seg>button:not(.on)>:is(.tb-swc,.tb-gd){opacity:.82}
.bvk-t-twitch-offline-banner .tb-neonG{filter:drop-shadow(0 0 3px currentColor)}

/* Galeriler: sahneler 16:9 kart (2 sütun), desen/parçacık küçük döşeme */
.bvk-t-twitch-offline-banner .tb-tiles.kzk-cards{--kzk-ar:16/9;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-twitch-offline-banner .tb-tiles .kzk-tcard-thumb{background:#120f1b}
.bvk-t-twitch-offline-banner .tb-tiles--sm{--kzk-tile-min:72px;--kzk-thumb-h:46px}
.bvk-t-twitch-offline-banner .tb-tiles--sm .kzk-tile-thumb{background:#120f1b}
/* 12 parçacık: dar panelde 3, geniş panelde 6 sütun (yetim satır yok) */
.bvk-t-twitch-offline-banner #tb-partsG.kzk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
@container kzkc (min-width:540px){.bvk-t-twitch-offline-banner #tb-partsG.kzk-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-twitch-offline-banner .kzk-tile-label,.bvk-t-twitch-offline-banner .kzk-tcard-title{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@container kzkc (min-width:540px){.bvk-t-twitch-offline-banner .tb-tiles.kzk-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Seçim döşemelerinde gerçek önizleme (yerleşim, rozet stili) */
.bvk-t-twitch-offline-banner .kzk-seg.tb-pvs{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .tb-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-twitch-offline-banner .tb-pvs>button>span{display:block;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-twitch-offline-banner .tb-pvs .tb-pv{display:block;width:100%;aspect-ratio:16/9;height:auto;border-radius:6px;background:#120f1b}
.bvk-t-twitch-offline-banner .tb-pvs>button:not(.on) .tb-pv{opacity:.9}
.bvk-t-twitch-offline-banner .kzk-seg.tb-bstyles{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-twitch-offline-banner .tb-bstyles .tb-pv{aspect-ratio:auto;height:34px}
@container kzkc (min-width:540px){.bvk-t-twitch-offline-banner .kzk-seg.tb-layouts{grid-template-columns:repeat(3,minmax(0,1fr))}.bvk-t-twitch-offline-banner .kzk-seg.tb-bstyles{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Rozet rengi örnekleri */
.bvk-t-twitch-offline-banner .tb-bsw{display:block;width:30px;height:16px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.bvk-t-twitch-offline-banner .tb-bsw--accent{background:var(--tb-ac)}
.bvk-t-twitch-offline-banner .tb-bsw--red{background:#ef4444}
.bvk-t-twitch-offline-banner .tb-bsw--title{background:var(--tb-tc)}
.bvk-t-twitch-offline-banner .kzk-seg>button:not(.on)>.tb-bsw{opacity:.85}

/* Hizalama: dar panelde yalnız simge */
.bvk-t-twitch-offline-banner .tb-align>button{gap:6px;min-height:34px;font-size:12px}
.bvk-t-twitch-offline-banner .tb-align .tb-g{width:18px;height:18px}
.bvk-t-twitch-offline-banner .tb-align>button:disabled{opacity:.35;cursor:not-allowed}
.bvk-t-twitch-offline-banner .tb-alignNote{margin:8px 0 0}
.bvk-t-twitch-offline-banner .tb-subFont>button{min-height:32px;font-size:12px}

/* Avatar */
.bvk-t-twitch-offline-banner .tb-drop{min-height:112px}
.bvk-t-twitch-offline-banner .tb-avaSrc .tb-ravenImg{display:block;width:22px;height:22px;border-radius:6px;flex:none}
.bvk-t-twitch-offline-banner .tb-avaSrc>button:not(.on) .tb-ravenImg{opacity:.78;filter:saturate(.7)}
.bvk-t-twitch-offline-banner .tb-avaSrc+.tb-subopts{margin-top:12px}

/* Ray: 'Background', 'Hintergrund', 'Arrière-plan' sığsın (kit 64 px + üç nokta). Kalan taşmayı JS küçültür. */
.bvk-t-twitch-offline-banner .kzk-railwrap{grid-template-columns:74px minmax(0,1fr)}
@container kzk (max-width:599px){.bvk-t-twitch-offline-banner .kzk-railwrap{grid-template-columns:minmax(0,1fr)}}

/* ───────── Önizleme ───────── */
.bvk-t-twitch-offline-banner .tb-prev .kzk-stage{--kzk-stage-pad:12px;background:#0d0b14}
.bvk-t-twitch-offline-banner .tb-prev .kzk-stage-in>canvas{border-radius:4px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
.bvk-t-twitch-offline-banner .tb-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.bvk-t-twitch-offline-banner .tb-rnd{gap:6px}
.bvk-t-twitch-offline-banner #tb-prevTag{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-offline-banner #tb-prevTag.tb-trying{color:var(--kzk-text)}
.bvk-t-twitch-offline-banner #tb-prevTag.tb-trying::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--kzk-lilac);vertical-align:1px}
@container kzkc (max-width:520px){
  .bvk-t-twitch-offline-banner .tb-rnd>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-twitch-offline-banner .tb-rnd{padding:0 8px}
  .bvk-t-twitch-offline-banner #tb-prevTag{display:none}
}
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock{gap:6px}
.bvk-t-twitch-offline-banner .tb-dockGroup{display:inline-flex;flex-wrap:wrap;gap:6px;min-width:0;flex:0 1 auto}
.bvk-t-twitch-offline-banner .tb-dockGroup>.tb-dockBtn{flex:0 1 auto}
.bvk-t-twitch-offline-banner .tb-dockBtn{gap:7px;min-height:36px;padding:0 10px;border:1px solid var(--kzk-line-2);font-size:12.5px;white-space:nowrap}
.bvk-t-twitch-offline-banner .tb-dockBtn .tb-tgl{position:relative;display:block;width:26px;height:15px;border-radius:999px;background:var(--kzk-line-2);transition:background-color .16s;flex:none}
.bvk-t-twitch-offline-banner .tb-dockBtn .tb-tgl::after{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:var(--kzk-text-2);transition:transform .16s var(--tb-ease),background-color .16s}
.bvk-t-twitch-offline-banner .tb-dockBtn[aria-pressed=true]{color:var(--kzk-text);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg)}
.bvk-t-twitch-offline-banner .tb-dockBtn[aria-pressed=true] .tb-tgl{background:var(--kzk-lilac)}
.bvk-t-twitch-offline-banner .tb-dockBtn[aria-pressed=true] .tb-tgl::after{transform:translateX(11px);background:#fff}
.bvk-t-twitch-offline-banner .tb-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val{font-size:0}
.bvk-t-twitch-offline-banner .tb-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val::after{content:var(--tb-fit,"Fit");font-size:12.5px}
/* Dok tek satır: sığmazsa (JS ölçer) önce 'Tekrar oynat' yalnız simge, yine sığmazsa yakınlaştırma gizlenir */
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock>.kzk-replay{margin-left:auto;order:1;width:auto;flex:0 0 auto}
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock>.kzk-zoom{order:2;margin-left:0}
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock>.kzk-replay[hidden]+.kzk-zoom,.bvk-t-twitch-offline-banner .tb-prev .kzk-dock>.kzk-replay[hidden]~.kzk-zoom{margin-left:auto}
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock.tb-compact>.kzk-replay{padding:0 10px;gap:0}
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock.tb-compact>.kzk-replay>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bvk-t-twitch-offline-banner .tb-prev .kzk-dock.tb-nozoom>.kzk-zoom{display:none}
@container kzkc (max-width:440px){
  .bvk-t-twitch-offline-banner .tb-prev .kzk-dock{justify-content:flex-start}
  .bvk-t-twitch-offline-banner .tb-prev .kzk-dock>.kzk-replay{width:auto;order:1;margin-left:auto}
  .bvk-t-twitch-offline-banner .tb-prev .kzk-prev-head>.kzk-size{display:none}
  .bvk-t-twitch-offline-banner .tb-dockBtn{padding:0 9px;gap:6px;font-size:12px}
  /* dar önizlemede anahtar düğmeleri yalnız basılı görünümle (topuz yok): iki anahtar + tekrar oynat tek satır */
  .bvk-t-twitch-offline-banner .tb-dockBtn .tb-tgl{display:none}
  .bvk-t-twitch-offline-banner .tb-prev .kzk-stage{--kzk-stage-pad:6px;min-height:0}
}
/* Taslak notu (önizlemenin üstünde) */
.bvk-t-twitch-offline-banner .tb-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-twitch-offline-banner .tb-draft>svg{color:var(--kzk-lilac);flex:none}
.bvk-t-twitch-offline-banner .tb-draft>span{flex:1 1 auto;min-width:0}
.bvk-t-twitch-offline-banner .tb-draft>.kzk-btn{flex:none}
/* Telefon eylem satırı + mini önizleme (yalnız tek sütunda) */
.bvk-t-twitch-offline-banner .tb-mact{display:flex;gap:8px;margin-top:10px}
.bvk-t-twitch-offline-banner .tb-mact>.kzk-btn{flex:1 1 0;justify-content:center;min-height:44px;min-width:0}
.bvk-t-twitch-offline-banner .tb-mact>.kzk-btn>span{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.bvk-t-twitch-offline-banner #tb-mDl .tb-mIcoLock{display:none}
.bvk-t-twitch-offline-banner #tb-mDl.tb-locked .tb-mIcoLock{display:block}
.bvk-t-twitch-offline-banner #tb-mDl.tb-locked .tb-mIcoDl{display:none}
.bvk-t-twitch-offline-banner .tb-mini{display:none}
@container kzk (max-width:859px){
  /* mini önizleme afişin oranında (boş yan bantlar yok); kartın zemini çerçeveler */
  .bvk-t-twitch-offline-banner .tb-mini{display:block;flex:0 0 auto;position:relative;width:clamp(242px,46%,320px);max-width:calc(100% - 24px);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:#0d0b14}
  .bvk-t-twitch-offline-banner .tb-mini>canvas{display:block;width:100%;height:100%}
}
@container kzk (min-width:860px){.bvk-t-twitch-offline-banner .tb-mact{display:none}}

/* ───────── Şablonlar ───────── */
.bvk-t-twitch-offline-banner .tb-looksCard{position:relative}
.bvk-t-twitch-offline-banner .kzk-sec-head>.tb-saveLook{margin-left:auto;gap:6px}
.bvk-t-twitch-offline-banner .tb-ltabsWrap{position:relative;margin:0 0 12px}
.bvk-t-twitch-offline-banner .tb-ltabs{margin:0 -2px;gap:6px}
.bvk-t-twitch-offline-banner .tb-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-twitch-offline-banner .kzk-seg--chips.tb-ltabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px}
.bvk-t-twitch-offline-banner .kzk-seg--chips.tb-ltabs::-webkit-scrollbar{display:none}
.bvk-t-twitch-offline-banner .kzk-seg--chips.tb-ltabs.tb-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-twitch-offline-banner .tb-ltabs>button{flex:0 0 auto;min-height:30px;padding:3px 12px;font-size:12.5px}
.bvk-t-twitch-offline-banner .tb-ltabs>button .tb-n{margin-left:5px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-twitch-offline-banner .tb-ltabs>button.on .tb-n{color:inherit;opacity:.8}
@container kzkc (min-width:900px){
  .bvk-t-twitch-offline-banner .kzk-seg--chips.tb-ltabs{flex-wrap:wrap;overflow:visible}
  .bvk-t-twitch-offline-banner .kzk-seg--chips.tb-ltabs.tb-ovf{padding-right:2px;-webkit-mask-image:none;mask-image:none}
  .bvk-t-twitch-offline-banner .tb-ltabsNext{display:none}
}
.bvk-t-twitch-offline-banner .tb-looks{--kzk-ar:16/9}
.bvk-t-twitch-offline-banner .kzk-cards.tb-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-twitch-offline-banner .tb-looks .kzk-tcard-thumb{background:#120f1c}
@container kzkc (min-width:452px){.bvk-t-twitch-offline-banner .kzk-cards.tb-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@container kzkc (min-width:860px){.bvk-t-twitch-offline-banner .kzk-cards.tb-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container kzkc (min-width:1100px){.bvk-t-twitch-offline-banner .kzk-cards.tb-looks{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bvk-t-twitch-offline-banner .tb-looks .kzk-tcard[data-tb-anim] .kzk-tcard-title::before,.bvk-t-twitch-offline-banner .tb-ldot{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--kzk-lilac);box-shadow:0 0 6px color-mix(in srgb,var(--kzk-lilac) 55%,transparent)}
.bvk-t-twitch-offline-banner .tb-legend{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0}
.bvk-t-twitch-offline-banner .tb-ldot{display:block;margin-top:.55em}
.bvk-t-twitch-offline-banner .tb-looksFoot{display:flex;align-items:center;gap:10px;margin-top:12px}
.bvk-t-twitch-offline-banner .tb-looksFoot>.kzk-hint{flex:1 1 auto;margin:0}
.bvk-t-twitch-offline-banner .tb-looksFoot>.kzk-btn{flex:none;gap:6px}
@container kzkc (max-width:420px){.bvk-t-twitch-offline-banner .tb-looksTag{display:none}}
.bvk-t-twitch-offline-banner .kzk-col-prev>.tb-looksCard,.bvk-t-twitch-offline-banner .kzk-col-more>.tb-looksCard{flex:0 0 auto}
.bvk-t-twitch-offline-banner .kzk-col-prev>.tb-prev{flex:0 0 auto}
.bvk-t-twitch-offline-banner .tb-peek{position:absolute;z-index:6;padding:6px 6px 8px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border:1px solid var(--kzk-hl-line);box-shadow:0 18px 50px rgba(0,0,0,.5);pointer-events:none}
.bvk-t-twitch-offline-banner .tb-peek>canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:var(--kzk-r-md);background:#120f1c}
.bvk-t-twitch-offline-banner .tb-peekName{display:block;margin:7px 4px 0;font:600 12.5px/1.2 var(--kzk-font);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-twitch-offline-banner .tb-peek:not([hidden]){animation:tb-peek .16s var(--tb-ease)}}
@keyframes tb-peek{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}

/* KİT EKSİĞİ (kzk 1.2.0): 'cards' varyantında 'Daha fazla' arkasındaki kartlar CSS ile gizlenmiyor → kapsamda gizle. */
.bvk-t-twitch-offline-banner .kzk-cards:not(.is-open)>[data-more]{display:none}
.bvk-t-twitch-offline-banner .kzk-cards>.kzk-more-btn{grid-column:1/-1}

/* ───────── Dışa aktarma kartı ───────── */
.bvk-t-twitch-offline-banner #tb-expCard{position:relative}
.bvk-t-twitch-offline-banner .tb-toasts{position:absolute;left:12px;right:12px;top:12px;z-index:5;pointer-events:none}
.bvk-t-twitch-offline-banner .tb-toasts>*{pointer-events:auto}
.bvk-t-twitch-offline-banner .tb-toasts .kzk-toasts{margin:0}
.bvk-t-twitch-offline-banner .tb-xfmt{margin:0 0 12px;gap:6px}
.bvk-t-twitch-offline-banner .tb-xfmt>button{min-height:34px;padding:4px 14px;font-weight:600}
.bvk-t-twitch-offline-banner .tb-exp .kzk-exp-actions.tb-xblocks{display:flex;flex-direction:column;gap:12px}
.bvk-t-twitch-offline-banner .tb-xblk{display:flex;flex-direction:column;gap:10px;min-width:0}
.bvk-t-twitch-offline-banner .tb-xblk:not(.is-cur){display:none}
.bvk-t-twitch-offline-banner .tb-xhead{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.bvk-t-twitch-offline-banner .tb-xtitle{font:700 13.5px/1.3 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-twitch-offline-banner .tb-xsub{flex-basis:100%;font:400 12px/1.4 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-twitch-offline-banner .tb-xhead .kzk-tag--chip{padding:2px 7px;font-size:11px}
.bvk-t-twitch-offline-banner .tb-xrow{display:flex;align-items:center;gap:10px;min-width:0}
.bvk-t-twitch-offline-banner .tb-xrow>.kzk-label{flex:0 0 auto;min-width:56px;margin:0;font-size:12px;color:var(--kzk-muted);white-space:nowrap}
.bvk-t-twitch-offline-banner .tb-xrow>:is(.kzk-seg,.kzk-select,select){flex:1 1 auto;min-width:0}
.bvk-t-twitch-offline-banner .tb-xrow select{height:34px;font-size:13px}
.bvk-t-twitch-offline-banner .tb-lbl>.tb-short{display:none}
.bvk-t-twitch-offline-banner .tb-xseg>button{min-height:30px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0}
.bvk-t-twitch-offline-banner .tb-xblk>.kzk-btn{width:100%;justify-content:center;padding-left:12px;padding-right:12px;height:auto;min-height:48px}
.bvk-t-twitch-offline-banner .tb-xblk>.kzk-btn .kzk-btn-txt{min-width:0;flex:0 1 auto}
.bvk-t-twitch-offline-banner .tb-xblk>.kzk-btn .kzk-btn-sub{white-space:normal;overflow-wrap:anywhere}
.bvk-t-twitch-offline-banner .tb-xblk>.kzk-btn .kzk-btn-txt>span:first-child{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
.bvk-t-twitch-offline-banner .tb-req{margin-top:12px}
.bvk-t-twitch-offline-banner .tb-req[hidden]+.tb-steps{margin-top:12px}
.bvk-t-twitch-offline-banner .tb-req p{margin:0;font-size:12px;line-height:1.45}
.bvk-t-twitch-offline-banner .tb-setStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bvk-t-twitch-offline-banner .tb-setStrip>canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:5px;background:#120f1c;box-shadow:inset 0 0 0 1px var(--kzk-line)}
.bvk-t-twitch-offline-banner .tb-exp .kzk-lock{margin-top:0}
.bvk-t-twitch-offline-banner .tb-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-twitch-offline-banner .tb-linkRow:focus-within{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac)}
.bvk-t-twitch-offline-banner .kzk-card .tb-linkRow>input.tb-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-twitch-offline-banner .tb-linkRow .kzk-icon-btn{width:30px;height:30px}
.bvk-t-twitch-offline-banner .tb-linkOut{display:flex;flex-direction:column;gap:8px}
.bvk-t-twitch-offline-banner .tb-linkOut .kzk-hint{margin:0;font-size:11.5px;line-height:1.45}
@container kzkc (min-width:640px){
  .bvk-t-twitch-offline-banner .tb-xfmt{display:none}
  .bvk-t-twitch-offline-banner .tb-exp .kzk-exp-actions.tb-xblocks{flex-direction:row;flex-wrap:wrap;gap:0;align-items:stretch}
  .bvk-t-twitch-offline-banner .tb-xblk,.bvk-t-twitch-offline-banner .tb-xblk:not(.is-cur){display:flex;flex:1 1 0;padding:12px 16px;border-radius:var(--kzk-r-card);border:1px solid transparent}
  .bvk-t-twitch-offline-banner .tb-xblk+.tb-xblk{box-shadow:-1px 0 0 0 var(--kzk-line)}
  .bvk-t-twitch-offline-banner .tb-xblk.is-cur{background:color-mix(in srgb,var(--kzk-hl-bg) 45%,transparent);border-color:var(--kzk-hl-line);box-shadow:none}
  .bvk-t-twitch-offline-banner .tb-xblk.is-cur+.tb-xblk{box-shadow:none}
  .bvk-t-twitch-offline-banner .tb-xblk>.kzk-btn{margin-top:auto}
  .bvk-t-twitch-offline-banner .tb-xrow{flex-direction:column;align-items:stretch;gap:5px}
  .bvk-t-twitch-offline-banner .tb-xrow>.kzk-label{flex:none}
  .bvk-t-twitch-offline-banner .tb-exp .tb-xblocks>.kzk-lock{flex-basis:100%;margin-top:8px}
  /* üç sütunda kısa etiket: 'ZIP indir' + '4 görsel · 1080p' (dört satıra kırılmasın) */
  .bvk-t-twitch-offline-banner .tb-lbl>.tb-long{display:none}
  .bvk-t-twitch-offline-banner .tb-lbl>.tb-short{display:inline}
  .bvk-t-twitch-offline-banner .tb-xblk>.kzk-btn .kzk-btn-sub{white-space:nowrap}
  .bvk-t-twitch-offline-banner .tb-xblk>#tb-link .kzk-btn-sub{white-space:normal}
}
/* Kullanım adımları */
.bvk-t-twitch-offline-banner .tb-steps{margin-top:12px}
.bvk-t-twitch-offline-banner .tb-steps>summary>span:first-of-type{font-weight:600}
.bvk-t-twitch-offline-banner .tb-how{margin:0 0 12px}
.bvk-t-twitch-offline-banner .tb-stepList{margin:0 0 10px;padding:0;list-style:none;counter-reset:tb;display:flex;flex-direction:column;gap:8px}
.bvk-t-twitch-offline-banner .tb-stepList>li{position:relative;padding-left:28px;font:400 12.5px/1.5 var(--kzk-font);color:var(--kzk-text-2);counter-increment:tb}
.bvk-t-twitch-offline-banner .tb-stepList>li::before{content:counter(tb);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-twitch-offline-banner .tb-copySteps{gap:6px}

/* ───────── Düzen ─────────
   <860 (telefon, gömülü 770): tek sütun; şablonlar önizlemenin altında (JS taşır); seçenek panelleri sabit yükseklikte
   içeride kayar (sekme değişince iframe boyu zıplamasın). 860–1379: seçenekler | önizleme, seçenekler | dışa aktarma,
   altta tam genişlik şablonlar. ≥1380: seçenekler | önizleme | dışa aktarma, şablonlar önizleme+dışa aktarma altında.
   ≥860'ta seçenek kartı ızgara yüksekliğini belirlemez (contain:size), paneller içeride kayar. */
@container kzk (max-width:859px){
  .bvk-t-twitch-offline-banner .tb-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
  .bvk-t-twitch-offline-banner .tb-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-twitch-offline-banner .tb-opts .kzk-panes.tb-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-twitch-offline-banner .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(360px,392px) minmax(0,1fr);grid-template-areas:"opts prev" "opts exp" "more more";grid-template-rows:auto 1fr auto}
  .bvk-t-twitch-offline-banner .kzk-col-opts{contain:size;min-height:680px}
  .bvk-t-twitch-offline-banner .kzk-col-opts>.tb-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-twitch-offline-banner .tb-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-twitch-offline-banner .tb-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-twitch-offline-banner .tb-opts .kzk-panes.tb-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
  .bvk-t-twitch-offline-banner .kzk-col-more{align-self:start}
  .bvk-t-twitch-offline-banner .kzk-col-exp{align-self:stretch}
  .bvk-t-twitch-offline-banner .kzk-col-exp>.tb-exp{flex:1 1 auto}
}
@container kzk (min-width:1380px){
  .bvk-t-twitch-offline-banner .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(372px,404px) minmax(0,1fr) minmax(262px,292px);grid-template-areas:"opts prev exp" "opts more more";grid-template-rows:auto 1fr}
  .bvk-t-twitch-offline-banner .tb-exp{height:100%;display:flex;flex-direction:column}
  .bvk-t-twitch-offline-banner .tb-exp>.tb-steps{margin-top:12px}
  /* dar sağ sütunda 'Nasıl kullanılır' açılınca kart adımlara döner (biçim, düğmeler ve bilgi kutusu kapanınca geri gelir):
     sütun uzamaz, önizleme ile şablonlar arasında boşluk kalmaz. Sığmazsa gövde JS ile kendi içinde kayar. */
  .bvk-t-twitch-offline-banner .tb-exp:has(>.tb-steps[open])>:is(.tb-xfmt,.tb-xblocks,.tb-req){display:none}
  .bvk-t-twitch-offline-banner .tb-exp:has(>.tb-steps[open])>.tb-steps{margin-top:4px}
  /* açılınca sütun (ve ızgara satırı) uzamasın: adımlar kendi içinde kayar */
  .bvk-t-twitch-offline-banner .tb-exp>.tb-steps[open] .kzk-details-body{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
}

/* ───────── Açık tema ───────── */
html[data-theme=light] .bvk-t-twitch-offline-banner :is(.tb-pal>i,.tb-swc,.tb-gd){box-shadow:inset 0 0 0 1px rgba(20,16,40,.16)}
html[data-theme=light] .bvk-t-twitch-offline-banner .tb-tiles .kzk-tcard-thumb,html[data-theme=light] .bvk-t-twitch-offline-banner .tb-tiles--sm .kzk-tile-thumb,html[data-theme=light] .bvk-t-twitch-offline-banner .tb-looks .kzk-tcard-thumb{background:#2a2140}
html[data-theme=light] .bvk-t-twitch-offline-banner .tb-pvs .tb-pv,html[data-theme=light] .bvk-t-twitch-offline-banner .tb-setStrip>canvas{background:#2b2541}
@container kzkc (min-width:640px){html[data-theme=light] .bvk-t-twitch-offline-banner .tb-xblk.is-cur{background:color-mix(in srgb,var(--kzk-hl-bg) 70%,transparent)}}
html[data-theme=light] .bvk-t-twitch-offline-banner .tb-bsw{box-shadow:inset 0 0 0 1px rgba(20,16,40,.22)}

/* ───────── Tur 2: yeni kontroller ───────── */
/* KİT EKSİĞİ (kzk 1.2.0): input[type=date] biçimlenmiyor → saat kutusuyla aynı görünüm */
.bvk-t-twitch-offline-banner input[type=date]{box-sizing:border-box;display:block;width:100%;min-width:0;height:44px;margin:0;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:500 14px/1 var(--kzk-font);font-variant-numeric:tabular-nums;color-scheme:dark;transition:border-color .16s,box-shadow .16s}
.bvk-t-twitch-offline-banner input[type=date]:hover:not(:focus){border-color:var(--kzk-line-hover)}
.bvk-t-twitch-offline-banner input[type=date]:focus{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac);outline:0}
.bvk-t-twitch-offline-banner input[type=date]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer;filter:invert(.85) sepia(.2) saturate(2) hue-rotate(220deg)}
html[data-theme=light] .bvk-t-twitch-offline-banner input[type=date]{color-scheme:light}
html[data-theme=light] .bvk-t-twitch-offline-banner input[type=date]::-webkit-calendar-picker-indicator{filter:none}
.bvk-t-twitch-offline-banner .tb-backRow{padding:12px;border-radius:var(--kzk-r-md);background:color-mix(in srgb,var(--kzk-hl-bg) 55%,transparent);border:1px solid var(--kzk-hl-line)}
.bvk-t-twitch-offline-banner .tb-backRow .kzk-label small{font-weight:400;color:var(--kzk-muted)}
.bvk-t-twitch-offline-banner .tb-backIn{display:flex;align-items:center;gap:6px}
.bvk-t-twitch-offline-banner .tb-backIn>input{flex:1 1 auto}
.bvk-t-twitch-offline-banner .tb-backRow .kzk-hint{margin:8px 0 0}
/* Gün başına saat: gün adı | saat kutusu */
.bvk-t-twitch-offline-banner .tb-dayTimes{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:8px 10px;border-radius:var(--kzk-r-md);border:1px dashed var(--kzk-line-2)}
.bvk-t-twitch-offline-banner .tb-dtRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,46%);align-items:center;gap:10px;min-width:0}
.bvk-t-twitch-offline-banner .tb-dtRow>.kzk-label{margin:0;font-size:12.5px;color:var(--kzk-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-offline-banner .tb-dtRow>input[type=time]{height:38px;font-size:13.5px}
.bvk-t-twitch-offline-banner .tb-dtRow>input.tb-dtSame{color:var(--kzk-muted)}
.bvk-t-twitch-offline-banner .tb-dayTimes>.kzk-hint{grid-column:1/-1;margin:0}
/* Platform başına kullanıcı adı: simge | kutu */
.bvk-t-twitch-offline-banner .tb-handles{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.bvk-t-twitch-offline-banner .tb-hRow{display:flex;align-items:center;gap:8px;min-width:0}
.bvk-t-twitch-offline-banner .tb-hRow>.tb-hIco{width:30px;height:18px;flex:none;color:var(--kzk-lilac)}
.bvk-t-twitch-offline-banner .tb-hRow>input{flex:1 1 auto;min-width:0;height:38px;font-size:13.5px}
.bvk-t-twitch-offline-banner .tb-handlesHint{margin:8px 0 0}
/* Vurgu: örnek sırası tam genişlikte */
.bvk-t-twitch-offline-banner .tb-acField .kzk-swatches{margin-top:2px}