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

.bvk-t-twitch-banner-maker{--bn-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1))}

/* ───────── Ortak glif ───────── */
.bvk-t-twitch-banner-maker .bn-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-banner-maker .bn-g .bn-f{fill:currentColor;stroke:none}
.bvk-t-twitch-banner-maker .bn-g .bn-f2{fill:color-mix(in srgb,currentColor 26%,transparent)}
.bvk-t-twitch-banner-maker .bn-g.bn-gf{fill:currentColor;stroke:none}
.bvk-t-twitch-banner-maker .bn-mt{margin-top:12px}
.bvk-t-twitch-banner-maker .bn-aside{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-sw{margin-top:10px}
.bvk-t-twitch-banner-maker .bn-sub{margin-top:14px;padding-top:12px;border-top:1px dashed var(--kzk-line)}
.bvk-t-twitch-banner-maker .bn-sub[hidden],.bvk-t-twitch-banner-maker [hidden]{display:none!important}
.bvk-t-twitch-banner-maker .kzk-stage-in>canvas[hidden]{display:none!important}

/* Glifli seçim ızgaraları: simge üstte, etiket altta */
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs.bn-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs.bn-g6{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs>button{flex-direction:column;gap:6px;min-height:58px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs>button:not(.on) .bn-g{color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs>button:not(.on):hover .bn-g{color:var(--kzk-text-2)}
@container kzkc (min-width:540px){.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs.bn-g6{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Format kartları: oran glifi + platform + ölçü */
/* beş format: dar panelde 3 sütun (oran glifi üstte), geniş panelde 5 */
.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .bn-sizes>button{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;text-align:center;row-gap:3px;min-height:62px;padding:9px 4px 7px}
.bvk-t-twitch-banner-maker .bn-sizes>button>.bn-ar{margin-bottom:2px}
.bvk-t-twitch-banner-maker .bn-sizes>button>span{font-size:12.5px;line-height:1.2;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-sizes>button>small{font:500 11px/1.2 var(--kzk-font);color:var(--kzk-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
@container kzkc (max-width:330px){.bvk-t-twitch-banner-maker .bn-sizes>button>small{font-size:10px;letter-spacing:-.1px}}
.bvk-t-twitch-banner-maker .bn-sizes>button.on>small{color:inherit;opacity:.85}
.bvk-t-twitch-banner-maker .bn-ar{display:block;width:var(--w);height:var(--h);border:1.8px solid currentColor;border-radius:3px}
.bvk-t-twitch-banner-maker .bn-ar--yt{box-shadow:inset 0 0 0 1px transparent;background:linear-gradient(currentColor,currentColor) center/100% 1px no-repeat;background-image:linear-gradient(transparent 30%,color-mix(in srgb,currentColor 30%,transparent) 30% 70%,transparent 70%)}
.bvk-t-twitch-banner-maker .bn-sizes>button:not(.on)>.bn-ar{color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .bn-sizes>button.on>.bn-ar{background-color:color-mix(in srgb,currentColor 16%,transparent)}
/* dar panelde beş format 3 + 2 (ikinci satır iki geniş kart; boş hücre kalmasın), geniş panelde 5 */
.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes{grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes>button{grid-column:span 2}
.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes>button:nth-child(n+4){grid-column:span 3}
@container kzkc (min-width:560px){.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes{grid-template-columns:repeat(5,minmax(0,1fr))}.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes>button,.bvk-t-twitch-banner-maker .kzk-seg.bn-sizes>button:nth-child(n+4){grid-column:auto}}

/* Küçük önizlemeli seçimler (yerleşim, başlık efekti): gerçek motor tuvalde */
.bvk-t-twitch-banner-maker .kzk-seg.bn-pvs{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .bn-pvs>button{flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:5px 5px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-twitch-banner-maker .bn-pvs>button>span{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-pv{display:block;width:100%;aspect-ratio:5/2;border-radius:6px;background:#120f1b}
/* başlık efekti: kullanıcının adıyla gerçek örnek; dar panelde 3, genişte 5 sütun */
.bvk-t-twitch-banner-maker .kzk-seg.bn-fxs{grid-template-columns:repeat(3,minmax(0,1fr))}
@container kzkc (min-width:540px){.bvk-t-twitch-banner-maker .kzk-seg.bn-fxs{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-twitch-banner-maker .bn-pvs>button:not(.on) .bn-pv{opacity:.88}

/* Sosyal simgeler (çoklu seçim, aria-pressed) */
.bvk-t-twitch-banner-maker .bn-socs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bvk-t-twitch-banner-maker .bn-socs>button{position:relative;display:grid;place-items:center;min-height:42px;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);cursor:pointer;transition:border-color .16s,background-color .16s,color .16s}
.bvk-t-twitch-banner-maker .bn-socs>button .bn-g{width:19px;height:19px}
.bvk-t-twitch-banner-maker .bn-socs>button:hover{color:var(--kzk-text);border-color:var(--kzk-line-hover)}
/* çoklu seçim: altın değil (altın = tek seçim/birincil); seçili simge vurgu zemini + çizgisi, 'Marka' renginde boyanır */
.bvk-t-twitch-banner-maker .bn-socs>button[aria-pressed=true]{color:var(--kzk-text);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);box-shadow:inset 0 0 0 .5px var(--kzk-hl-line)}
.bvk-t-twitch-banner-maker .bn-socs[data-style=brand]>button[aria-pressed=true][data-soc=twitch]{color:#a970ff}
.bvk-t-twitch-banner-maker .bn-socs[data-style=brand]>button[aria-pressed=true][data-soc=kick]{color:#53fc18}
.bvk-t-twitch-banner-maker .bn-socs[data-style=brand]>button[aria-pressed=true][data-soc=youtube]{color:#ff3355}
.bvk-t-twitch-banner-maker .bn-socs[data-style=brand]>button[aria-pressed=true][data-soc=discord]{color:#7c86ff}
.bvk-t-twitch-banner-maker .bn-socs[data-style=brand]>button[aria-pressed=true][data-soc=instagram]{color:#e1306c}
.bvk-t-twitch-banner-maker .bn-socs[data-style=accent]>button[aria-pressed=true]{color:var(--bn-ac,var(--kzk-lilac))}
html[data-theme=light] .bvk-t-twitch-banner-maker .bn-socs[data-style=brand]>button[aria-pressed=true][data-soc=kick]{color:#1f9d0a}
.bvk-t-twitch-banner-maker .bn-socs>button:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}
.bvk-t-twitch-banner-maker .bn-socStyle>button{min-height:32px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bvk-t-twitch-banner-maker .bn-socs[data-style=badge]>button[aria-pressed=true][data-soc=twitch]{color:#a970ff}
.bvk-t-twitch-banner-maker .bn-socs[data-style=badge]>button[aria-pressed=true][data-soc=kick]{color:#53fc18}
.bvk-t-twitch-banner-maker .bn-socs[data-style=badge]>button[aria-pressed=true][data-soc=youtube]{color:#ff3355}
.bvk-t-twitch-banner-maker .bn-socs[data-style=badge]>button[aria-pressed=true][data-soc=discord]{color:#7c86ff}
.bvk-t-twitch-banner-maker .bn-socs[data-style=badge]>button[aria-pressed=true][data-soc=instagram]{color:#e1306c}
html[data-theme=light] .bvk-t-twitch-banner-maker .bn-socs[data-style=badge]>button[aria-pressed=true][data-soc=kick]{color:#1f9d0a}

/* Hafta günleri (çoklu seçim; altın değil) */
.bvk-t-twitch-banner-maker .bn-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:10px}
.bvk-t-twitch-banner-maker .bn-days>button{min-height:36px;margin:0;padding:0 2px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-muted);font:600 11.5px/1 var(--kzk-font);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .16s,background-color .16s,color .16s}
.bvk-t-twitch-banner-maker .bn-days>button:hover{color:var(--kzk-text);border-color:var(--kzk-line-hover)}
.bvk-t-twitch-banner-maker .bn-days>button[aria-pressed=true]{color:var(--kzk-text);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);box-shadow:inset 0 -2px 0 var(--bn-ac,var(--kzk-lilac))}
.bvk-t-twitch-banner-maker .bn-days>button:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}

/* Üst satır önerileri */
.bvk-t-twitch-banner-maker .bn-picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:-2px}
.bvk-t-twitch-banner-maker .bn-picks:empty{display:none}
.bvk-t-twitch-banner-maker .bn-picks>button{min-height:30px;max-width:100%;margin:0;padding:4px 11px;border-radius:999px;border:1px dashed var(--kzk-line-2);background:transparent;color:var(--kzk-text-2);font:500 12px/1.2 var(--kzk-font);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .16s,color .16s,background-color .16s}
.bvk-t-twitch-banner-maker .bn-picks>button:hover{border-style:solid;border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-text)}
.bvk-t-twitch-banner-maker .bn-picks>button:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}

/* Boş isteğe bağlı satır: görünüm düğmesi 'seçili' altınıyla parlamaz (bir şey görünmüyor) */
.bvk-t-twitch-banner-maker .kzk-seg[data-off]{opacity:.62}
.bvk-t-twitch-banner-maker .kzk-seg[data-off]>button.on{border-color:var(--kzk-line-2);color:var(--kzk-text-2);background:var(--kzk-field);box-shadow:none}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs[data-off]>button.on .bn-g{color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .bn-offHint{margin:8px 0 0;font-size:11.5px}
.bvk-t-twitch-banner-maker .kzk-seg.bn-glyphs.bn-g4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Monogram düğmesi */
.bvk-t-twitch-banner-maker .bn-logoBtns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:8px;margin-top:8px}
.bvk-t-twitch-banner-maker .bn-logoBtns>.kzk-btn{width:100%;margin:0;min-width:0}
.bvk-t-twitch-banner-maker .bn-logoBtns>.kzk-btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-monoG{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--kzk-purple,#7c3aed),var(--bn-ac,#fbbf24));color:#fff;font:800 9.5px/1 var(--kzk-font);font-style:normal;letter-spacing:-.2px}
.bvk-t-twitch-banner-maker .bn-monoBtn[aria-pressed=true]{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-text)}

/* Yazı tipleri: örnek, adın kendisiyle */
.bvk-t-twitch-banner-maker .kzk-seg.bn-fonts{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-twitch-banner-maker .bn-fonts>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:58px;padding:7px 10px;font-weight:400;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden}
.bvk-t-twitch-banner-maker .bn-fonts>button>.bn-fs{display:block;height:24px;line-height:24px;font-size:19px;overflow:hidden;white-space:nowrap;max-width:100%;color:var(--kzk-text)}
.bvk-t-twitch-banner-maker .bn-fonts>button>.bn-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-banner-maker .bn-fonts>button.on>.bn-fs{color:var(--kzk-gold)}
@container kzkc (min-width:520px){.bvk-t-twitch-banner-maker .kzk-seg.bn-fonts{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Slogan stili, arka plan türü, kart: küçük örnekler */
.bvk-t-twitch-banner-maker .bn-tsg{position:relative;display:block;width:34px;height:18px}
.bvk-t-twitch-banner-maker .bn-tsg::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:4px;border-radius:2px;background:currentColor;opacity:.85}
/* glif vurguları currentColor: seçiliyken altın (kit .on), değilken soluk — seçilmemiş düğme seçili gibi parlamasın */
.bvk-t-twitch-banner-maker .bn-tsg--lines::after{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:linear-gradient(90deg,currentColor 0 5px,transparent 5px calc(100% - 5px),currentColor calc(100% - 5px))}
.bvk-t-twitch-banner-maker .bn-tsg--pill{border-radius:9px;border:1.6px solid currentColor}
.bvk-t-twitch-banner-maker .bn-tsg--pill::before{top:5.4px}
.bvk-t-twitch-banner-maker .kzk-seg>button:not(.on)>.bn-tsg{color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .bn-tsg--spaced::before{left:2px;right:2px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 6px)}
/* üst satır ve oyun çipi görünümleri: küçük çizim */
.bvk-t-twitch-banner-maker :is(.bn-ksg,.bn-csg){position:relative;display:block;width:36px;height:20px}
.bvk-t-twitch-banner-maker .bn-ksg::before{content:"";position:absolute;left:3px;right:3px;top:3px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 4px)}
.bvk-t-twitch-banner-maker .bn-ksg::after{content:"";position:absolute;left:3px;right:3px;top:10px;height:7px;border-radius:2px;background:currentColor;opacity:.32}
.bvk-t-twitch-banner-maker .bn-ksg--pill::before{left:7px;right:7px;top:0;height:8px;border-radius:5px;background:currentColor}
.bvk-t-twitch-banner-maker .bn-ksg--line::before{left:3px;right:3px;top:3px;height:2px;background:linear-gradient(90deg,currentColor 0 9px,transparent 9px 12px,currentColor 12px 13px,transparent 13px 14px,currentColor 14px 33px)}
.bvk-t-twitch-banner-maker .bn-csg::before{content:"";position:absolute;left:1px;top:5px;width:15px;height:10px;border-radius:6px;border:1.6px solid currentColor}
.bvk-t-twitch-banner-maker .bn-csg::after{content:"";position:absolute;left:19px;top:5px;width:15px;height:10px;border-radius:6px;border:1.6px solid currentColor}
.bvk-t-twitch-banner-maker .bn-csg--solid::before,.bvk-t-twitch-banner-maker .bn-csg--solid::after{background:currentColor}
.bvk-t-twitch-banner-maker .bn-csg--inline::before{left:2px;top:9px;width:13px;height:3px;border:0;border-radius:2px;background:currentColor}
.bvk-t-twitch-banner-maker .bn-csg--inline::after{left:21px;top:9px;width:13px;height:3px;border:0;border-radius:2px;background:currentColor}
.bvk-t-twitch-banner-maker .bn-csg--inline{background:radial-gradient(circle at 18px 10.5px,var(--bn-ac,currentColor) 0 1.8px,transparent 2.2px)}
.bvk-t-twitch-banner-maker .kzk-seg>button:not(.on)>:is(.bn-ksg,.bn-csg){color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .bn-bgg,.bvk-t-twitch-banner-maker .bn-cdg{display:block;width:32px;height:20px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.bvk-t-twitch-banner-maker .bn-bgg--linear{background:linear-gradient(115deg,#12082a,#7c3aed)}
.bvk-t-twitch-banner-maker .bn-bgg--radial{background:radial-gradient(circle at 60% 40%,#7c3aed,#12082a 75%)}
.bvk-t-twitch-banner-maker .bn-bgg--mesh{background:radial-gradient(circle at 85% 10%,#a855f7 0,transparent 55%),radial-gradient(circle at 10% 100%,#f472b6 0,transparent 45%),#1a0f33}
.bvk-t-twitch-banner-maker .bn-bgg--split{background:linear-gradient(110deg,#12082a 0 55%,#e9d5ff 55% 58%,#6d28d9 58%)}
.bvk-t-twitch-banner-maker .bn-bgg--solid{background:#2a1b4d}
.bvk-t-twitch-banner-maker .kzk-seg>button:not(.on)>:is(.bn-bgg,.bn-cdg){opacity:.82}
.bvk-t-twitch-banner-maker .bn-cdg{position:relative;background:linear-gradient(115deg,#2a1450,#7c3aed)}
.bvk-t-twitch-banner-maker .bn-cdg::after{content:"";position:absolute;left:6px;right:6px;top:5px;bottom:5px;border-radius:3px}
.bvk-t-twitch-banner-maker .bn-cdg--glass::after{background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.bvk-t-twitch-banner-maker .bn-cdg--solid::after{background:#0e0a18;box-shadow:inset 0 0 0 1px #c4b5fd}
.bvk-t-twitch-banner-maker .bn-cdg--none::after{left:9px;right:9px;top:8px;bottom:8px;background:rgba(255,255,255,.75)}
.bvk-t-twitch-banner-maker .bn-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(127,127,140,.45);vertical-align:-1px}
.bvk-t-twitch-banner-maker .bn-dot--ac{background:var(--bn-ac,#fbbf24)}
.bvk-t-twitch-banner-maker .bn-patColor>button{gap:0;min-height:30px;padding:2px 6px;font-size:12px;white-space:nowrap}
.bvk-t-twitch-banner-maker .kzk-inline>.bn-patColor{flex:1 1 auto;min-width:0}

/* Paletler */
.bvk-t-twitch-banner-maker .bn-pals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (min-width:520px){.bvk-t-twitch-banner-maker .bn-pals{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-twitch-banner-maker .bn-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(--bn-ease)}
.bvk-t-twitch-banner-maker .bn-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-twitch-banner-maker .bn-pal:hover{transform:translateY(-1px)}}
.bvk-t-twitch-banner-maker .bn-pal>i{display:block;height:20px;border-radius:5px;background:linear-gradient(90deg,var(--a) 0 38%,var(--b) 38% 76%,var(--c) 76%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 6px 8px -6px rgba(255,255,255,.4)}
.bvk-t-twitch-banner-maker .bn-pal>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:0 1px}
.bvk-t-twitch-banner-maker .bn-pal[aria-pressed=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg,var(--kzk-card-3));color:var(--kzk-gold);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}
.bvk-t-twitch-banner-maker .bn-pal--logo{border-style:dashed}
.bvk-t-twitch-banner-maker .kzk-row.bn-crow{grid-template-columns:repeat(auto-fit,minmax(min(122px,100%),1fr));gap:10px}
.bvk-t-twitch-banner-maker .kzk-row.bn-crow2{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px}
@container kzkc (min-width:520px){.bvk-t-twitch-banner-maker .kzk-row.bn-crow{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bvk-t-twitch-banner-maker .kzk-sec-head>.bn-swap{margin-left:auto}

/* Desen / sahne / süs döşemeleri */
.bvk-t-twitch-banner-maker .bn-tiles{--kzk-tile-min:84px;--kzk-thumb-h:40px}
.bvk-t-twitch-banner-maker .bn-tiles .kzk-tile-thumb{background:#120f1b}
.bvk-t-twitch-banner-maker .kzk-tile-label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@container kzkc (min-width:540px){.bvk-t-twitch-banner-maker .bn-tiles{--kzk-tile-min:104px;--kzk-thumb-h:48px}}
.bvk-t-twitch-banner-maker #bn-patterns,.bvk-t-twitch-banner-maker #bn-scenes,.bvk-t-twitch-banner-maker #bn-decos{margin-top:2px}

/* Logo */
.bvk-t-twitch-banner-maker .bn-drop{min-height:104px}
.bvk-t-twitch-banner-maker .bn-raven{width:100%}
.bvk-t-twitch-banner-maker .bn-raven img{width:18px;height:18px;border-radius:5px;flex:none}
.bvk-t-twitch-banner-maker .bn-pos{margin-top:16px}

/* ───────── Önizleme ───────── */
.bvk-t-twitch-banner-maker .bn-prev .kzk-stage{min-height:0}
.bvk-t-twitch-banner-maker .bn-prev .kzk-stage-in{--kzk-stage-pad:16px}
.bvk-t-twitch-banner-maker .bn-prev .kzk-stage-in>canvas{border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bvk-t-twitch-banner-maker .bn-prev .kzk-stage-in>canvas.bn-mock{border-radius:10px}
.bvk-t-twitch-banner-maker .bn-prev:is([data-view=profile],[data-view=all],[data-view=real]) .kzk-zoom{display:none}
/* gerçek boyut: tuval 1:1 CSS pikselinde (kitin sığdırma sınırları kalkar) */
.bvk-t-twitch-banner-maker .bn-prev[data-view=real] .kzk-stage-in>canvas.bn-mock{max-width:none;max-height:none;border-radius:0;box-shadow:none}
/* tüm boyutlar: saydam sayfa, gölgesiz; telefonda tek sütun yüksekliği sınırlanmasın (kit 520 px'e sığdırıp küçültüyordu) */
.bvk-t-twitch-banner-maker .bn-prev[data-view=all] .kzk-stage-in>canvas.bn-mock{max-height:none;box-shadow:none;border-radius:0}
.bvk-t-twitch-banner-maker .bn-prev[data-view=real] .kzk-stage-in{place-items:start center}
.bvk-t-twitch-banner-maker .kzk-caption.bn-capWarn{color:var(--kzk-warn,#f59e0b)}
.bvk-t-twitch-banner-maker #bn-prevTag{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-banner-maker #bn-prevTag.bn-trying{color:var(--kzk-lilac)}
.bvk-t-twitch-banner-maker .bn-dock{gap:8px}
.bvk-t-twitch-banner-maker .kzk-seg.bn-view{flex:0 1 auto;width:auto;min-width:0}
@container kzkc (max-width:639px){.bvk-t-twitch-banner-maker .bn-dock>.kzk-zoom{display:none}.bvk-t-twitch-banner-maker .kzk-seg.bn-view{flex:1 1 100%}.bvk-t-twitch-banner-maker .bn-view>button{flex:1 1 0;justify-content:center}}
.bvk-t-twitch-banner-maker .bn-view>button{gap:6px;min-height:32px;min-width:0;padding:2px 10px;font-size:12px;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-view>button .kzk-i{width:15px;height:15px;flex:none}
/* beş görünüm + yakınlaştırma tek satıra sığsın (DE 'Sicherer Bereich' ile yakınlaştırma alt satıra düşüyordu) */
@container kzkc (max-width:820px){.bvk-t-twitch-banner-maker .bn-view .kzk-i{display:none}.bvk-t-twitch-banner-maker .bn-view>button{padding-inline:8px}}
@container kzkc (max-width:520px){
  .bvk-t-twitch-banner-maker .bn-dock>.bn-view{flex:1 1 100%}
  /* uzun çeviriler iki satıra sarılır (DE 'Sicherer Bereich' 78 px'lik düğmede komşusuna biniyordu) */
  .bvk-t-twitch-banner-maker .bn-view>button{flex:1 1 0;justify-content:center;min-height:40px;padding:4px 3px;white-space:normal;line-height:1.1;text-align:center;font-size:11.5px;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;text-wrap:wrap}
  .bvk-t-twitch-banner-maker .bn-rnd>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-twitch-banner-maker .bn-rnd{padding:0 8px}
  .bvk-t-twitch-banner-maker #bn-prevTag{display:none}
}
@container kzkc (max-width:440px){
  .bvk-t-twitch-banner-maker .bn-prev .kzk-prev-head>.kzk-size{display:none}
  .bvk-t-twitch-banner-maker .bn-prev .kzk-stage-in{--kzk-stage-pad:8px}
  .bvk-t-twitch-banner-maker .bn-dock>.kzk-zoom{display:none}
}
/* Yakınlaştırma sığdır kipindeyken yüzde yerine 'Sığdır' (kit eksiği; metin JS'ten çevrili, --bn-fit) */
.bvk-t-twitch-banner-maker .bn-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val{font-size:0}
.bvk-t-twitch-banner-maker .bn-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val::after{content:var(--bn-fit,"Fit");font-size:12.5px}
/* Taslak notu + okunurluk uyarısı (satır içi) */
.bvk-t-twitch-banner-maker .bn-draft,.bvk-t-twitch-banner-maker .bn-warn{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;line-height:1.35}
.bvk-t-twitch-banner-maker .bn-warn{margin:10px 0 0;background:color-mix(in srgb,var(--kzk-warn,#f59e0b) 10%,transparent);border-color:color-mix(in srgb,var(--kzk-warn,#f59e0b) 35%,transparent)}
.bvk-t-twitch-banner-maker .bn-draft>svg{color:var(--kzk-lilac);flex:none}
.bvk-t-twitch-banner-maker .bn-warn>svg{color:var(--kzk-warn,#f59e0b);flex:none}
.bvk-t-twitch-banner-maker :is(.bn-draft,.bn-warn)>span{flex:1 1 auto;min-width:0}
.bvk-t-twitch-banner-maker :is(.bn-draft,.bn-warn)>.kzk-btn{flex:none}
/* Telefon: eylem satırı + seçenek kartında mini önizleme (yalnız tek sütunda) */
.bvk-t-twitch-banner-maker .bn-mact{display:flex;gap:8px;margin-top:10px}
.bvk-t-twitch-banner-maker .bn-mact>.kzk-btn{flex:1 1 0;justify-content:center;min-height:44px;min-width:0}
.bvk-t-twitch-banner-maker .bn-mact>.kzk-btn>span{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.bvk-t-twitch-banner-maker .bn-mini{display:none}
@container kzk (max-width:859px){
  /* banner'ın oranında (siyah kenar bantları yok): genişlik kartın genişliği, en çok 150 px yükseklik */
  .bvk-t-twitch-banner-maker .bn-mini{display:block;flex:0 0 auto;position:relative;aspect-ratio:var(--bn-mini-ar,5/2);max-height:150px;max-width:calc(100% - 24px);margin:12px auto 0;border-radius:var(--kzk-r-md);overflow:hidden;background:var(--kzk-card-2);box-shadow:0 0 0 1px var(--kzk-line)}
  .bvk-t-twitch-banner-maker .bn-mini>canvas{display:block;width:100%;height:100%}
}
@container kzk (min-width:860px){.bvk-t-twitch-banner-maker .bn-mact{display:none}}

/* ───────── Düzen (webcam ile aynı ızgara) ─────────
   <860 tek sütun: önizleme, şablonlar (JS taşır), seçenekler (sabit yükseklikte içeride kayar), dışa aktarma.
   860–1379: seçenekler | önizleme, seçenekler | dışa aktarma, altta tam genişlik şablonlar.
   ≥1380: seçenekler | önizleme | dışa aktarma, altta şablonlar. ≥860 seçenek kartı ızgara yüksekliğini belirlemez. */
.bvk-t-twitch-banner-maker .kzk-railwrap{grid-template-columns:72px minmax(0,1fr)}
.bvk-t-twitch-banner-maker .kzk-rail-btn>span.bn-wrap{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.1;text-align:center}
@container kzk (max-width:599px){.bvk-t-twitch-banner-maker .kzk-railwrap{grid-template-columns:minmax(0,1fr)}}
.bvk-t-twitch-banner-maker .kzk-col-more>.bn-looksCard,.bvk-t-twitch-banner-maker .kzk-col-prev>.bn-looksCard{flex:0 0 auto}
.bvk-t-twitch-banner-maker .kzk-col-prev>.bn-prev{flex:0 0 auto}
@container kzk (max-width:859px){
  .bvk-t-twitch-banner-maker .bn-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
  .bvk-t-twitch-banner-maker .bn-opts .kzk-panes{min-height:0!important;height:clamp(420px,62cqw + 200px,620px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-twitch-banner-maker .bn-opts .kzk-panes.bn-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-banner-maker .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-banner-maker .kzk-col-opts{contain:size;min-height:620px}
  .bvk-t-twitch-banner-maker .kzk-col-opts>.bn-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-twitch-banner-maker .bn-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-twitch-banner-maker .bn-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-twitch-banner-maker .bn-opts .kzk-panes.bn-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-banner-maker .kzk-col-more{align-self:start}
  .bvk-t-twitch-banner-maker .kzk-col-exp{align-self:stretch}
  .bvk-t-twitch-banner-maker .kzk-col-exp>.bn-exp{flex:1 1 auto}
}
@container kzk (min-width:1380px){
  .bvk-t-twitch-banner-maker .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(372px,404px) minmax(0,1fr) minmax(256px,284px);grid-template-areas:"opts prev exp" "opts more more";grid-template-rows:auto 1fr}
  .bvk-t-twitch-banner-maker .bn-exp{height:100%;display:flex;flex-direction:column}
  /* tur 2: önizleme kartı doğal yüksekliğinde (sahne banner'ı sıkı sarar; 650×433 kuyuda 616×246 banner %43 boştu).
     Dışa aktarma kartı ondan kısa tutulur (yalnız seçili platformun yükleme yolu; format seçici zaten Metin panelinde),
     satırı önizleme belirler, şablonlar ilk ekrana çıkar. Kart uzarsa (kullanıcı açarsa) önizleme kartı onu izler. */
  .bvk-t-twitch-banner-maker .kzk-col-prev{align-self:stretch}
  .bvk-t-twitch-banner-maker .kzk-col-prev>.bn-prev{flex:1 1 auto;display:flex;flex-direction:column}
  .bvk-t-twitch-banner-maker .bn-prev>.kzk-stage{flex:0 0 auto}
  .bvk-t-twitch-banner-maker .bn-prev>.kzk-caption{margin-top:auto}
  .bvk-t-twitch-banner-maker .bn-exp>.bn-where{margin-top:auto;padding-top:12px}
  .bvk-t-twitch-banner-maker .bn-exp .bn-whereHint,.bvk-t-twitch-banner-maker .bn-exp .bn-whereList>li:not(.is-cur){display:none}
}

/* ───────── Dışa aktarma ───────── */
.bvk-t-twitch-banner-maker #bn-expCard{position:relative}
.bvk-t-twitch-banner-maker .bn-xrow{display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 6px}
.bvk-t-twitch-banner-maker .bn-xrow>.kzk-label{flex:0 0 auto;margin:0;font-size:12px;color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .bn-xrow>.kzk-seg{flex:1 1 auto;min-width:0}
.bvk-t-twitch-banner-maker .bn-xseg>button{min-height:30px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0}
@container kzkc (min-width:400px){.bvk-t-twitch-banner-maker .bn-xrow>.kzk-seg{flex:0 0 220px}}
.bvk-t-twitch-banner-maker .bn-ftHint{margin:0 0 12px;font-size:11.5px;line-height:1.45}
.bvk-t-twitch-banner-maker .bn-xacts{display:flex;flex-direction:column;gap:10px}
.bvk-t-twitch-banner-maker .bn-xacts>#dl{width:100%;justify-content:center;height:auto;min-height:50px;padding-left:12px;padding-right:12px}
.bvk-t-twitch-banner-maker .bn-xacts>#dl .kzk-btn-txt{min-width:0;flex:0 1 auto}
.bvk-t-twitch-banner-maker .bn-zipBtn{align-self:center;gap:6px;color:var(--kzk-muted)}
.bvk-t-twitch-banner-maker .bn-zipBtn:hover{color:var(--kzk-text)}
.bvk-t-twitch-banner-maker .bn-exp .kzk-lock{margin-top:0;justify-content:flex-start;align-items:flex-start;text-align:left}
.bvk-t-twitch-banner-maker .bn-exp .kzk-lock>svg{margin-top:2px;flex:none}
.bvk-t-twitch-banner-maker .bn-where{margin-top:14px}
.bvk-t-twitch-banner-maker .bn-where>summary>span{font-weight:600}
/* platform satırları = format seçici (düğme); seçili satır yükleme yolunu gösterir */
.bvk-t-twitch-banner-maker .bn-whereHint{margin:0 0 8px;font-size:11.5px}
.bvk-t-twitch-banner-maker .bn-whereList{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.bvk-t-twitch-banner-maker .bn-whereList>li{display:block;min-width:0}
.bvk-t-twitch-banner-maker .bn-whereList>li>button{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;margin:0;padding:7px 10px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);font:400 12px/1.45 var(--kzk-font);color:var(--kzk-text-2);text-align:left;cursor:pointer;transition:border-color .16s,background-color .16s}
.bvk-t-twitch-banner-maker .bn-whereList>li>button:hover{border-color:var(--kzk-line-hover,var(--kzk-line-2));color:var(--kzk-text)}
.bvk-t-twitch-banner-maker .bn-whereList>li>button:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}
.bvk-t-twitch-banner-maker .bn-wh{display:flex;align-items:baseline;gap:8px;min-width:0}
.bvk-t-twitch-banner-maker .bn-wh>b{flex:1 1 auto;min-width:0;font:600 12.5px/1.3 var(--kzk-font);color:var(--kzk-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-wh>small{flex:none;font:500 11px/1.3 var(--kzk-mono,ui-monospace,monospace);color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-twitch-banner-maker .bn-wp{display:block;color:var(--kzk-text-2)}
.bvk-t-twitch-banner-maker .bn-offNote{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--kzk-line);font-size:12px;line-height:1.45}
.bvk-t-twitch-banner-maker .bn-offNote>a{color:var(--kzk-lilac);font-weight:600;text-decoration:none;white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-offNote>a:hover{text-decoration:underline}
html.bv-embed .bvk-t-twitch-banner-maker .bn-offNote{display:none}
.bvk-t-twitch-banner-maker .bn-whS{display:none;font:600 12px/1.4 var(--kzk-font);font-style:normal;color:var(--kzk-text-2);white-space:nowrap}
.bvk-t-twitch-banner-maker .bn-whereList>li.is-cur>button{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);cursor:default}
.bvk-t-twitch-banner-maker .bn-whereList>li.is-cur .bn-wh>small{color:var(--kzk-lilac)}
@container kzkc (min-width:640px){
  .bvk-t-twitch-banner-maker .bn-exp .bn-xacts{flex-direction:row;flex-wrap:wrap;align-items:center}
  .bvk-t-twitch-banner-maker .bn-xacts>#dl{width:auto;flex:0 1 340px}
  .bvk-t-twitch-banner-maker .bn-xacts>.kzk-lock{flex-basis:100%}
  .bvk-t-twitch-banner-maker .bn-whereList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bvk-t-twitch-banner-maker .bn-whereList>li.is-cur{grid-column:1/-1}
}
.bvk-t-twitch-banner-maker .bn-toasts{position:absolute;left:12px;right:12px;top:12px;z-index:5;pointer-events:none}
.bvk-t-twitch-banner-maker .bn-toasts>*{pointer-events:auto}
.bvk-t-twitch-banner-maker .bn-toasts .kzk-toasts{margin:0}
.bvk-t-twitch-banner-maker .bn-toasts .kzk-toast{box-shadow:var(--kzk-shadow-pop,0 12px 40px rgba(0,0,0,.45))}

/* ───────── Şablonlar ───────── */
.bvk-t-twitch-banner-maker .bn-looksCard{position:relative}
.bvk-t-twitch-banner-maker .kzk-sec-head>.bn-saveLook{margin-left:auto;gap:6px}
.bvk-t-twitch-banner-maker .bn-ltabsWrap{position:relative;margin:0 0 12px}
.bvk-t-twitch-banner-maker .bn-ltabs{margin:0 -2px;gap:6px}
.bvk-t-twitch-banner-maker .bn-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-banner-maker .kzk-seg--chips.bn-ltabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px}
.bvk-t-twitch-banner-maker .kzk-seg--chips.bn-ltabs::-webkit-scrollbar{display:none}
.bvk-t-twitch-banner-maker .kzk-seg--chips.bn-ltabs.bn-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-banner-maker .bn-ltabs>button{flex:0 0 auto;min-height:30px;padding:3px 12px;font-size:12.5px}
.bvk-t-twitch-banner-maker .bn-ltabs>button .bn-n{margin-left:5px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-twitch-banner-maker .bn-ltabs>button.on .bn-n{color:inherit;opacity:.8}
@container kzkc (min-width:860px){
  .bvk-t-twitch-banner-maker .kzk-seg--chips.bn-ltabs{flex-wrap:wrap;overflow:visible}
  .bvk-t-twitch-banner-maker .kzk-seg--chips.bn-ltabs.bn-ovf{padding-right:2px;-webkit-mask-image:none;mask-image:none}
  .bvk-t-twitch-banner-maker .bn-ltabsNext{display:none!important}
}
.bvk-t-twitch-banner-maker .bn-looks{--kzk-ar:5/2}
.bvk-t-twitch-banner-maker .kzk-cards.bn-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-twitch-banner-maker .bn-looks .kzk-tcard-thumb{background:#120f1c}
@container kzkc (min-width:452px){.bvk-t-twitch-banner-maker .kzk-cards.bn-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@container kzkc (min-width:892px){.bvk-t-twitch-banner-maker .kzk-cards.bn-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container kzkc (min-width:1180px){.bvk-t-twitch-banner-maker .kzk-cards.bn-looks{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* KİT EKSİĞİ (kzk 1.2.0): 'cards' varyantında 'Daha fazla' arkasındaki kartlar gizlenmiyor (webcam ile aynı geçici çözüm) */
.bvk-t-twitch-banner-maker .kzk-cards:not(.is-open)>[data-more]{display:none}
.bvk-t-twitch-banner-maker .kzk-cards>.kzk-more-btn{grid-column:1/-1}
.bvk-t-twitch-banner-maker .bn-looksFoot{display:flex;align-items:center;gap:10px;margin-top:12px}
.bvk-t-twitch-banner-maker .bn-looksFoot>.kzk-hint{flex:1 1 auto;margin:0}
.bvk-t-twitch-banner-maker .bn-looksFoot>.kzk-btn{flex:none;gap:6px}
@container kzkc (max-width:420px){.bvk-t-twitch-banner-maker .bn-looksTag{display:none}}
.bvk-t-twitch-banner-maker .bn-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-line-2);box-shadow:0 18px 50px rgba(0,0,0,.5);pointer-events:none}
.bvk-t-twitch-banner-maker .bn-peek>canvas{display:block;width:100%;border-radius:var(--kzk-r-md);background:#120f1c}
.bvk-t-twitch-banner-maker .bn-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-banner-maker .bn-peek:not([hidden]){animation:bn-peek .16s var(--bn-ease)}}
@keyframes bn-peek{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}

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

/* ───────── Açık tema ───────── */
html[data-theme=light] .bvk-t-twitch-banner-maker :is(.bn-pal>i,.bn-bgg,.bn-cdg,.bn-dot){box-shadow:inset 0 0 0 1px rgba(20,16,40,.16)}
html[data-theme=light] .bvk-t-twitch-banner-maker :is(.bn-tiles .kzk-tile-thumb,.bn-looks .kzk-tcard-thumb,.bn-pv){background:#2a2140}
html[data-theme=light] .bvk-t-twitch-banner-maker .bn-prev .kzk-stage-in>canvas{box-shadow:0 8px 24px rgba(30,20,60,.18)}
/* açık temada önizleme kuyusu yumuşak nötr (siyah levha değil); tasarımın kendisi koyu kalır */
html[data-theme=light] .bvk-t-twitch-banner-maker .bn-prev .kzk-stage[data-scene=dark]{background:#ebe7f2;border-color:rgba(38,26,72,.14)}

/* Bağımsız sayfada yapışkan site menüsü (0–78 px) kutuların üstünü örtmesin (kit eksiği: scroll-margin 16 px) */
html:not(.bv-embed) .bvk-t-twitch-banner-maker :is(.kzk-state,#bn-expCard,#bn-prevCard,.kzk-rail){scroll-margin-top:92px}