/* Stream Goal Bar v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-stream-goal-bar. Önek: sgb-.
   Gömülü (panel iframe) kuralları: vh / sticky / tam ekran fixed YOK; durumlar satır içi. */

/* ───────── OBS görünümü (?view=1): yalnız tuval, şeffaf ───────── */
html.sgb-view,html.sgb-view body{background:transparent!important;color-scheme:normal!important;margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important}
html.sgb-view body>*:not(.sgb-viewer):not(.sgb-viewChip){display:none!important}
html.sgb-view .sgb-viewer{position:absolute;inset:0;display:block;width:100%;height:100%;background:transparent}
/* Bağlantı normal tarayıcıda açılınca (OBS değil): koyu damalı zemin + köşede bilgi. OBS'te yok. */
html.sgb-view.sgb-view--browser,html.sgb-view.sgb-view--browser 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.sgb-view .sgb-viewChip{position:fixed;left:14px;bottom:14px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;max-width:calc(100% - 28px);padding:7px 14px;border-radius:999px;background:rgba(14,12,22,.86);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.sgb-view .sgb-viewEdit{color:#c4a1ff;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.45)}
html.sgb-view .sgb-viewEdit:hover{color:#fff}
html.sgb-view .sgb-viewChip{transition:opacity .4s ease}
html.sgb-view .sgb-viewChip.sgb-viewChip--idle{opacity:0}
/* Kısa pencerede (kaynak boyunda açılmış bağlantı) çip küçük: yalnız 'Düzenle', sol altta (parıltı payında), 4 sn sonra solar */
@media (max-height:260px){html.sgb-view .sgb-viewChip{left:6px;bottom:4px;padding:3px 9px;font-size:11px;background:rgba(14,12,22,.7)}html.sgb-view .sgb-viewChip>span{display:none}}

.bvk-t-stream-goal-bar{--sgb-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1))}
.bvk-t-stream-goal-bar .sgb-mt{margin-top:12px}
.bvk-t-stream-goal-bar .kzk-seg+.kzk-hint,.bvk-t-stream-goal-bar .sgb-msAdd+.kzk-hint{margin-top:8px}

/* ───────── Düzen ─────────
   <860 (panel 770, telefon): tek sütun — önizleme, görünümler (JS taşır), seçenekler (mini önizlemeyle), dışa aktarma.
   860–1379 (panel 1110/980, dizüstü): seçenekler | önizleme, seçenekler | dışa aktarma; altta tam genişlik görünümler.
   ≥1380: seçenekler | önizleme | dışa aktarma; altta görünümler önizleme + dışa aktarma genişliğinde.
   ≥860'ta seçenek kartı ızgarayı UZATMAZ (contain:size): komşu sütunun boyunda durur, paneller içeride kayar. */
@container kzk (max-width:859px){
  .bvk-t-stream-goal-bar .sgb-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
}
@container kzk (min-width:860px){
  .bvk-t-stream-goal-bar .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-stream-goal-bar .kzk-col-opts{contain:size;min-height:640px}
  .bvk-t-stream-goal-bar .kzk-col-opts>.sgb-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-stream-goal-bar .sgb-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-stream-goal-bar .sgb-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-stream-goal-bar .sgb-opts .kzk-panes.sgb-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-goal-bar .kzk-col-more{align-self:start}
  .bvk-t-stream-goal-bar .kzk-col-exp{align-self:stretch}
  .bvk-t-stream-goal-bar .kzk-col-exp>.sgb-exp{flex:1 1 auto}
}
@container kzk (min-width:1380px){
  .bvk-t-stream-goal-bar .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-stream-goal-bar .kzk-col-opts{min-height:700px}
}
.bvk-t-stream-goal-bar .kzk-col-more>.sgb-looksCard,.bvk-t-stream-goal-bar .kzk-col-prev>.sgb-looksCard{flex:0 0 auto}
/* Ray: uzun çeviriler sığsın (kit 64 px). Kalan taşmayı JS yazı boyunu küçülterek giderir. */
.bvk-t-stream-goal-bar .kzk-railwrap{grid-template-columns:72px minmax(0,1fr)}
@container kzk (max-width:599px){.bvk-t-stream-goal-bar .kzk-railwrap{grid-template-columns:minmax(0,1fr)}}

/* ───────── Ortak glif ───────── */
.bvk-t-stream-goal-bar .sgb-g{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bvk-t-stream-goal-bar .sgb-g .f2{fill:color-mix(in srgb,currentColor 28%,transparent)}
.bvk-t-stream-goal-bar .sgb-g .f3{fill:currentColor;stroke:none}
.bvk-t-stream-goal-bar .sgb-g .gl{fill:color-mix(in srgb,currentColor 12%,transparent);stroke-width:1.2;stroke-dasharray:0}
.bvk-t-stream-goal-bar .sgb-g .so{fill:color-mix(in srgb,currentColor 34%,transparent);stroke:none}
.bvk-t-stream-goal-bar .sgb-g .hl{stroke-width:2.4}
/* Düzen glifleri (40×24): metin, sayı, zemin, dolgu */
.bvk-t-stream-goal-bar .sgb-lays .sgb-g{width:40px;height:24px;stroke:none}
.bvk-t-stream-goal-bar .sgb-lays .sgb-g .t{fill:currentColor;opacity:.85}
.bvk-t-stream-goal-bar .sgb-lays .sgb-g .n{fill:currentColor}
.bvk-t-stream-goal-bar .sgb-lays .sgb-g .b{fill:color-mix(in srgb,currentColor 22%,transparent)}
.bvk-t-stream-goal-bar .sgb-lays .sgb-g .f{fill:color-mix(in srgb,currentColor 62%,transparent)}
.bvk-t-stream-goal-bar .sgb-lays .sgb-g .w{fill:var(--kzk-card)}
.bvk-t-stream-goal-bar .sgb-lays>button.on .sgb-g .n{fill:var(--kzk-text)}

/* Glifli seçim ızgaraları: simge üstte, etiket altta */
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5{grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5>button{grid-column:span 2}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5>button:nth-child(n+4){grid-column:span 3}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs>button,.bvk-t-stream-goal-bar .kzk-seg.sgb-types>button,.bvk-t-stream-goal-bar .kzk-seg.sgb-shows>button{flex-direction:column;gap:6px;min-height:62px;padding:9px 4px 8px;font-size:11.5px;line-height:1.15}
.bvk-t-stream-goal-bar .kzk-seg>button>span{display:block;max-width:100%;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs>button:not(.on) .sgb-g,.bvk-t-stream-goal-bar .kzk-seg.sgb-types>button:not(.on) .sgb-g{color:var(--kzk-muted)}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs>button:not(.on):hover .sgb-g,.bvk-t-stream-goal-bar .kzk-seg.sgb-types>button:not(.on):hover .sgb-g{color:var(--kzk-text-2)}
.bvk-t-stream-goal-bar .kzk-seg>button[hidden]{display:none}
/* Hedef türü: 3 × 2 (geniş panelde 6) */
.bvk-t-stream-goal-bar .kzk-seg.sgb-types{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-stream-goal-bar .sgb-types .sgb-g{width:22px;height:22px}
/* Sayı gösterimi: örnek değer üstte (kullanıcının sayıları), ad altta */
.bvk-t-stream-goal-bar .kzk-seg.sgb-shows{gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-stream-goal-bar .sgb-shows>button{grid-column:span 2}
.bvk-t-stream-goal-bar .sgb-shows>button:nth-child(n+4){grid-column:span 3}
.bvk-t-stream-goal-bar .sgb-ex{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13px/1.1 var(--kzk-display);color:var(--kzk-text);font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-shows>button.on .sgb-ex{color:var(--kzk-gold)}
.bvk-t-stream-goal-bar .sgb-shows>button:not(.on)>span{color:var(--kzk-muted)}
/* Dolgu efekti / kutlama döşemelerinde canlı küçük önizleme (kullanıcının çubuğu): 2 sütun (geniş panelde 4), karanlık
   küçük sahne — stil döşemeleriyle aynı (açık temada beyaz parıltı ve kıvılcımlar kaybolmuyor) */
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-gfx{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-gfx>button{justify-content:flex-start;gap:6px;min-height:0;padding:6px 6px 8px}
.bvk-t-stream-goal-bar .sgb-gcv{display:block;width:100%;height:36px;flex:none;border-radius:7px;background:#120f1b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.bvk-t-stream-goal-bar #sgb-done .sgb-gcv{height:44px}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-gcv{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs>button:not(.on)>.sgb-gcv{opacity:.86}
/* Dolgu modu örnekleri */
.bvk-t-stream-goal-bar .sgb-fm{display:block;width:34px;height:12px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.bvk-t-stream-goal-bar .sgb-fm--grad{background:linear-gradient(90deg,#7c3aed,#c084fc)}
.bvk-t-stream-goal-bar .sgb-fm--solid{background:#8b5cf6}
.bvk-t-stream-goal-bar .sgb-fm--prog{background:linear-gradient(90deg,#ef4444 0 30%,#f59e0b 30% 60%,#22c55e 60%)}
.bvk-t-stream-goal-bar .sgb-fm--metal{background:linear-gradient(180deg,#fff4c7 0,#fcd34d 22%,#a16207 50%,#7a4a06 58%,#fcd34d 80%,#6b4405)}
.bvk-t-stream-goal-bar .sgb-fm--tri{background:linear-gradient(90deg,#ef4444,#a855f7 50%,#3b82f6)}
.bvk-t-stream-goal-bar .kzk-seg>button:not(.on)>.sgb-fm{opacity:.82}
/* Yazı efekti örnekleri */
.bvk-t-stream-goal-bar .sgb-aa{display:block;font:800 17px/1 var(--kzk-display);color:var(--kzk-text);letter-spacing:-.3px}
.bvk-t-stream-goal-bar .sgb-aa--shadow{text-shadow:0 2px 3px rgba(0,0,0,.75)}
.bvk-t-stream-goal-bar .sgb-aa--outline{color:#fff;-webkit-text-stroke:3px #0b0910;paint-order:stroke fill}
.bvk-t-stream-goal-bar .sgb-aa--glow{color:#fff;text-shadow:0 0 6px #a855f7,0 0 12px #a855f7}
.bvk-t-stream-goal-bar .kzk-seg>button.on>.sgb-aa--none{color:var(--kzk-gold)}

/* Yazı tipleri: ad kendi yazı tipinde */
.bvk-t-stream-goal-bar .kzk-seg.sgb-fonts{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-stream-goal-bar .sgb-fonts>button{min-height:42px;padding:4px 8px;font-size:15px;font-weight:400}

/* Simgeler */
.bvk-t-stream-goal-bar .kzk-seg.sgb-icons{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-stream-goal-bar .sgb-icons>button{min-height:42px;padding:6px}
.bvk-t-stream-goal-bar .sgb-icons .sgb-gi{width:20px;height:20px;fill:currentColor;stroke:none}
.bvk-t-stream-goal-bar .sgb-icons .sgb-g .ln{fill:none;stroke:currentColor}
.bvk-t-stream-goal-bar .sgb-icons>button:not(.on){color:var(--kzk-text-2)}
.bvk-t-stream-goal-bar .sgb-icons>button:not(.on) .sgb-gi--twitch{color:#a970ff}
.bvk-t-stream-goal-bar .sgb-icons>button:not(.on) .sgb-gi--kick{color:#53fc18}
.bvk-t-stream-goal-bar .sgb-icons>button:not(.on) .sgb-gi--youtube{color:#ff3b4a}
.bvk-t-stream-goal-bar .sgb-icons .sgb-gi--jar{fill-rule:evenodd}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-icons>button:not(.on) .sgb-gi--kick{color:#1f9d0a}

/* Paletler */
.bvk-t-stream-goal-bar .sgb-pals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bvk-t-stream-goal-bar .sgb-pal{display:flex;align-items:center;gap:8px;min-width:0;min-height:38px;padding:5px 8px 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 12px/1.2 var(--kzk-font);text-align:left;cursor:pointer;transition:border-color .16s,background-color .16s,transform .16s var(--sgb-ease)}
.bvk-t-stream-goal-bar .sgb-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-stream-goal-bar .sgb-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-goal-bar .sgb-palSw{position:relative;flex:none;width:38px;height:22px;border-radius:6px;background:var(--t);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);overflow:hidden}
.bvk-t-stream-goal-bar .sgb-palSw::before{content:"";position:absolute;left:4px;top:8px;width:22px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--a),var(--b))}
.bvk-t-stream-goal-bar .sgb-palSw::after{content:"";position:absolute;right:4px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--n)}
.bvk-t-stream-goal-bar .sgb-palName{min-width:0;overflow:hidden;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
@media (prefers-reduced-motion:no-preference){.bvk-t-stream-goal-bar .sgb-pal:hover{transform:translateY(-1px)}}
.bvk-t-stream-goal-bar .kzk-row.sgb-crow{grid-template-columns:repeat(auto-fit,minmax(min(122px,100%),1fr));gap:10px}
.bvk-t-stream-goal-bar .kzk-sec-head>#sgb-swap{margin-left:auto}

/* Stil döşemeleri (canlı, mevcut renklerle) */
.bvk-t-stream-goal-bar .sgb-tiles{--kzk-tile-min:86px;--kzk-thumb-h:40px}
.bvk-t-stream-goal-bar .sgb-tiles .kzk-tile-thumb{background:#120f1b}
.bvk-t-stream-goal-bar .sgb-tiles .kzk-tile-label{overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}

/* Sayılar */
.bvk-t-stream-goal-bar .kzk-row.sgb-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bvk-t-stream-goal-bar .sgb-prog{margin-top:2px}
/* İlerleme kaydırıcısı Mevcut'un aynısı: kitin sayı kutusu ikinci bir 'mevcut' göstermesin */
.bvk-t-stream-goal-bar .sgb-prog .kzk-num{display:none}
.bvk-t-stream-goal-bar .sgb-prog .kzk-srow{grid-template-columns:minmax(0,1fr)}
.bvk-t-stream-goal-bar .sgb-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:2px}
.bvk-t-stream-goal-bar .sgb-quick>.kzk-btn{justify-content:center;min-height:32px;padding:2px 4px;font:700 13px/1 var(--kzk-display);font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-read{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:12px;padding:10px 12px;border-radius:var(--kzk-r-md);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line)}
.bvk-t-stream-goal-bar .sgb-readPct{font:700 22px/1 var(--kzk-display);color:var(--kzk-text);font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.bvk-t-stream-goal-bar .sgb-readNum{font:600 13px/1.2 var(--kzk-font);color:var(--kzk-text-2);font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-readLeft{margin-left:auto;font:600 12.5px/1.2 var(--kzk-font);color:var(--kzk-lilac)}
.bvk-t-stream-goal-bar .sgb-read--done{border-color:color-mix(in srgb,var(--kzk-ok,#4ade80) 40%,transparent);background:color-mix(in srgb,var(--kzk-ok,#4ade80) 9%,transparent)}
.bvk-t-stream-goal-bar .sgb-read--done .sgb-readLeft{color:var(--kzk-ok,#4ade80)}
.bvk-t-stream-goal-bar .sgb-b0Det{margin-top:10px}
/* Kilometre taşları */
.bvk-t-stream-goal-bar .sgb-msList{display:flex;flex-direction:column;gap:6px}
.bvk-t-stream-goal-bar .sgb-msList:has(.sgb-ms:not([hidden])){margin-bottom:8px}
.bvk-t-stream-goal-bar .sgb-ms{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(0,1.6fr) auto;gap:6px;align-items:center}
.bvk-t-stream-goal-bar .sgb-ms[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-ms>input{min-width:0}
.bvk-t-stream-goal-bar .sgb-ms>.kzk-err{grid-column:1/-1;order:4}
.bvk-t-stream-goal-bar .sgb-ms>input:nth-of-type(1){order:1}.bvk-t-stream-goal-bar .sgb-ms>input:nth-of-type(2){order:2}.bvk-t-stream-goal-bar .sgb-ms>button{order:3}
.bvk-t-stream-goal-bar .sgb-msAdd{gap:6px}
.bvk-t-stream-goal-bar .sgb-msAdd[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-endF{margin-top:10px}
/* Bitiş: yerel tarih-saat alanı kitin alanlarıyla aynı görünür (KİT EKSİĞİ: datetime-local biçimlenmiyor) */
.bvk-t-stream-goal-bar .sgb-endF input[type=datetime-local]{display:block;width:100%;height:var(--kzk-ctl,40px);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.3 var(--kzk-font);font-variant-numeric:tabular-nums;color-scheme:dark;outline:none}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-endF input[type=datetime-local]{color-scheme:light}
.bvk-t-stream-goal-bar .sgb-endF input[type=datetime-local]:hover{border-color:var(--kzk-line-hover)}
.bvk-t-stream-goal-bar .sgb-endF input[type=datetime-local]:focus{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac)}
.bvk-t-stream-goal-bar .sgb-endF input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer}

/* ───────── Önizleme ───────── */
.bvk-t-stream-goal-bar .sgb-prev .kzk-stage{--kzk-stage-pad:18px;min-height:220px}
/* Tek sütunda önizleme kartı içeriği kadar (görünümler kartı altında) */
@container kzk (max-width:859px){.bvk-t-stream-goal-bar .kzk-col-prev>.sgb-prev{flex:0 0 auto}}
.bvk-t-stream-goal-bar .sgb-prev .kzk-stage[data-scene=scene]{background:linear-gradient(rgba(12,9,20,.5),rgba(12,9,20,.5)),var(--kzk-scene-img,url("/kuzgun-welcome-landscape.webp")) center/cover no-repeat,#1a1428}
.bvk-t-stream-goal-bar .sgb-prev.sgb-isStream .kzk-stage{--kzk-stage-pad:0px;background:#0b0814;flex:0 0 auto;aspect-ratio:16/9;min-height:0}
.bvk-t-stream-goal-bar .sgb-prev.sgb-isStream .kzk-stage[data-zoom=fit] .kzk-stage-in>canvas,.bvk-t-stream-goal-bar .sgb-prev.sgb-isStream .kzk-stage:not([data-zoom]) .kzk-stage-in>canvas{width:100%;max-height:none}
.bvk-t-stream-goal-bar .sgb-prev.sgb-isStream .kzk-dock>.kzk-scenes{display:none}
.bvk-t-stream-goal-bar .sgb-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.bvk-t-stream-goal-bar .sgb-rnd{gap:6px}
.bvk-t-stream-goal-bar #sgb-prevTag{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-stream-goal-bar #sgb-prevTag[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-streamBtn{min-height:34px;gap:6px}
.bvk-t-stream-goal-bar .sgb-streamBtn[aria-pressed=true]{color:var(--kzk-text);background:var(--kzk-card-3);border-color:var(--kzk-ctl-border)}
.bvk-t-stream-goal-bar .sgb-streamBtn[aria-pressed=true] svg{color:var(--kzk-lilac)}
@container kzkc (max-width:520px){
  .bvk-t-stream-goal-bar .sgb-rnd>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-stream-goal-bar .sgb-rnd{padding:0 8px}
  .bvk-t-stream-goal-bar #sgb-prevTag{display:none}
}
@container kzkc (max-width:460px){.bvk-t-stream-goal-bar .sgb-prev .kzk-stage{min-height:118px;--kzk-stage-pad:10px}}
/* Orta genişlikte (panel 980/1110, iki sütun) tekrar oynat yalnız simge: dok tek satırda kalsın (ad ipucunda) */
@container kzkc (min-width:441px) and (max-width:780px){
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock .kzk-replay>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock .kzk-replay{padding:0 10px}
}
/* Taslak notu */
.bvk-t-stream-goal-bar .sgb-draft{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding: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-goal-bar .sgb-draft[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-draft>svg{color:var(--kzk-lilac);flex:none;width:16px;height:16px}
.bvk-t-stream-goal-bar .sgb-draft>span{flex:1 1 auto;min-width:0}
.bvk-t-stream-goal-bar .sgb-linkBtn{flex:none;padding:2px 0;border:0;background:none;color:var(--kzk-lilac);font:600 12.5px/1.4 var(--kzk-font);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--kzk-lilac) 40%,transparent);text-underline-offset:3px}
.bvk-t-stream-goal-bar .sgb-linkBtn:hover{color:var(--kzk-text)}
/* Telefon eylem satırı + mini önizleme (yalnız tek sütunda) */
.bvk-t-stream-goal-bar .sgb-mact{display:flex;gap:8px;margin-top:10px}
.bvk-t-stream-goal-bar .sgb-mact>.kzk-btn{flex:1 1 0;justify-content:center;gap:6px;min-height:44px;min-width:0}
.bvk-t-stream-goal-bar .sgb-mact>.kzk-btn>span{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.bvk-t-stream-goal-bar .sgb-mini{display:none}
@container kzk (max-width:859px){
  .bvk-t-stream-goal-bar .sgb-mini{display:block;flex:0 0 auto;position:relative;height:96px;margin:12px 12px 0;border-radius:var(--kzk-r-md);overflow:hidden;border:1px solid var(--kzk-line);background:linear-gradient(135deg,#1a1530,#0d0b16)}
  .bvk-t-stream-goal-bar .sgb-mini>canvas{display:block;width:100%;height:100%}
}
@container kzk (min-width:860px){.bvk-t-stream-goal-bar .sgb-mact{display:none}}

/* ───────── Dışa aktarma ─────────
   Dar kartta (≥1380 sağ sütun, telefon) biçim çipleri + tek blok; geniş kartta (alt satır) bloklar yan yana, çipler gizli. */
.bvk-t-stream-goal-bar .sgb-xfmt{margin:0 0 12px;gap:6px}
.bvk-t-stream-goal-bar .sgb-xfmt>button{min-height:34px;padding:4px 14px;font-weight:600}
.bvk-t-stream-goal-bar .sgb-exp .kzk-exp-actions.sgb-xblocks{display:flex;flex-direction:column;gap:12px}
.bvk-t-stream-goal-bar .sgb-xblk{display:flex;flex-direction:column;gap:10px;min-width:0}
.bvk-t-stream-goal-bar .sgb-exp[data-fmt=link] .sgb-xblk[data-x=png],.bvk-t-stream-goal-bar .sgb-exp[data-fmt=png] .sgb-xblk[data-x=link]{display:none}
.bvk-t-stream-goal-bar .sgb-xhead{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.bvk-t-stream-goal-bar .sgb-xtitle{font:700 13.5px/1.3 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-stream-goal-bar .sgb-xsub{flex-basis:100%;font:400 12px/1.4 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-stream-goal-bar .sgb-xhead .kzk-tag--chip{padding:2px 7px;font-size:11px}
.bvk-t-stream-goal-bar .sgb-xrow{display:flex;align-items:center;gap:10px;min-width:0}
.bvk-t-stream-goal-bar .sgb-xrow>.kzk-label{flex:0 0 auto;margin:0;font-size:12px;color:var(--kzk-muted)}
.bvk-t-stream-goal-bar .sgb-xrow>.kzk-seg{flex:1 1 auto;min-width:0}
.bvk-t-stream-goal-bar .sgb-xseg>button{min-height:30px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0}
.bvk-t-stream-goal-bar .sgb-xblk>.kzk-btn{width:100%;justify-content:center;padding-left:12px;padding-right:12px;height:auto;min-height:46px}
.bvk-t-stream-goal-bar .sgb-xblk>.kzk-btn .kzk-btn-txt{min-width:0;flex:0 1 auto}
.bvk-t-stream-goal-bar .sgb-xblk>.kzk-btn .kzk-btn-sub{white-space:normal;overflow-wrap:anywhere}
.bvk-t-stream-goal-bar .sgb-xblk>.kzk-hint{margin:0;font-size:11.5px;line-height:1.45}
/* Kaynak boyu: Genişlik ve Yükseklik ayrı kopyalanır (OBS'te iki ayrı sayı kutusu) */
.bvk-t-stream-goal-bar .sgb-dims{display:flex;align-items:center;gap:6px;width:100%;min-height:36px;padding:3px 4px 3px 10px;border-radius:var(--kzk-r-md);border:1px dashed var(--kzk-line-2);transition:border-color .2s,box-shadow .2s,background-color .2s}
.bvk-t-stream-goal-bar .sgb-dims>.kzk-label{flex:1 1 auto;min-width:0;margin:0;font-size:12px;color:var(--kzk-muted)}
.bvk-t-stream-goal-bar .sgb-dimX{flex:none;color:var(--kzk-faint,var(--kzk-muted));font:500 12px/1 var(--kzk-mono)}
.bvk-t-stream-goal-bar .sgb-dimB{flex:none;display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:7px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text);font:600 12.5px/1 var(--kzk-mono);cursor:copy;transition:border-color .16s,color .16s,background-color .16s}
.bvk-t-stream-goal-bar .sgb-dimB>b{font:inherit;font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-dimB:hover{border-color:var(--kzk-lilac);color:var(--kzk-lilac)}
.bvk-t-stream-goal-bar .sgb-dimB:focus-visible{outline:none;border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac)}
/* bağlantıdan sonra boyut değiştiyse: yeni boy göze çarpsın (OBS'te de güncellenmeli) */
.bvk-t-stream-goal-bar .sgb-dims.sgb-dims--new{border-style:solid;border-color:color-mix(in srgb,var(--kzk-warn) 70%,transparent);background:color-mix(in srgb,var(--kzk-warn) 8%,transparent)}
.bvk-t-stream-goal-bar .sgb-dims.sgb-dims--new .sgb-dimB{border-color:color-mix(in srgb,var(--kzk-warn) 55%,transparent);color:var(--kzk-warn)}
@media (prefers-reduced-motion:no-preference){.bvk-t-stream-goal-bar .sgb-dims.sgb-dims--new{animation:sgb-pulse 1.1s var(--sgb-ease) 2}}
@keyframes sgb-pulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--kzk-warn) 22%,transparent)}}
.bvk-t-stream-goal-bar .sgb-exp .kzk-lock{margin-top:0}
/* PNG içeriği: damalı zeminde son durum (indirilecek görselin aynısı) */
.bvk-t-stream-goal-bar .sgb-pngPrev{display:grid;place-items:center;height:76px;padding:8px 10px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line);background-color:var(--kzk-chk-a);background-image:conic-gradient(var(--kzk-chk-b) 25%,transparent 0 50%,var(--kzk-chk-b) 0 75%,transparent 0);background-size:16px 16px}
.bvk-t-stream-goal-bar .sgb-pngPrev>canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-pngPrev{--kzk-chk-a:#1b1a24;--kzk-chk-b:#24222f}
.bvk-t-stream-goal-bar .sgb-linkOut{display:flex;flex-direction:column;gap:8px}
.bvk-t-stream-goal-bar .sgb-linkOut[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-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-goal-bar .sgb-linkRow:focus-within{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac)}
.bvk-t-stream-goal-bar .kzk-card .sgb-linkRow>input{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;outline:none}
.bvk-t-stream-goal-bar .sgb-linkRow .kzk-icon-btn{width:30px;height:30px}
.bvk-t-stream-goal-bar .sgb-stale{margin:0;color:var(--kzk-warn);font-size:11.5px}
.bvk-t-stream-goal-bar .sgb-stale[hidden]{display:none}
@container kzkc (min-width:640px){
  .bvk-t-stream-goal-bar .sgb-xfmt{display:none}
  .bvk-t-stream-goal-bar .sgb-exp .kzk-exp-actions.sgb-xblocks{flex-direction:row;flex-wrap:wrap;gap:0;align-items:stretch}
  .bvk-t-stream-goal-bar .sgb-exp .sgb-xblk,.bvk-t-stream-goal-bar .sgb-exp[data-fmt] .sgb-xblk[data-x]{display:flex;flex:1 1 0;padding:12px 16px}
  .bvk-t-stream-goal-bar .sgb-xblk[data-x=link]{flex-grow:1.35}
  .bvk-t-stream-goal-bar .sgb-xblk+.sgb-xblk{box-shadow:-1px 0 0 0 var(--kzk-line)}
  .bvk-t-stream-goal-bar .sgb-exp .sgb-xblocks>.kzk-lock{flex-basis:100%;margin-top:8px}
}
/* OBS kurulum adımları */
.bvk-t-stream-goal-bar .sgb-steps{margin-top:12px}
.bvk-t-stream-goal-bar .sgb-steps>summary>span:first-of-type{font-weight:600}
.bvk-t-stream-goal-bar .sgb-stepList{margin:0 0 10px;padding:0;list-style:none;counter-reset:sgb;display:flex;flex-direction:column;gap:8px}
.bvk-t-stream-goal-bar .sgb-stepList>li{position:relative;padding-left:28px;font:400 12.5px/1.5 var(--kzk-font);color:var(--kzk-text-2);counter-increment:sgb}
.bvk-t-stream-goal-bar .sgb-stepList>li::before{content:counter(sgb);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-goal-bar #sgb-copySteps{gap:6px}
/* Panel bilgisi (otomatik hedef) */
.bvk-t-stream-goal-bar .sgb-auto{margin-top:12px}
.bvk-t-stream-goal-bar .sgb-auto>svg{flex:none;width:18px;height:18px;color:var(--kzk-lilac)}
.bvk-t-stream-goal-bar .sgb-autoLink[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-auto p{margin:0 0 4px;font-size:12.5px;line-height:1.5;color:var(--kzk-text-2)}
.bvk-t-stream-goal-bar .sgb-autoLink{font:600 12.5px/1.4 var(--kzk-font);color:var(--kzk-lilac)}

/* ───────── Görünümler ───────── */
.bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head .sgb-saveLook{margin-left:auto;gap:6px}
.bvk-t-stream-goal-bar .sgb-ltabsWrap{position:relative;margin:0 0 12px}
.bvk-t-stream-goal-bar .kzk-seg--chips.sgb-ltabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -2px;padding:2px;gap:6px}
.bvk-t-stream-goal-bar .kzk-seg--chips.sgb-ltabs::-webkit-scrollbar{display:none}
.bvk-t-stream-goal-bar .kzk-seg--chips.sgb-ltabs.sgb-ovf{padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.bvk-t-stream-goal-bar .sgb-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-goal-bar .sgb-ltabsNext[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-ltabs>button{flex:0 0 auto;min-height:30px;padding:3px 12px;font-size:12.5px}
.bvk-t-stream-goal-bar .sgb-ltabs>button .sgb-n{margin-left:5px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-ltabs>button.on .sgb-n{color:inherit;opacity:.8}
@container kzkc (min-width:880px){
  .bvk-t-stream-goal-bar .kzk-seg--chips.sgb-ltabs{flex-wrap:wrap;overflow:visible}
  .bvk-t-stream-goal-bar .kzk-seg--chips.sgb-ltabs.sgb-ovf{padding-right:2px;-webkit-mask-image:none;mask-image:none}
  .bvk-t-stream-goal-bar .sgb-ltabsNext{display:none}
}
/* Görünüm kartları: çubuklar geniş — 3 sütun (≥600) / 2 sütun; altı görünümlük gruplar dolu satırla biter */
.bvk-t-stream-goal-bar .sgb-looks{--kzk-ar:3/1}
.bvk-t-stream-goal-bar .kzk-cards.sgb-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-stream-goal-bar .sgb-looks .kzk-tcard-thumb{background:#120f1c}
@container kzkc (min-width:600px){.bvk-t-stream-goal-bar .kzk-cards.sgb-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
/* KİT EKSİĞİ: kartlar (variant cards) 'daha fazla' bölümünü gizlemiyor (yalnız .kzk-tiles) — burada */
.bvk-t-stream-goal-bar .kzk-cards:not(.is-open)>[data-more]{display:none}
/* Hareketli görünüm: başlıkta lila nokta (tuvalde değil) */
.bvk-t-stream-goal-bar .sgb-looks .kzk-tcard[data-sgb-anim] .kzk-tcard-title::before{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-stream-goal-bar .sgb-undoDel{margin-top:6px}
.bvk-t-stream-goal-bar .sgb-looksFoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.bvk-t-stream-goal-bar .sgb-looksFoot>.kzk-hint{flex:1 1 220px;margin:0}
.bvk-t-stream-goal-bar #sgb-delSaved{gap:6px}
.bvk-t-stream-goal-bar #sgb-delSaved[hidden]{display:none}

/* ───────── Geniş seçenek paneli (tek sütun: gömülü 770, tablet): ızgaralar açılır ───────── */
@container kzkc (min-width:540px){
  .bvk-t-stream-goal-bar .kzk-seg.sgb-types{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5>button,.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5>button:nth-child(n+4){grid-column:auto}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-shows{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .sgb-shows>button,.bvk-t-stream-goal-bar .sgb-shows>button:nth-child(n+4){grid-column:auto}
  .bvk-t-stream-goal-bar #sgb-snd{grid-template-columns:repeat(8,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-gfx{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-fonts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-icons{grid-template-columns:repeat(8,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-g5.sgb-fills{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .sgb-pals{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bvk-t-stream-goal-bar .sgb-tiles{--kzk-tile-min:150px}
}
@container kzk (max-width:430px){
  .bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs>button,.bvk-t-stream-goal-bar .kzk-seg.sgb-types>button{min-height:58px}
}
/* Sayı kutularının odak halkası (kit eksiği: neredeyse görünmüyor) */
.bvk-t-stream-goal-bar .kzk-num:focus-within{box-shadow:0 0 0 3px var(--kzk-ring-lilac);border-color:var(--kzk-lilac)}

/* ───────── Açık tema ───────── */
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-fm{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-aa--glow{color:#5b21b6;text-shadow:0 0 6px rgba(168,85,247,.55)}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-aa--outline{color:#fff;-webkit-text-stroke:3px #2a2236}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-palSw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
html[data-theme=light] .bvk-t-stream-goal-bar .sgb-tiles .kzk-tile-thumb,html[data-theme=light] .bvk-t-stream-goal-bar .sgb-looks .kzk-tcard-thumb{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}

/* ───────── Tur 1 düzeltmeleri (9 Eki) ───────── */
/* Telefonda kaydırma hedefleri yapışkan site menüsünün altında kalmasın; gömülüde menü yok */
.bvk-t-stream-goal-bar .sgb-exp,.bvk-t-stream-goal-bar .kzk-rail,.bvk-t-stream-goal-bar .sgb-prev{scroll-margin-top:84px}
html.bv-embed .bvk-t-stream-goal-bar .sgb-exp,html.bv-embed .bvk-t-stream-goal-bar .kzk-rail,html.bv-embed .bvk-t-stream-goal-bar .sgb-prev{scroll-margin-top:8px}
/* PNG sekmesindeyken OBS kurulum adımları (bağlantıyla ilgili) gizli — dar kartta bağlantı bloğu da gizli */
@container kzkc (max-width:639px){.bvk-t-stream-goal-bar .sgb-exp[data-fmt=png] .sgb-steps{display:none}}
/* Panelde (gömülü) otomatik hedef kutusu: bağlantı yok (iframe'in içinde panel açılıyordu) */
html.bv-embed .bvk-t-stream-goal-bar .sgb-autoLink{display:none}

/* ───────── Tur 2 (10 Eki) ───────── */
/* Görünüm kartları: ad ve stil aynı satırda, küçük resim 3:1 (çubuk sahnenin daha büyük kısmını doldurur; kart ~200 px kısa) */
@container kzkc (min-width:600px){
  .bvk-t-stream-goal-bar .sgb-looks .kzk-tcard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:6px}
  .bvk-t-stream-goal-bar .sgb-looks .kzk-tcard-thumb{grid-column:1/-1}
  .bvk-t-stream-goal-bar .sgb-looks .kzk-tcard-title{min-width:0}
  .bvk-t-stream-goal-bar .sgb-looks .kzk-tcard-meta{margin:9px 4px 2px 8px;text-align:right}
}
/* Görünümler başlığı: telefonda etiket gizli, başlık ezilmez (FR/NL/TR'de üst üste biniyordu) */
.bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head{flex-wrap:wrap;row-gap:8px}
.bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head>.kzk-sec-title{flex:none}
@container kzkc (max-width:420px){.bvk-t-stream-goal-bar .sgb-looksTag{display:none}}
/* Hareket süzgeci: Tümü · Durağan · Hareketli (sayılı, biri hep seçili — webcam'in Durağan/Hareketli izi gibi); lila nokta
   = OBS'te hareket eder. Kaydet'in hemen solunda bir grup (eskiden iki 'margin-left:auto' arasında ortada yüzüyordu). */
.bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head .sgb-lmo{flex:0 0 auto;margin-left:auto;grid-auto-columns:auto}
.bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head .sgb-lmo+.sgb-saveLook{margin-left:0}
.bvk-t-stream-goal-bar .sgb-lmo>button{gap:6px;min-height:28px;padding:2px 10px;font-size:12px}
.bvk-t-stream-goal-bar .sgb-lmo .sgb-n{font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-lmo>button.on .sgb-n{color:var(--kzk-text-2)}
.bvk-t-stream-goal-bar .sgb-moDot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--kzk-lilac);box-shadow:0 0 6px color-mix(in srgb,var(--kzk-lilac) 55%,transparent)}
.bvk-t-stream-goal-bar .sgb-moDot--still{background:transparent;box-shadow:inset 0 0 0 1.5px var(--kzk-muted)}
@container kzkc (max-width:560px){
  .bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head .sgb-lmo{order:5;flex:1 1 100%;margin-left:0;grid-auto-columns:minmax(0,1fr)}
  .bvk-t-stream-goal-bar .sgb-looksCard>.kzk-sec-head .sgb-lmo+.sgb-saveLook{margin-left:auto}
}
.bvk-t-stream-goal-bar .sgb-looksEmpty{margin:4px 0 0;padding:18px 12px;border-radius:var(--kzk-r-md);border:1px dashed var(--kzk-line-2);color:var(--kzk-text-2);font-size:13px;text-align:center}
.bvk-t-stream-goal-bar .sgb-looksEmpty[hidden]{display:none}
/* Bildirim yuvaları (gömülüde tetikleyen düğmenin yanında) */
.bvk-t-stream-goal-bar .sgb-toastSlot:empty{display:none}
.bvk-t-stream-goal-bar .sgb-toastSlot{margin-top:10px}
.bvk-t-stream-goal-bar .sgb-toastSlot>.kzk-toasts{margin:0}
.bvk-t-stream-goal-bar .sgb-celTest{margin-top:16px}
/* Kart seçenekleri (renk, köşe, opaklık) */
.bvk-t-stream-goal-bar .sgb-cardOpts{display:flex;flex-direction:column;gap:12px}
.bvk-t-stream-goal-bar .sgb-cardOpts[hidden]{display:none}
/* Kendi görselin: simgelerin sonunda tam satır */
.bvk-t-stream-goal-bar .sgb-icons>button.sgb-icImg{grid-column:1/-1;flex-direction:row;gap:8px;font-size:12.5px;font-weight:600}
.bvk-t-stream-goal-bar .sgb-icons>button.sgb-icImg .sgb-g{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.bvk-t-stream-goal-bar .sgb-icons>button.sgb-icImg:not(.on){color:var(--kzk-text-2)}
.bvk-t-stream-goal-bar .sgb-imgF[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-imgF input[type=url]{font:500 13px/1.3 var(--kzk-mono)}
.bvk-t-stream-goal-bar .sgb-layHint[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-layHint{color:var(--kzk-warn)}
/* Kilit simgesi ikincil düğmelerde ve telefonun 'OBS bağlantısını kopyala'sında da (kit yalnız birincilde gösteriyor) */
.bvk-t-stream-goal-bar [data-locked] :is(#obsOpen,#sgb-png) .kzk-ico-lock{display:block}
.bvk-t-stream-goal-bar [data-locked] :is(#obsOpen,#sgb-png) .kzk-ico-dl{display:none}
.bvk-t-stream-goal-bar .sgb-mact.sgb-locked #sgb-mCopy .kzk-ico-lock{display:block}
.bvk-t-stream-goal-bar .sgb-mact.sgb-locked #sgb-mCopy .kzk-ico-dl{display:none}
/* Telefon önizlemesi (webcam deseni): başlık tek satır (boyut dışa aktarmada da yazıyor), sahneler ile sığdır tek satırda,
   yakınlaştırma −/+ gizli. data-z ile (İngilizce aria-label'a bağlı değil, her dilde). KİT EKSİĞİ: dok satırları dar kartta
   kendiliğinden dengelenmiyor. */
@container kzkc (max-width:440px){.bvk-t-stream-goal-bar .sgb-prev .kzk-prev-head>.kzk-size{display:none}}
@container kzkc (max-width:600px){
  /* sahne hapı içeriği kadar (tur 4: esneyip sağında boş, çerçeveli bir kuyu bırakıyordu); boşluğu yakınlaştırma alır */
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-scenes{flex:0 0 auto;justify-content:flex-start}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-zoom{flex:0 0 auto;margin-left:auto}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-zoom [data-z="-"],.bvk-t-stream-goal-bar .sgb-prev .kzk-zoom [data-z="+"]{display:none}
}
/* telefonda iki dengeli satır: 1) altı sahne; 2) sığdır + 'Yayında' + tekrar oynat (yalnız simge, adı ipucunda) */
@container kzkc (max-width:440px){
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-scenes{order:1;flex:1 1 100%;justify-content:space-between;padding-inline:6px}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-zoom{order:2;margin-left:0}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.sgb-streamBtn{order:3;flex:1 1 auto;width:auto;justify-content:center}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-replay{order:4;flex:0 0 auto;width:auto;padding:0 12px}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-replay>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-stream-goal-bar .sgb-prev .kzk-dock>.kzk-replay[hidden]{display:none}
}
/* Sığdır kipinde yüzde yerine 'Sığdır' (metin JS'ten çevrili: --sgb-fit) */
.bvk-t-stream-goal-bar .sgb-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val{font-size:0}
.bvk-t-stream-goal-bar .sgb-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val::after{content:var(--sgb-fit,"Fit");font-size:12.5px}
/* gizli alanın (ses düzeyi, kenar rengi) ardındaki ipucu sıkışmasın */
.bvk-t-stream-goal-bar :is(#sgb-volWrap,#sgb-tbcWrap,#sgb-imgWrap,#sgb-ccWrap)+.kzk-hint{margin-top:10px}

/* ───────── Tur 3 (10 Eki) ───────── */
/* Dışa aktarma yan yana düzende: seçili biçimin bloğu çerçeveli (webcam .wo-xblk.is-cur deseni) — önerilen yol odakta */
@container kzkc (min-width:640px){
  .bvk-t-stream-goal-bar .sgb-exp[data-fmt=link] .sgb-xblk[data-x=link],.bvk-t-stream-goal-bar .sgb-exp[data-fmt=png] .sgb-xblk[data-x=png]{background:color-mix(in srgb,var(--kzk-hl-bg) 45%,transparent);border:1px solid var(--kzk-hl-line);border-radius:var(--kzk-r-card);box-shadow:none}
  .bvk-t-stream-goal-bar .sgb-exp[data-fmt] .sgb-xblk[data-x]+.sgb-xblk{box-shadow:none}
  .bvk-t-stream-goal-bar .sgb-exp .kzk-exp-actions.sgb-xblocks{gap:10px}
}
@container kzkc (min-width:640px){
  html[data-theme=light] .bvk-t-stream-goal-bar .sgb-exp[data-fmt=link] .sgb-xblk[data-x=link],html[data-theme=light] .bvk-t-stream-goal-bar .sgb-exp[data-fmt=png] .sgb-xblk[data-x=png]{background:color-mix(in srgb,var(--kzk-hl-bg) 70%,transparent)}
}
/* Bağlantı bloğunun altındaki küçük eylemler: sayımı baştan başlat · kullandığın bağlantıyı düzenle */
.bvk-t-stream-goal-bar .sgb-linkTools{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px}
.bvk-t-stream-goal-bar .sgb-linkTools>.sgb-linkBtn{font-size:12px;text-align:left}
.bvk-t-stream-goal-bar .sgb-linkTools>.sgb-linkBtn[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-pasteF[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-pasteF input[type=url]{font:500 12.5px/1.3 var(--kzk-mono)}
.bvk-t-stream-goal-bar .sgb-xblk>.sgb-toastSlot{margin-top:0}
.bvk-t-stream-goal-bar .sgb-steps .sgb-toastSlot{margin-top:10px}
/* bitiş rengi alanı (ulaşınca) */
.bvk-t-stream-goal-bar #sgb-fcWrap[hidden],.bvk-t-stream-goal-bar #sgb-nxWrap[hidden]{display:none}
/* Parlak oyun sahnesi (tur 4): gündüz, kalabalık bir oyun karesinin odak dışı hâli (araç dosyası, ~40 KB webp). Eskiden CSS
   ile çizilmiş düz şekillerdi (çocuk çizimi gibi). Okunurluk denemesi: kart / kenar / gölge bu zeminde sınanır.
   KİT EKSİĞİ: KZK.stage'in parlak bir oyun sahnesi yok — burada araç kapsamında. */
.bvk-t-stream-goal-bar .sgb-prev .kzk-stage[data-scene=busy]{background:#7dc3e8 url("/tools/app/stream-goal-bar.scene-bright.webp") center/cover no-repeat}
.bvk-t-stream-goal-bar .kzk-scene-btn[data-scene=busy]>i{background:#7dc3e8 url("/tools/app/stream-goal-bar.scene-bright.webp") center/cover no-repeat}
/* Telefon (bağımsız sayfa): mini önizleme seçenekleri kaydırırken üstte kalır (çubuğu görmeden ayar yapılmasın).
   Gömülüde sticky YOK (panel kuralı). top: sitenin sabit menü hapının altı. */
@container kzk (max-width:859px){
  /* üstteki 12 px şerit kartın renginde (tur 4: menü hapıyla mini önizleme arasından kayan seçenekler görünüyordu) */
  html:not(.bv-embed) .bvk-t-stream-goal-bar .sgb-mini{position:sticky;top:72px;z-index:3;box-shadow:0 -12px 0 2px var(--kzk-card),0 8px 18px rgba(0,0,0,.35)}
  html:not(.bv-embed)[data-theme=light] .bvk-t-stream-goal-bar .sgb-mini{box-shadow:0 -12px 0 2px var(--kzk-card),0 8px 18px rgba(40,20,60,.18)}
}

/* ───────── Tur 4 (10 Eki) ───────── */
/* Dışa aktarma tek blokken kilit notu da sola (üstündeki 'Kullandığın bir bağlantıyı düzenle' ile aynı eksen) */
@container kzkc (max-width:639px){.bvk-t-stream-goal-bar .sgb-exp .kzk-lock{justify-content:flex-start;text-align:left}}
/* 'Hedef aşılınca' ipucu + 'Sayı görünsün' aynı satırda */
.bvk-t-stream-goal-bar .sgb-overP .sgb-linkBtn{font-size:12px;padding:0}
.bvk-t-stream-goal-bar .sgb-overP .sgb-linkBtn[hidden]{display:none}
/* Ek hedefler: kilometre taşı satırlarıyla aynı */
.bvk-t-stream-goal-bar .sgb-sgF{display:flex;flex-direction:column;align-items:flex-start;margin-top:10px}
.bvk-t-stream-goal-bar .sgb-sgF[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-sgF>.sgb-msList{align-self:stretch}
.bvk-t-stream-goal-bar .sgb-ms[data-sg]>input:first-child{font-variant-numeric:tabular-nums}
/* Genişlik hazırları: ad + OBS kaynak genişliği */
.bvk-t-stream-goal-bar .sgb-wpre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:-2px 0 2px}
.bvk-t-stream-goal-bar .sgb-wpre[hidden]{display:none}
.bvk-t-stream-goal-bar .kzk-seg--chips.sgb-wpre>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:40px;padding:4px 4px;font-size:11.5px;line-height:1.15}
.bvk-t-stream-goal-bar .sgb-wpre>button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-stream-goal-bar .sgb-wpN{font:500 10.5px/1 var(--kzk-mono);color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-stream-goal-bar .sgb-wpre>button.on .sgb-wpN{color:inherit;opacity:.8}
/* Yazı tipi döşemeleri: yayıncının etiketi kendi yazı tipinde, altında yazı tipinin adı */
.bvk-t-stream-goal-bar .sgb-fonts>button{flex-direction:column;justify-content:center;gap:2px;min-height:50px}
.bvk-t-stream-goal-bar .sgb-fonts>button>.sgb-fontS{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:inherit;line-height:1.25}
.bvk-t-stream-goal-bar .sgb-fontN{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10.5px/1.1 var(--kzk-font);color:var(--kzk-muted);letter-spacing:0}
.bvk-t-stream-goal-bar .sgb-fontN[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-fonts>button.on .sgb-fontN{color:inherit;opacity:.75}
.bvk-t-stream-goal-bar .sgb-fontAlt[hidden]{display:none}
.bvk-t-stream-goal-bar .sgb-fontAlt{margin-top:8px}
.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=space]>.sgb-fontS,.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=inter]>.sgb-fontS,.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=rajdhani]>.sgb-fontS{font-weight:700}
.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=orbitron]>.sgb-fontS{font-weight:800;font-size:12.5px}
.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=press]>.sgb-fontS{font-size:9.5px;line-height:1.6}
.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=bebas]>.sgb-fontS{font-size:18px;letter-spacing:.4px}
.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=audiowide]>.sgb-fontS{font-size:13.5px}
.bvk-t-stream-goal-bar .sgb-fonts>button[data-v=pacifico]>.sgb-fontS{line-height:1.45}
/* Sayı artınca: üç döşeme yan yana */
.bvk-t-stream-goal-bar .kzk-seg.sgb-glyphs.sgb-gfx.sgb-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Görünüm bildirimi: 'Önizlemeyi gör' */
.bvk-t-stream-goal-bar .sgb-seePrev,.sgb-seePrev{margin-top:6px}
/* ≥1380 (sağ sütun dar): panel bilgisi tek satır bağlantı — dışa aktarma sütunu ilk satırın boyunu uzatmasın, görünümler
   ilk ekranda başlasın (tur 4) */
.bvk-t-stream-goal-bar .sgb-autoL2{display:none}
@container kzk (min-width:1380px){
  html:not(.bv-embed) .bvk-t-stream-goal-bar .sgb-auto{align-items:center;padding-top:9px;padding-bottom:9px}
  html:not(.bv-embed) .bvk-t-stream-goal-bar .sgb-auto p{display:none}
  html:not(.bv-embed) .bvk-t-stream-goal-bar .sgb-autoL1{display:none}
  html:not(.bv-embed) .bvk-t-stream-goal-bar .sgb-autoL2{display:inline}
  html:not(.bv-embed) .bvk-t-stream-goal-bar .sgb-autoLink::after{content:" →"}
}