/* Webcam Overlay Maker v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-webcam-overlay-maker.
   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, şeffaf, pencereye sığar ───────── */
html.wo-view,html.wo-view body{background:transparent!important;color-scheme:normal!important;margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important}
html.wo-view body>*:not(.wo-viewer):not(.wo-viewChip):not(.wo-viewEmpty){display:none!important}
html.wo-view .wo-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): parıltı görülebilsin diye koyu damalı zemin + köşede bilgi. OBS'te yok. */
html.wo-view.wo-view--browser,html.wo-view.wo-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.wo-view .wo-viewChip{position:fixed;left:14px;bottom:14px;z-index:2;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;letter-spacing:.1px;box-shadow:0 6px 24px rgba(0,0,0,.4)}
html.wo-view .wo-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.wo-view .wo-viewEmpty p{margin:0}
html.wo-view .wo-viewEmpty a{color:#c4a1ff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.4)}

.bvk-t-webcam-overlay-maker{--wo-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1))}

/* ───────── Ortak glif ───────── */
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-g .wo-f{fill:currentColor;stroke:none}
.bvk-t-webcam-overlay-maker .wo-g .wo-f2{fill:color-mix(in srgb,currentColor 26%,transparent)}
.bvk-t-webcam-overlay-maker .wo-g.wo-gf{fill:currentColor;stroke:none}
.bvk-t-webcam-overlay-maker .wo-mt{margin-top:12px}
.bvk-t-webcam-overlay-maker .wo-aside{max-width:60%;overflow:hidden;text-overflow:ellipsis}
.bvk-t-webcam-overlay-maker .wo-note{color:var(--kzk-faint);white-space:normal;text-align:right}

/* Glifli seçim ızgaraları (şekil, hat, bitiş, plaka, maske, yön): simge üstte, etiket altta. */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs>button>span,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs>button:not(.on) .wo-g,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button:not(.on) .wo-ar{color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs>button:not(.on):hover .wo-g,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button:not(.on):hover .wo-ar{color:var(--kzk-text-2)}
/* 4 + 3 (şekil, plaka): ikinci satırdaki üç düğme satırı doldurur. */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes,.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g43{gap:6px;grid-template-columns:repeat(12,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-g43>button{grid-column:span 3}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button:nth-child(n+5),.bvk-t-webcam-overlay-maker .kzk-seg.wo-g43>button:nth-child(n+5){grid-column:span 4}
.bvk-t-webcam-overlay-maker .wo-ar{display:block;width:var(--w);height:var(--h);border:1.8px solid currentColor;border-radius:3px;margin:auto 0 0}
.bvk-t-webcam-overlay-maker .wo-shapes>button>.wo-ar{margin-top:auto}
.bvk-t-webcam-overlay-maker .wo-shapes>button>span{margin-bottom:auto}
.bvk-t-webcam-overlay-maker .wo-ar--c{border-radius:50%}
.bvk-t-webcam-overlay-maker .on>.wo-ar{background:color-mix(in srgb,currentColor 16%,transparent)}

/* Degrade türü ve yüzey bitişi örnekleri */
.bvk-t-webcam-overlay-maker .wo-gt,.bvk-t-webcam-overlay-maker .wo-fin{display:block;width:30px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.bvk-t-webcam-overlay-maker .wo-gt--linear{background:linear-gradient(90deg,#a855f7,#fbbf24)}
.bvk-t-webcam-overlay-maker .wo-gt--conic{background:conic-gradient(from 90deg,#a855f7,#fbbf24,#22d3ee,#a855f7);border-radius:50%;width:20px;height:20px}
.bvk-t-webcam-overlay-maker .wo-gt--radial{background:radial-gradient(circle,#fbbf24 0 20%,#a855f7 75%);border-radius:50%;width:20px;height:20px}
.bvk-t-webcam-overlay-maker .wo-fin--flat{background:#a855f7}
.bvk-t-webcam-overlay-maker .wo-fin--metal{background:linear-gradient(160deg,#fafafa 0%,#a1a1aa 38%,#f4f4f5 52%,#71717a 78%,#d4d4d8 100%)}
.bvk-t-webcam-overlay-maker .wo-fin--glass{background:linear-gradient(140deg,rgba(255,255,255,.62),rgba(190,170,255,.18) 55%,rgba(255,255,255,.4));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 0 0 1px rgba(120,90,200,.25)}
.bvk-t-webcam-overlay-maker .wo-fin--holo{background:linear-gradient(115deg,#a5f3fc,#f0abfc 30%,#fde68a 55%,#a7f3d0 78%,#c4b5fd)}
.bvk-t-webcam-overlay-maker .kzk-seg>button:not(.on)>:is(.wo-gt,.wo-fin){opacity:.82}

/* Stil sekmesi (bölüm başlığında küçük iz) */
.bvk-t-webcam-overlay-maker .kzk-sec-head>.wo-stab,.bvk-t-webcam-overlay-maker .kzk-sec-head>.wo-ncol{margin-left:auto;flex:0 0 auto}
.bvk-t-webcam-overlay-maker .wo-stab>button{min-height:28px;padding:2px 10px;font-size:12px;white-space:nowrap}
.bvk-t-webcam-overlay-maker .wo-ncol>button{min-height:28px;min-width:32px;padding:2px 8px;font-size:12px}
.bvk-t-webcam-overlay-maker .wo-stab .wo-n{margin-left:4px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}

/* Küçük önizlemeli döşemeler (stil, süs) */
.bvk-t-webcam-overlay-maker .wo-tiles{--kzk-tile-min:88px;--kzk-thumb-h:60px}
/* Animasyonlu sekme: daha büyük döşeme (hareketin farkı küçük resimde okunabilsin) */
.bvk-t-webcam-overlay-maker .wo-tiles.wo-tiles--anim{--kzk-tile-min:112px;--kzk-thumb-h:70px}
.bvk-t-webcam-overlay-maker .wo-tiles .kzk-tile-thumb{background:#120f1b}
/* Uzun çeviriler (de 'Durchgezogene Linie', 'Eckklammern') kelime ortasından değil hecesinden bölünsün (html lang i18n.js'ten). */
.bvk-t-webcam-overlay-maker .kzk-tile-label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/* Paletler */
.bvk-t-webcam-overlay-maker .wo-pals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (min-width:540px){.bvk-t-webcam-overlay-maker .wo-pals{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bvk-t-webcam-overlay-maker .wo-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(--wo-ease)}
.bvk-t-webcam-overlay-maker .wo-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-webcam-overlay-maker .wo-pal:hover{transform:translateY(-1px)}}
.bvk-t-webcam-overlay-maker .wo-pal>i{display:block;height:20px;border-radius:5px;background:linear-gradient(90deg,var(--a) 0 34%,var(--b) 34% 67%,var(--c) 67%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 6px 8px -6px rgba(255,255,255,.45)}
.bvk-t-webcam-overlay-maker .wo-pal[data-fin=metal]>i{background:linear-gradient(160deg,var(--b),var(--a) 40%,var(--c) 55%,var(--a) 80%)}
.bvk-t-webcam-overlay-maker .wo-pal[data-fin=holo]>i{background:linear-gradient(115deg,var(--a),var(--b) 45%,var(--c) 75%,var(--a))}
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-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)}

/* Renk satırları: dar ray panelinde iki renk yan yana */
.bvk-t-webcam-overlay-maker .kzk-row.wo-crow{grid-template-columns:repeat(auto-fit,minmax(min(122px,100%),1fr));gap:10px}
.bvk-t-webcam-overlay-maker .wo-grad{margin-top:14px}
.bvk-t-webcam-overlay-maker .wo-grad .kzk-field+.kzk-field{margin-top:12px}
.bvk-t-webcam-overlay-maker .wo-sw{margin-top:10px}
.bvk-t-webcam-overlay-maker .wo-sw+.kzk-field{margin-top:10px}
.bvk-t-webcam-overlay-maker .wo-autoSw{margin-top:2px}
.bvk-t-webcam-overlay-maker .wo-autoColor{margin-top:8px}
.bvk-t-webcam-overlay-maker .wo-sub{margin-top:14px;padding-top:12px;border-top:1px dashed var(--kzk-line)}

/* Platform simgeleri */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-icons{gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .wo-icons>button{min-height:40px;padding:0}
.bvk-t-webcam-overlay-maker .wo-icons .wo-g{width:19px;height:19px}
.bvk-t-webcam-overlay-maker .wo-icons>button:not(.on){color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .wo-icons>button:not(.on):hover{color:var(--kzk-text)}

/* Yazı tipleri: ad kendi yazı tipinde */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-fonts{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .wo-fonts>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:56px;padding:6px 10px;font-weight:400;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden}
.bvk-t-webcam-overlay-maker .wo-fonts>button>.wo-fs{display:flex;align-items:center;height:22px;overflow:hidden;white-space:nowrap;max-width:100%;color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .wo-fonts>button>.wo-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-webcam-overlay-maker .wo-fonts>button.on>.wo-fs{color:var(--kzk-gold)}
.bvk-t-webcam-overlay-maker .wo-fonts>button.on{font-weight:400}

/* Konum ızgaraları */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-pos8{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-pos6{gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker :is(.wo-pos8,.wo-pos6)>button{min-height:44px;padding:0}
.bvk-t-webcam-overlay-maker :is(.wo-pos8,.wo-pos6,.wo-corners)>button:not(.on) .wo-g{color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker :is(.wo-pos8,.wo-pos6,.wo-corners)>button:not(.on):hover .wo-g{color:var(--kzk-text-2)}
.bvk-t-webcam-overlay-maker .wo-pos8 .wo-g,.bvk-t-webcam-overlay-maker .wo-pos6 .wo-g{width:26px;height:26px}
.bvk-t-webcam-overlay-maker .wo-corners{flex:0 0 auto}
.bvk-t-webcam-overlay-maker .wo-corners>button{min-height:32px;min-width:40px;padding:0 6px}
.bvk-t-webcam-overlay-maker .wo-corners .wo-g{width:20px;height:20px}

/* Rozetler: kartta çizilen rozetin küçük hali */
/* yerel rozet sözcükleri (EN DIRECT, AO VIVO, CANLI) sığsın: düğmeler içeriğe göre büyür, satıra sarılır */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-badges{display:flex;flex-wrap:wrap;gap:5px}
.bvk-t-webcam-overlay-maker .wo-badges>button{flex:1 0 auto;min-height:40px;padding:4px 7px;font-size:12px;min-width:0}
.bvk-t-webcam-overlay-maker .wo-badges>button>span{overflow:visible}
.bvk-t-webcam-overlay-maker .wo-bdg{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 6px;border-radius:5px;background:#0f0d16;color:#fff;font:700 10.5px/1 var(--kzk-font);letter-spacing:.4px;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.bvk-t-webcam-overlay-maker .wo-bdot{flex:none}
.bvk-t-webcam-overlay-maker .wo-bdot{display:block;width:7px;height:7px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 6px rgba(255,59,92,.7)}
.bvk-t-webcam-overlay-maker .wo-bdot--ring{background:transparent;box-shadow:inset 0 0 0 2px #ff3b5c}
.bvk-t-webcam-overlay-maker .wo-bdot--cam{border-radius:2px;width:9px;height:6px;background:#d9d5e6;box-shadow:none}
.bvk-t-webcam-overlay-maker .wo-badges>button.on .wo-bdg{box-shadow:inset 0 0 0 1px var(--kzk-gold-line)}

/* Logo */
.bvk-t-webcam-overlay-maker .wo-drop{min-height:118px}
.bvk-t-webcam-overlay-maker .wo-raven{margin-top:8px;width:100%}
.bvk-t-webcam-overlay-maker .wo-raven img{width:18px;height:18px;border-radius:5px;flex:none}

/* Hareket paneli: statik stilde kapalı ama görünür */
.bvk-t-webcam-overlay-maker .wo-motionOff{margin-bottom:14px}
.bvk-t-webcam-overlay-maker .wo-motionOff p{margin:0 0 10px}
.bvk-t-webcam-overlay-maker .wo-motion[inert]{opacity:.45;filter:saturate(.6)}
.bvk-t-webcam-overlay-maker .wo-loops>button{min-height:30px;padding:2px 4px;font-variant-numeric:tabular-nums}
.bvk-t-webcam-overlay-maker #wo-geomSec[data-off] .wo-geomGrid,.bvk-t-webcam-overlay-maker #wo-geomSec[data-off] .kzk-seg{opacity:.45;filter:saturate(.5)}

/* Ad etiketi kapalıyken ayarlar katlanır */
.bvk-t-webcam-overlay-maker .wo-lblWrap[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-lblWrap>.kzk-sec:first-child{margin-top:16px;padding-top:16px;border-top:1px solid var(--kzk-line)}

/* ───────── Önizleme ───────── */
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage{--kzk-stage-pad:14px}
/* Sahne görseli soluk: çerçeve ön planda kalsın (parlak kale manzarası çerçeveyle yarışıyordu) */
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage[data-scene=scene]{background:linear-gradient(rgba(12,9,20,.45),rgba(12,9,20,.45)),var(--kzk-scene-img,url("/kuzgun-welcome-landscape.webp")) center/cover no-repeat,#1a1428}
/* Yayında görünümü: tuval sahneyi doldurur (16:9 oyun sahnesi), arka plan seçimi gereksiz */
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage.wo-onStream{--kzk-stage-pad:0px;background:#0b0814}
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage.wo-onStream .kzk-stage-in>canvas{border-radius:0}
.bvk-t-webcam-overlay-maker .wo-streamMode .kzk-dock>.kzk-scenes{display:none}
.bvk-t-webcam-overlay-maker .wo-streamSize>button{min-height:32px;min-width:34px;padding:2px 8px;font-size:12px;font-weight:700}
.bvk-t-webcam-overlay-maker .wo-streamSize[hidden]{display:none}
.bvk-t-webcam-overlay-maker #wo-prevTag.wo-trying{color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker #wo-prevTag.wo-trying::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--kzk-lilac);vertical-align:1px}
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage-in>canvas{border-radius:2px}
.bvk-t-webcam-overlay-maker .wo-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.bvk-t-webcam-overlay-maker .wo-rnd{gap:6px}
.bvk-t-webcam-overlay-maker #wo-prevTag{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.bvk-t-webcam-overlay-maker .wo-camBtn{min-height:36px;gap:6px}
.bvk-t-webcam-overlay-maker .wo-camBtn[aria-pressed=true]{color:var(--kzk-text);background:var(--kzk-card-3);border-color:var(--kzk-ctl-border)}
.bvk-t-webcam-overlay-maker .wo-camBtn[aria-pressed=false] .wo-camOn{display:none}
.bvk-t-webcam-overlay-maker .wo-camBtn[aria-pressed=true] .wo-camOff{display:none}
@container kzkc (max-width:520px){
  .bvk-t-webcam-overlay-maker .wo-rnd>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bvk-t-webcam-overlay-maker .wo-rnd{padding:0 8px}
  .bvk-t-webcam-overlay-maker #wo-prevTag{display:none}
}

/* ───────── Görünümler ───────── */
.bvk-t-webcam-overlay-maker .wo-ltabsWrap{position:relative;margin:0 0 12px}
.bvk-t-webcam-overlay-maker .wo-ltabs{margin:0 -2px;gap:6px}
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-ltabsNext[hidden]{display:none}
.bvk-t-webcam-overlay-maker .kzk-seg--chips.wo-ltabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px}
.bvk-t-webcam-overlay-maker .kzk-seg--chips.wo-ltabs::-webkit-scrollbar{display:none}
.bvk-t-webcam-overlay-maker .kzk-seg--chips.wo-ltabs.wo-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-webcam-overlay-maker .wo-ltabs>button{flex:0 0 auto;min-height:30px;padding:3px 12px;font-size:12.5px}
.bvk-t-webcam-overlay-maker .wo-ltabs>button .wo-n{margin-left:5px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-webcam-overlay-maker .wo-ltabs>button.on .wo-n{color:inherit;opacity:.8}
.bvk-t-webcam-overlay-maker .wo-looks{--kzk-ar:16/9}
.bvk-t-webcam-overlay-maker .kzk-cards.wo-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bvk-t-webcam-overlay-maker .wo-looks .kzk-tcard-thumb{background:#120f1c}
@container kzkc (min-width:452px){.bvk-t-webcam-overlay-maker .kzk-cards.wo-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@container kzkc (min-width:892px){.bvk-t-webcam-overlay-maker .kzk-cards.wo-looks{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Tek sütun (gömülü 770 / mobil): görünümler önizlemenin hemen altında (JS taşır) */
.bvk-t-webcam-overlay-maker .kzk-col-prev>.wo-looksCard{flex:0 0 auto}

/* Dar dokunmatik: glifli ızgaralar */
@container kzk (max-width:430px){
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button{min-height:58px}
}

/* Geniş seçenek paneli (tek sütun: gömülü 770, tablet): ızgaralar tek satıra açılır, boşluk kalmaz. */
@container kzkc (min-width:540px){
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes{grid-template-columns:repeat(7,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button:nth-child(n+5){grid-column:auto}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g8{grid-template-columns:repeat(8,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g43{grid-template-columns:repeat(7,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-g43>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-g43>button:nth-child(n+5){grid-column:auto}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-pos8{grid-template-columns:repeat(8,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-fonts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-row.wo-crow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .wo-tiles{--kzk-tile-min:104px;--kzk-thumb-h:66px}
}

/* KİT EKSİĞİ (kzk 1.2.0): galeri 'cards' varyantında 'Daha fazla' arkasındaki kartlar CSS ile gizlenmiyor
   (kural yalnız .kzk-tiles için) → çizilmemiş boş kartlar görünüyordu. Geçici çözüm bu kapsamda. */
.bvk-t-webcam-overlay-maker .kzk-cards:not(.is-open)>[data-more]{display:none}
.bvk-t-webcam-overlay-maker .kzk-cards>.kzk-more-btn{grid-column:1/-1}

/* Dar kart (mobil, 390): sahne iç boşluğu küçülür (çerçeve büyür); görünüm sekmeleri tek satırda yatay kayar. */
@container kzkc (max-width:460px){
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-stage{--kzk-stage-pad:8px}
}

.bvk-t-webcam-overlay-maker .wo-plates .wo-g{width:30px;height:24px}
.bvk-t-webcam-overlay-maker .wo-tempo .wo-g{width:24px;height:22px}
.bvk-t-webcam-overlay-maker .wo-raven[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-liveBtn[aria-pressed=true] svg{color:#ff4d6a}
.bvk-t-webcam-overlay-maker .wo-liveBtn[aria-busy=true]{opacity:.6;pointer-events:none}
/* Ray: 'Bewegung', 'Mouvement', 'Movimiento' sığsın (kit 64 px + üç nokta). Kalan taşmayı JS yazı boyunu küçülterek giderir. */
.bvk-t-webcam-overlay-maker .kzk-railwrap{grid-template-columns:72px minmax(0,1fr)}
@container kzk (max-width:599px){.bvk-t-webcam-overlay-maker .kzk-railwrap{grid-template-columns:minmax(0,1fr)}}
/* İsim etiketi kapalıyken seçenekler soluk görünür; birine dokunmak etiketi açar (boş panel yerine). */
.bvk-t-webcam-overlay-maker .wo-lblWrap{transition:opacity .2s var(--wo-ease)}
.bvk-t-webcam-overlay-maker .wo-lblWrap.wo-dim{opacity:.5}
.bvk-t-webcam-overlay-maker .wo-lblWrap.wo-dim:hover,.bvk-t-webcam-overlay-maker .wo-lblWrap.wo-dim:focus-within{opacity:.78}
/* Dok: sahne, kamera düğmeleri, yakınlaştırma — dar kartta düğmeler alt satıra iner. */
/* Animasyonlu stilde 'Tekrar oynat' dar kartta yalnız simge (yakınlaştırma tek başına alt satıra düşmesin); ad erişilebilir kalır. */
@container kzkc (min-width:441px) and (max-width:780px){
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-replay{padding-left:10px;padding-right:10px}
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-replay>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.bvk-t-webcam-overlay-maker .wo-prev .kzk-dock{gap:6px}
.bvk-t-webcam-overlay-maker .wo-camGroup>.wo-camBtn{padding-left:8px;padding-right:8px;gap:5px;font-size:12px}
@container kzkc (max-width:520px){.bvk-t-webcam-overlay-maker .wo-camBtn>span{font-size:12px}}
.bvk-t-webcam-overlay-maker .wo-camBtn[data-dim]{opacity:.5}
/* Orta genişlikte dok: üst satır sahne + yakınlaştırma, alt satır kamera düğmeleri (zoom tek başına alta düşmesin). */
.bvk-t-webcam-overlay-maker .wo-camGroup{display:inline-flex;gap:6px;min-width:0}
/* Önizleme kartı ≤800 (iki sütunlu düzenler, telefon): üst satır sahne + tekrar oynat + yakınlaştırma, alt satır kamera
   düğmeleri eşit genişlikte (yakınlaştırma tek başına alt satıra düşmesin). */
@container kzkc (max-width:800px){
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.wo-camGroup{order:3;flex:1 1 100%}
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-camBtn{flex:1 1 0;justify-content:center}
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-streamSize{flex:0 0 auto}
}
@container kzkc (max-width:600px){
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-replay{order:4}
}

/* Telefonda (dar önizleme kartı, 44 px dokunma hedefleri): başlık tek satır (boyut etiketi dışa aktarma düğmesinde de
   yazıyor), dok satırları tam genişlik ve dengeli — araçlar ikinci satırda tek başına kalmasın. */
@container kzkc (max-width:440px){
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-prev-head>.kzk-size{display:none}
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-scenes,.bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-zoom{flex:1 1 auto;justify-content:space-between}
}


/* ═════════ Tur 1 düzeltmeleri (9 Eki) ═════════ */

.bvk-t-webcam-overlay-maker .kzk-col-more>.wo-looksCard,.bvk-t-webcam-overlay-maker .kzk-col-prev>.wo-looksCard{flex:0 0 auto}
.bvk-t-webcam-overlay-maker .kzk-col-prev>.wo-prev{flex:0 0 auto}
/* Telefon: sahnenin 240 px alt sınırı kalkar (316×178 tuvalin üstünde/altında boş bant kalıyordu) */
@container kzkc (max-width:460px){.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage{min-height:0}}

/* Yakınlaştırma sığdır kipindeyken yüzde yerine 'Sığdır' (metin JS'ten çevrili, --wo-fit) */
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val{font-size:0}
.bvk-t-webcam-overlay-maker .wo-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val::after{content:var(--wo-fit,"Fit");font-size:12.5px}

/* Taslak notu (önizlemenin üstünde, satır içi) */
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-draft>svg{color:var(--kzk-lilac);flex:none}
.bvk-t-webcam-overlay-maker .wo-draft>span{flex:1 1 auto;min-width:0}
.bvk-t-webcam-overlay-maker .wo-draft>.kzk-btn{flex:none}

/* Telefon eylem satırı + mini önizleme (yalnız tek sütunda) */
.bvk-t-webcam-overlay-maker .wo-mact{display:flex;gap:8px;margin-top:10px}
.bvk-t-webcam-overlay-maker .wo-mact>.kzk-btn{flex:1 1 0;justify-content:center;min-height:44px;min-width:0}
.bvk-t-webcam-overlay-maker .wo-mact>.kzk-btn>span{min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.bvk-t-webcam-overlay-maker .wo-mini{display:none}
@container kzk (max-width:859px){
  .bvk-t-webcam-overlay-maker .wo-mini{display:block;flex:0 0 auto;position:relative;height:132px;margin:12px 12px 0;border-radius:var(--kzk-r-md);overflow:hidden;border:1px solid var(--kzk-line);background:#120f1b}
  .bvk-t-webcam-overlay-maker .wo-mini>canvas{display:block;width:100%;height:100%}
}
/* Eylem satırı: dışa aktarma kartı önizlemenin yanında değilse (≤1379) önizlemenin hemen altında */
@container kzk (min-width:860px){.bvk-t-webcam-overlay-maker .wo-mact{display:none}}

/* Rozet biçimi örnekleri */
.bvk-t-webcam-overlay-maker .wo-bsg{display:flex;align-items:center;gap:3px;height:16px;padding:0 6px 0 5px;border-radius:5px;font-style:normal}
.bvk-t-webcam-overlay-maker .wo-bsg>b{display:block;width:6px;height:6px;border-radius:50%;background:#fff}
.bvk-t-webcam-overlay-maker .wo-bsg::after{content:"";display:block;width:16px;height:3px;border-radius:2px;background:currentColor;opacity:.9}
.bvk-t-webcam-overlay-maker .wo-bsg--solid{background:#e8173a;color:#fff}
.bvk-t-webcam-overlay-maker .wo-bsg--glass{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.06)),rgba(20,16,32,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);color:#fff}
.bvk-t-webcam-overlay-maker .wo-bsg--glass>b,.bvk-t-webcam-overlay-maker .wo-bsg--outline>b,.bvk-t-webcam-overlay-maker .wo-bsg--minimal>b{background:#ff3b5c}
.bvk-t-webcam-overlay-maker .wo-bsg--outline{box-shadow:inset 0 0 0 1.6px currentColor;color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .wo-bsg--minimal{padding:0 2px;color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .kzk-seg>button:not(.on)>.wo-bsg{opacity:.85}

/* Vurgular: 5 seçenek → 3 + 2 (geniş panelde tek satır) */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g5{grid-template-columns:repeat(6,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-g5>button{grid-column:span 2}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-g5>button:nth-child(n+4){grid-column:span 3}
@container kzkc (min-width:540px){
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-g5>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-g5>button:nth-child(n+4){grid-column:auto}
}

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


/* Logodan palet: ilk sırada, kesik çerçeveli (ayırt edilsin) */
.bvk-t-webcam-overlay-maker .wo-pal--logo{border-style:dashed}

/* Açık tema eşitliği: beyaz örnekler/çipler açık zeminde kaybolmasın; cam bitiş çipi damalı zeminde */
html[data-theme=light] .bvk-t-webcam-overlay-maker :is(.wo-pal>i,.wo-gt,.wo-fin,.wo-keys i){box-shadow:inset 0 0 0 1px rgba(20,16,40,.16)}
html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-fin--glass{background:linear-gradient(140deg,rgba(255,255,255,.7),rgba(190,170,255,.3) 55%,rgba(255,255,255,.5)),repeating-conic-gradient(#d9d4e6 0 25%,#f4f2f8 0 50%) 0 0/8px 8px;box-shadow:inset 0 0 0 1px rgba(20,16,40,.2)}
html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-bsg--outline,html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-bsg--minimal{color:#2a2340}
html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-tiles .kzk-tile-thumb,html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-looks .kzk-tcard-thumb{background:#2a2140}



/* ═════════ Tur 2 (9 Eki): düzen, dışa aktarma kartı, yeni kontroller ═════════ */

/* ── Düzen ──
   <860 (telefon, gömülü 770): tek sütun. Kitin '.kzk-railwrap{min-height:100%}' kuralı mini önizleme kardeşi varken
   paneli kartın dışına taşırıyordu (KİT EKSİĞİ: railwrap kartın tek çocuğu sayılıyor) ve eşitleme kısa panellerde boş
   blok bırakıyordu (KİT EKSİĞİ: eşitleme isteğe bağlı olmalı) → ikisi de bu kapsamda kapatılır.
   860–1379 (panel 900/1100, dizüstü 1280): seçenekler | önizleme, seçenekler | görünümler, altta tam genişlik dışa aktarma.
   ≥1380: seçenekler | önizleme | dışa aktarma, altta görünümler önizleme+dışa aktarma genişliğinde.
   ≥860'ta seçenek kartı ızgara yüksekliğini BELİRLEMEZ (contain:size): komşu sütunun boyunda durur, uzun paneller içeride
   kayar (tekerlek uçta sayfaya geçer: overscroll kilidi yok). */
@container kzk (max-width:859px){
  .bvk-t-webcam-overlay-maker .wo-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
  .bvk-t-webcam-overlay-maker .wo-opts .kzk-panes{min-height:0!important}
}
@container kzk (min-width:860px){
  /* 860–1379: dışa aktarma önizlemenin hemen altında (tek altın birincil düğme; eylem satırı yok), görünümler altta tam
     genişlikte */
  .bvk-t-webcam-overlay-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-webcam-overlay-maker .kzk-col-opts{contain:size;min-height:660px}
  .bvk-t-webcam-overlay-maker .kzk-col-opts>.wo-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-webcam-overlay-maker .wo-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-webcam-overlay-maker .wo-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-webcam-overlay-maker .wo-opts .kzk-panes.wo-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
  .bvk-t-webcam-overlay-maker .kzk-col-more{align-self:start}
  .bvk-t-webcam-overlay-maker .kzk-col-exp{align-self:stretch}
  .bvk-t-webcam-overlay-maker .kzk-col-exp>.wo-exp{flex:1 1 auto}
}
@container kzk (min-width:1380px){
  .bvk-t-webcam-overlay-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}
}

/* ── Dışa aktarma kartı ──
   Dar kartta (≥1380 sağ sütun, telefon) üstte biçim çipleri ve tek blok; geniş kartta (alt satır) bloklar yan yana,
   çipler gizli. Bloklarda çerçeve/dolgu yok (kart > blok > iz üç kat kutu ağırdı); geniş kartta ince ayırıcı. */
.bvk-t-webcam-overlay-maker .wo-xfmt{margin:0 0 12px;gap:6px}
.bvk-t-webcam-overlay-maker .wo-xfmt>button{position:relative;min-height:34px;padding:4px 14px;font-weight:600}
.bvk-t-webcam-overlay-maker .wo-xfmt>button[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-recDot{display:none;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--kzk-ok,#4ade80);box-shadow:0 0 0 3px color-mix(in srgb,var(--kzk-ok,#4ade80) 22%,transparent)}
.bvk-t-webcam-overlay-maker .wo-xfmt[data-rec=link]>button[value=link] .wo-recDot{display:inline-block}
.bvk-t-webcam-overlay-maker .wo-exp .kzk-exp-actions.wo-xblocks{display:flex;flex-direction:column;gap:12px}
.bvk-t-webcam-overlay-maker .wo-xblk{display:flex;flex-direction:column;gap:10px;min-width:0}
.bvk-t-webcam-overlay-maker .wo-xblk:not(.is-cur){display:none}
.bvk-t-webcam-overlay-maker .wo-xblk[hidden]{display:none!important}
.bvk-t-webcam-overlay-maker .wo-xhead{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.bvk-t-webcam-overlay-maker .wo-xtitle{font:700 13.5px/1.3 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .wo-xsub{flex-basis:100%;font:400 12px/1.4 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .wo-xhead .kzk-tag--chip{padding:2px 7px;font-size:11px}
.bvk-t-webcam-overlay-maker .wo-xrow{display:flex;align-items:center;gap:10px;min-width:0}
.bvk-t-webcam-overlay-maker .wo-xrow>.kzk-label{flex:0 0 auto;margin:0;font-size:12px;color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .wo-xrow>.kzk-seg{flex:1 1 auto;min-width:0}
.bvk-t-webcam-overlay-maker .wo-xrow--col{flex-direction:column;align-items:stretch;gap:6px}
.bvk-t-webcam-overlay-maker .wo-xseg>button{min-height:30px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0}
.bvk-t-webcam-overlay-maker .wo-xblk>.kzk-btn{width:100%;justify-content:center;padding-left:12px;padding-right:12px;height:auto;min-height:48px}
.bvk-t-webcam-overlay-maker .wo-xblk>.kzk-btn .kzk-btn-txt{min-width:0;flex:0 1 auto}
.bvk-t-webcam-overlay-maker .wo-xblk>.kzk-btn .kzk-btn-sub{white-space:normal;overflow-wrap:anywhere}
.bvk-t-webcam-overlay-maker .wo-exp .kzk-lock{margin-top:0}
@container kzkc (min-width:640px){
  .bvk-t-webcam-overlay-maker .wo-xfmt{display:none}
  .bvk-t-webcam-overlay-maker .wo-exp .kzk-exp-actions.wo-xblocks{flex-direction:row;flex-wrap:wrap;gap:0;align-items:stretch}
  .bvk-t-webcam-overlay-maker .wo-xblk,.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-xblk+.wo-xblk:not([hidden]){box-shadow:-1px 0 0 0 var(--kzk-line)}
  .bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-xblk.is-cur+.wo-xblk{box-shadow:none}
  .bvk-t-webcam-overlay-maker .wo-exp .wo-xblocks>.kzk-lock{flex-basis:100%;margin-top:8px}
}
/* Kamera maskesi: ipucu düğmelerin ÜSTÜNDE; gerektiğinde lila 'Gerekli' etiketi (düğme dolgulu değil, çerçeveli) */
.bvk-t-webcam-overlay-maker .wo-mask{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--kzk-line)}
.bvk-t-webcam-overlay-maker .wo-maskHead{display:flex;align-items:center;gap:8px}
.bvk-t-webcam-overlay-maker .wo-xlabel{font:600 12.5px/1.3 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-webcam-overlay-maker .wo-need{padding:1px 7px;font-size:10.5px;color:var(--kzk-lilac);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg)}
.bvk-t-webcam-overlay-maker .wo-need[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-mask .kzk-hint{margin:0;font-size:11.5px;line-height:1.45}
.bvk-t-webcam-overlay-maker .wo-mask[data-need] .kzk-hint{color:var(--kzk-text-2)}
.bvk-t-webcam-overlay-maker .wo-maskRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.bvk-t-webcam-overlay-maker .wo-maskRow>.kzk-btn{justify-content:center;gap:6px;min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap}
.bvk-t-webcam-overlay-maker .wo-maskRow>.kzk-btn>span{overflow:hidden;text-overflow:ellipsis}
.bvk-t-webcam-overlay-maker .wo-mask[data-need] .wo-maskBtn{border-color:var(--kzk-lilac);color:var(--kzk-text)}
@container kzkc (max-width:340px){.bvk-t-webcam-overlay-maker .wo-maskRow{grid-template-columns:minmax(0,1fr)}}
/* WebM arka planı */
.bvk-t-webcam-overlay-maker .wo-keys>button{position:relative;gap:5px;justify-content:center;min-width:0;white-space:nowrap;font-size:11.5px;padding:2px 3px}
.bvk-t-webcam-overlay-maker .wo-keys>button[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-keys i{display:block;width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);flex:none}
.bvk-t-webcam-overlay-maker :is(.wo-keys[data-best=none]>[data-k=none],.wo-keys[data-best=green]>[data-k=green],.wo-keys[data-best=blue]>[data-k=blue],.wo-keys[data-best=magenta]>[data-k=magenta])::after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--kzk-ok,#4ade80)}
.bvk-t-webcam-overlay-maker .wo-keys.wo-keys--one>[data-k=none]::after{display:none}
.bvk-t-webcam-overlay-maker :is(.wo-keys[data-warn~=green]>[data-k=green],.wo-keys[data-warn~=blue]>[data-k=blue],.wo-keys[data-warn~=magenta]>[data-k=magenta]):not(.on){color:var(--kzk-faint)}
.bvk-t-webcam-overlay-maker :is(.wo-keys[data-warn~=green]>[data-k=green],.wo-keys[data-warn~=blue]>[data-k=blue],.wo-keys[data-warn~=magenta]>[data-k=magenta]).on{box-shadow:inset 0 0 0 1px var(--kzk-warn)}
.bvk-t-webcam-overlay-maker .wo-keys i.wo-kt{background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,transparent 25%),linear-gradient(-45deg,#bbb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bbb 75%),linear-gradient(-45deg,transparent 75%,#bbb 75%);background-size:5px 5px;background-position:0 0,0 2.5px,2.5px -2.5px,-2.5px 0}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-keys:has(>[data-k=none]:not([hidden])):not(.wo-keys--one){display:grid;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.bvk-t-webcam-overlay-maker #wo-keyWarn{margin:-2px 0 0;font-size:11.5px;line-height:1.45}
.bvk-t-webcam-overlay-maker .wo-linkBtn{align-self:flex-start;margin:-4px 0 0;padding:2px 0;border:0;background:none;color:var(--kzk-lilac);font:500 12px/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-webcam-overlay-maker .wo-linkBtn:hover{color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .wo-linkBtn[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-warn{color:var(--kzk-warn)}
/* OBS bağlantısı çıktısı */
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-linkRow:focus-within{border-color:var(--kzk-lilac);box-shadow:0 0 0 3px var(--kzk-ring-lilac)}
.bvk-t-webcam-overlay-maker .kzk-card .wo-linkRow>input.wo-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-webcam-overlay-maker .wo-linkRow .kzk-icon-btn{width:30px;height:30px}
.bvk-t-webcam-overlay-maker .wo-linkOut{display:flex;flex-direction:column;gap:8px}
.bvk-t-webcam-overlay-maker .wo-linkOut[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-dims{display:flex;gap:6px}
.bvk-t-webcam-overlay-maker .wo-dim{flex:1 1 0;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:32px;padding:0 10px;border-radius:var(--kzk-r-md);border:1px dashed var(--kzk-line-2);background:transparent;color:var(--kzk-muted);font:500 12px/1 var(--kzk-font);cursor:copy}
.bvk-t-webcam-overlay-maker .wo-dim>b{color:var(--kzk-text);font:600 12.5px/1 var(--kzk-mono)}
.bvk-t-webcam-overlay-maker .wo-dim:hover{border-color:var(--kzk-lilac);color:var(--kzk-text-2)}
/* OBS kurulum adımları (biçime göre; kesin konum/boy, kırpma ve maske) */
.bvk-t-webcam-overlay-maker .wo-steps{margin-top:12px}
.bvk-t-webcam-overlay-maker .wo-steps>summary>span:first-of-type{font-weight:600}
.bvk-t-webcam-overlay-maker .wo-stepsN{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--kzk-card-3);color:var(--kzk-muted);font:600 11px/1.6 var(--kzk-font)}
.bvk-t-webcam-overlay-maker details.kzk-details.wo-steps>summary::after{margin-left:10px}
.bvk-t-webcam-overlay-maker .wo-stepList{margin:0 0 10px;padding:0;list-style:none;counter-reset:wo;display:flex;flex-direction:column;gap:8px}
.bvk-t-webcam-overlay-maker .wo-stepList>li{position:relative;padding-left:28px;font:400 12.5px/1.5 var(--kzk-font);color:var(--kzk-text-2);counter-increment:wo}
.bvk-t-webcam-overlay-maker .wo-stepList>li::before{content:counter(wo);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-webcam-overlay-maker .wo-copySteps{gap:6px}

/* ── Renk ── */
.bvk-t-webcam-overlay-maker .kzk-sec-head>.wo-swap{margin-left:auto}
.bvk-t-webcam-overlay-maker .kzk-sec-head>.wo-swap+.wo-ncol{margin-left:6px}
.bvk-t-webcam-overlay-maker .wo-harmWrap{margin-top:12px}
.bvk-t-webcam-overlay-maker .wo-harmWrap[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-harm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bvk-t-webcam-overlay-maker .wo-hb{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;padding:5px 5px 6px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-muted);font:600 10.5px/1.2 var(--kzk-font);cursor:pointer;text-align:center}
.bvk-t-webcam-overlay-maker .wo-hb>i{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--a) 0 34%,var(--b) 34% 67%,var(--c) 67%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bvk-t-webcam-overlay-maker .wo-hb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-webcam-overlay-maker .wo-hb:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .wo-hb[aria-pressed=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);color:var(--kzk-gold)}
/* yeni yüzey bitişleri */
.bvk-t-webcam-overlay-maker .wo-fin--carbon{background:repeating-linear-gradient(45deg,#2b2f38 0 3px,#4a505c 3px 5px,#1d2027 5px 7px),#2b2f38;background-size:7px 7px}
.bvk-t-webcam-overlay-maker .wo-fin--glitter{background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 45% 80%,#ffe9a8 0 .8px,transparent 1.3px),radial-gradient(circle at 85% 20%,#fff 0 .8px,transparent 1.3px),linear-gradient(135deg,#d6336c,#a855f7)}
.bvk-t-webcam-overlay-maker .wo-fin--halftone{background:radial-gradient(circle,rgba(20,10,40,.55) 0 1.4px,transparent 1.6px) 0 0/5px 5px,linear-gradient(135deg,#ff3cac,#2b86c5)}
/* plakasız yazı notu */
.bvk-t-webcam-overlay-maker .wo-plateNote{margin:8px 0 0}
.bvk-t-webcam-overlay-maker .wo-plateNote[hidden]{display:none}
/* yön bu stilde etkisiz */
.bvk-t-webcam-overlay-maker .kzk-sec[data-off] #wo-dir{opacity:.45;filter:saturate(.5)}
/* kalınlık: piksel kutusu (kitin birim kutusu gizli) */
.bvk-t-webcam-overlay-maker .wo-pxField .kzk-num:not(.wo-pxNum){display:none}
.bvk-t-webcam-overlay-maker .wo-pxNum .kzk-num-unit{margin-left:2px}
.bvk-t-webcam-overlay-maker .wo-pxNum:focus-within{box-shadow:0 0 0 2px var(--kzk-gold);border-color:var(--kzk-gold-line)}
/* kamera düğme grubu üç düğme: dar kartta eşit */
@container kzkc (max-width:600px){
  .bvk-t-webcam-overlay-maker .wo-camGroup{flex-wrap:wrap}
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-streamSize{flex:1 1 100%}
}
@container kzkc (max-width:440px){
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-camBtn{padding-left:6px;padding-right:6px;gap:4px}
  .bvk-t-webcam-overlay-maker .wo-camBtn>span{font-size:11.5px}
}
/* açık tema */
html[data-theme=light] .bvk-t-webcam-overlay-maker :is(.wo-hb>i){box-shadow:inset 0 0 0 1px rgba(20,16,40,.16)}
@container kzkc (min-width:640px){html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-xblk.is-cur{background:color-mix(in srgb,var(--kzk-hl-bg) 70%,transparent)}}

/* Görünümler başlığı: kaydet düğmesi sağda; alt satır ipucu + (Kaydedilenler'de) kaldır */
.bvk-t-webcam-overlay-maker .kzk-sec-head>.wo-saveLook{margin-left:auto;gap:6px}
.bvk-t-webcam-overlay-maker .wo-looksFoot{display:flex;align-items:center;gap:10px;margin-top:12px}
.bvk-t-webcam-overlay-maker .wo-looksFoot>.kzk-hint{flex:1 1 auto;margin:0}
.bvk-t-webcam-overlay-maker .wo-looksFoot>.kzk-btn{flex:none;gap:6px}
.bvk-t-webcam-overlay-maker .wo-looksFoot>.kzk-btn[hidden]{display:none}
@container kzkc (max-width:420px){.bvk-t-webcam-overlay-maker .wo-looksTag{display:none}}
.bvk-t-webcam-overlay-maker .wo-mact .wo-mIcoLink,.bvk-t-webcam-overlay-maker .wo-mact[data-fmt=link] .wo-mIcoDl{display:none}
.bvk-t-webcam-overlay-maker .wo-mact[data-fmt=link] .wo-mIcoLink{display:block}
/* Yayında görünümünde sahne örnekleri gizli: kamera düğmeleri ve yakınlaştırma tek satırı paylaşır (yer varsa) */
@container kzkc (min-width:601px) and (max-width:800px){
  .bvk-t-webcam-overlay-maker .wo-prev.wo-streamMode .kzk-dock>.wo-camGroup{order:0;flex:1 1 auto}
}


/* ═════════ Tur 3 (9 Eki) ═════════ */

/* Görünüm sekmeleri: geniş kartta iki düzgün satıra sarılır (kaydırma ve solma yok) */
@container kzkc (min-width:600px){
  .bvk-t-webcam-overlay-maker .kzk-seg--chips.wo-ltabs{flex-wrap:wrap;overflow:visible;padding:2px}
  .bvk-t-webcam-overlay-maker .kzk-seg--chips.wo-ltabs.wo-ovf{padding-right:2px;-webkit-mask-image:none;mask-image:none}
  .bvk-t-webcam-overlay-maker .wo-ltabsNext{display:none}
}
/* Animasyonlu görünüm: kart başlığında lila nokta (tuvalde değil) */
.bvk-t-webcam-overlay-maker .wo-looks .kzk-tcard[data-wo-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)}
/* Önizleme ekranda değilken görünüm denemesi: kartın yanında büyütülmüş canlı önizleme (kart içinde absolute) */
.bvk-t-webcam-overlay-maker .wo-looksCard{position:relative}
.bvk-t-webcam-overlay-maker .wo-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-gold-line);box-shadow:0 18px 50px rgba(0,0,0,.5);pointer-events:none}
.bvk-t-webcam-overlay-maker .wo-peek[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-peek>canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:var(--kzk-r-md);background:#120f1c}
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-peek:not([hidden]){animation:wo-peek .16s var(--wo-ease)}}
@keyframes wo-peek{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}

/* Gömülüde bildirimler dışa aktarma kartının içinde (kartın altına eklenip iframe'i 60 px uzatıyordu) */
.bvk-t-webcam-overlay-maker #wo-expCard{position:relative}
.bvk-t-webcam-overlay-maker .wo-toasts{position:absolute;left:12px;right:12px;top:12px;z-index:5;pointer-events:none}
.bvk-t-webcam-overlay-maker .wo-toasts>*{pointer-events:auto}
.bvk-t-webcam-overlay-maker .wo-toasts .kzk-toasts{margin:0}
.bvk-t-webcam-overlay-maker .wo-toasts .kzk-toast{box-shadow:var(--kzk-shadow-pop,0 12px 40px rgba(0,0,0,.45))}
/* <860: seçenek panelleri sabit yükseklikte, içeride kayar (sekme değiştirince sayfa/iframe boyu zıplamasın) */
@container kzk (max-width:859px){
  .bvk-t-webcam-overlay-maker .wo-opts .kzk-panes{height:clamp(420px,62cqw + 200px,640px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-webcam-overlay-maker .wo-opts .kzk-panes.wo-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent)}
}

/* ── Dışa aktarma: kamera maskesi ortak satır (her biçimde; gerektiğinde lila 'Gerekli') ── */
.bvk-t-webcam-overlay-maker .wo-mask{display:flex;flex-direction:column;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--kzk-line)}
.bvk-t-webcam-overlay-maker .wo-maskHead{display:flex;align-items:center;gap:8px}
.bvk-t-webcam-overlay-maker .wo-maskHead>.kzk-i{width:16px;height:16px;color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .wo-mask[data-need] .wo-maskHead>.kzk-i{color:var(--kzk-lilac)}
.bvk-t-webcam-overlay-maker .wo-mask .wo-maskBtn{align-self:flex-start;gap:6px}
@container kzkc (max-width:639px){
  .bvk-t-webcam-overlay-maker .wo-exp:not([data-fmt=png]) .wo-mask:not([data-need]){display:none}
  .bvk-t-webcam-overlay-maker .wo-mask .wo-maskBtn{align-self:stretch;justify-content:center}
}
@container kzkc (min-width:640px){
  .bvk-t-webcam-overlay-maker .wo-mask{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:12px 16px 0}
  .bvk-t-webcam-overlay-maker .wo-mask .kzk-hint{margin:0}
}
.bvk-t-webcam-overlay-maker .wo-zipBtn{align-self:center;gap:6px;color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .wo-zipBtn:hover{color:var(--kzk-text)}
.bvk-t-webcam-overlay-maker .wo-fpsHint{margin:-4px 0 0;font-size:11.5px}
.bvk-t-webcam-overlay-maker .wo-linkOut .kzk-hint{margin:0;font-size:11.5px;line-height:1.45}
.bvk-t-webcam-overlay-maker .wo-camRes{margin:0 0 12px}
.bvk-t-webcam-overlay-maker .wo-camRes>.kzk-seg{flex:0 1 auto}
.bvk-t-webcam-overlay-maker .wo-stepBtn{margin-top:6px;gap:6px}
/* 'Set it up in OBS' başlığı dar sütunda tek satır; biçim çipi dar kartta gizli (çipler zaten gösteriyor) */
.bvk-t-webcam-overlay-maker .wo-stepsN{white-space:nowrap;flex:none}
.bvk-t-webcam-overlay-maker .wo-steps>summary>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container kzkc (max-width:639px){.bvk-t-webcam-overlay-maker .wo-stepsN{display:none}}
/* ≥1380: dışa aktarma kartı önizleme kartıyla aynı boyda; adımlar en altta */
@container kzk (min-width:1380px){
  .bvk-t-webcam-overlay-maker .kzk-col-exp{align-self:stretch}
  .bvk-t-webcam-overlay-maker .wo-exp{height:100%;display:flex;flex-direction:column}
  .bvk-t-webcam-overlay-maker .wo-exp>.wo-steps{margin-top:auto;padding-top:12px}
}

/* ── Önizleme dok: kamera kaynağı (tek seçim) + 'Yayında' anahtarı ── */
.bvk-t-webcam-overlay-maker .wo-camSrc>button{gap:5px;min-height:32px;padding:2px 9px;font-size:12px;white-space:nowrap}
.bvk-t-webcam-overlay-maker .wo-camSrc>button .kzk-i{width:15px;height:15px;flex:none}
.bvk-t-webcam-overlay-maker .wo-camSrc>button[aria-busy=true]{opacity:.6}
.bvk-t-webcam-overlay-maker .wo-camSrc>button.on[value=mine] .kzk-i{color:#ff4d6a}
.bvk-t-webcam-overlay-maker .wo-streamBtn{gap:7px;min-height:36px;padding:0 10px;border:1px solid var(--kzk-line-2)}
.bvk-t-webcam-overlay-maker .wo-streamBtn .wo-tgl{position:relative;display:block;width:26px;height:15px;border-radius:999px;background:var(--kzk-line-2);transition:background-color .16s}
.bvk-t-webcam-overlay-maker .wo-streamBtn .wo-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(--wo-ease),background-color .16s}
.bvk-t-webcam-overlay-maker .wo-streamBtn[aria-pressed=true]{color:var(--kzk-text);border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg)}
.bvk-t-webcam-overlay-maker .wo-streamBtn[aria-pressed=true] .wo-tgl{background:var(--kzk-lilac)}
.bvk-t-webcam-overlay-maker .wo-streamBtn[aria-pressed=true] .wo-tgl::after{transform:translateX(11px);background:#fff}
.bvk-t-webcam-overlay-maker .wo-streamCorner>button{min-height:32px;min-width:32px;padding:0 4px}
.bvk-t-webcam-overlay-maker .wo-streamCorner>button .kzk-i{width:17px;height:17px}
.bvk-t-webcam-overlay-maker .wo-streamCorner[hidden]{display:none}
@container kzkc (max-width:800px){
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-camSrc{flex:1 1 auto}
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-camSrc>button{flex:1 1 0;justify-content:center}
}
/* Telefon (≤600): sahne örnekleri sola yaslı, yakınlaştırma −/+ gizli (sıkıştırarak yakınlaştırma var): sahneler ile
   sığdır/tam ekran tek satırda. KİT EKSİĞİ: dok satırları dar kartta kendi kendine dengelenmiyor. */
@container kzkc (max-width:600px){
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-scenes{flex:1 1 auto;justify-content:flex-start}
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-dock>.kzk-zoom{flex:0 0 auto;margin-left:auto}
  .bvk-t-webcam-overlay-maker .wo-prev .kzk-zoom [aria-label="Zoom out"],.bvk-t-webcam-overlay-maker .wo-prev .kzk-zoom [aria-label="Zoom in"]{display:none}
  .bvk-t-webcam-overlay-maker .wo-camGroup{flex-wrap:wrap}
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-camSrc{flex:1 1 100%}
  .bvk-t-webcam-overlay-maker .wo-camGroup>.wo-streamBtn{flex:1 1 auto;justify-content:center}
}

/* ── Seçim döşemelerinde gerçek önizleme (plaka, rozet biçimi, vurgu) ── */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-pvs{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .wo-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-webcam-overlay-maker .wo-pvs>button>span{display:block;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-webcam-overlay-maker .wo-pvs .wo-pv{display:block;width:100%;height:38px;border-radius:6px;background:#120f1b}
html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-pvs .wo-pv{background:#2b2541}
.bvk-t-webcam-overlay-maker .wo-pvs>button:not(.on) .wo-pv{opacity:.88}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-bstyles{grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .wo-bstyles .wo-pv{height:30px}
.bvk-t-webcam-overlay-maker .wo-accents .wo-pv{height:46px}
.bvk-t-webcam-overlay-maker .wo-accents>[data-ac=none]{grid-column:1/-1;flex-direction:row;justify-content:center;min-height:36px}
.bvk-t-webcam-overlay-maker .wo-accents>[data-ac=none] .wo-pv{display:none}
@container kzkc (min-width:540px){
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-plates{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-accents{grid-template-columns:repeat(5,minmax(0,1fr))}
  .bvk-t-webcam-overlay-maker .wo-accents>[data-ac=none]{grid-column:auto;flex-direction:column}
  .bvk-t-webcam-overlay-maker .wo-accents>[data-ac=none] .wo-pv{display:block}
}

/* ── 4 sütunlu düzen: biçim (8), çerçeve şekli (8), yüzey (8) — sütun çizgileri bölümler arasında hizalı ── */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes{grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button,.bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes>button:nth-child(n+5){grid-column:auto}
@container kzkc (min-width:540px){
  .bvk-t-webcam-overlay-maker .kzk-seg.wo-shapes{grid-template-columns:repeat(8,minmax(0,1fr))}
}
.bvk-t-webcam-overlay-maker .wo-fin--chrome{background:linear-gradient(180deg,#ffffff 0%,#d9dee6 30%,#3f4552 52%,#7c8594 66%,#eef2f6 100%)}
.bvk-t-webcam-overlay-maker .wo-cover{margin-top:12px}
.bvk-t-webcam-overlay-maker .wo-cover[hidden]{display:none}
/* Degrade karışımı: örnekler kullanıcının renkleriyle (JS) */
.bvk-t-webcam-overlay-maker .wo-gb{display:block;width:100%;max-width:64px;height:16px;border-radius:5px;background:linear-gradient(90deg,#a855f7,#fbbf24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
/* Plaka kenarı ve yazı efekti */
.bvk-t-webcam-overlay-maker .wo-edges>button{gap:5px;min-height:32px;padding:2px 4px;font-size:12px;white-space:nowrap;min-width:0}
.bvk-t-webcam-overlay-maker .wo-edges>button>span{overflow:hidden;text-overflow:ellipsis}
.bvk-t-webcam-overlay-maker .wo-eg{display:block;flex:none;width:12px;height:12px;border-radius:3px;background:#16121f;box-shadow:inset 0 0 0 2px var(--c,#a855f7)}
.bvk-t-webcam-overlay-maker .wo-eg--gold{box-shadow:inset 0 0 0 2px #fbbf24}
.bvk-t-webcam-overlay-maker .wo-eg--white{box-shadow:inset 0 0 0 2px #fff}
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-g5x{grid-template-columns:repeat(5,minmax(0,1fr))}
.bvk-t-webcam-overlay-maker .wo-fxg{display:grid;place-items:center;width:34px;height:24px;border-radius:6px;background:#2a2238;font:800 15px/1 var(--kzk-font);font-style:normal;color:#fff;letter-spacing:-.2px}
.bvk-t-webcam-overlay-maker .wo-fxg--shadow{text-shadow:0 2px 3px rgba(0,0,0,.85)}
.bvk-t-webcam-overlay-maker .wo-fxg--outline{color:#fff;-webkit-text-stroke:1.2px #0d0a14;paint-order:stroke fill;text-shadow:0 0 0 #0d0a14}
.bvk-t-webcam-overlay-maker .wo-fxg--glow{text-shadow:0 0 6px #c084fc,0 0 12px #a855f7}
.bvk-t-webcam-overlay-maker .wo-fxg--gradient{background-image:linear-gradient(180deg,#f5d0fe,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent;background-color:#2a2238}
.bvk-t-webcam-overlay-maker .wo-fx>button:not(.on) .wo-fxg{opacity:.8}
.bvk-t-webcam-overlay-maker .wo-nudge{margin-top:8px}
.bvk-t-webcam-overlay-maker .wo-nudge[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-nudge>.wo-linkBtn{margin:0}
.bvk-t-webcam-overlay-maker .wo-blang>button{min-height:30px;padding:2px 10px;font-size:11.5px;font-weight:700;letter-spacing:.4px;white-space:nowrap}
.bvk-t-webcam-overlay-maker #wo-badgeLangWrap[hidden]{display:none}
.bvk-t-webcam-overlay-maker .wo-xsec{margin-bottom:4px}

/* Yazı tipi döşemeleri: adın büyük (≈18 px) görüldüğü örnek satır */
.bvk-t-webcam-overlay-maker .wo-fonts>button{min-height:64px}
.bvk-t-webcam-overlay-maker .wo-fonts>button>.wo-fs{height:30px}

/* Stil ve süs döşemeleri: daha uzun önizleme (köşe + iki kenar) */
.bvk-t-webcam-overlay-maker .wo-tiles{--kzk-thumb-h:78px}
.bvk-t-webcam-overlay-maker .wo-tiles.wo-tiles--anim{--kzk-thumb-h:78px}
@container kzkc (min-width:540px){.bvk-t-webcam-overlay-maker .wo-tiles,.bvk-t-webcam-overlay-maker .wo-tiles.wo-tiles--anim{--kzk-thumb-h:84px}}
/* açık tema: döşeme kuyuları kart kenarına kadar, yumuşak mor-gri (beyaz kartta kara delik gibi durmasın) */
html[data-theme=light] .bvk-t-webcam-overlay-maker .wo-tiles .kzk-tile-thumb{background:#2b2541;border-radius:6px}

/* OBS görünümü bilgi çipi: 'Bu tasarımı düzenle' bağlantısı */
html.wo-view .wo-viewChip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html.wo-view .wo-viewEdit{color:#c4a1ff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(196,161,255,.4)}
.bvk-t-webcam-overlay-maker .wo-mask[hidden]{display:none!important}
/* isteğe bağlı maske (dikdörtgen pencere): sessiz düğme; gerektiğinde lila çerçeveli */
.bvk-t-webcam-overlay-maker .wo-mask:not([data-need]) .wo-maskBtn{border-color:var(--kzk-line-2);color:var(--kzk-text-2);background:transparent}
.bvk-t-webcam-overlay-maker .wo-zipBtn{border-color:transparent}
/* rozet seçimi: 'Yok' simge; yerel rozet sözcükleri tek satırda kalsın */
.bvk-t-webcam-overlay-maker .wo-badges>button.wo-bNone{flex:0 0 auto;padding:4px 9px}
.bvk-t-webcam-overlay-maker .wo-badges>button.wo-bNone:not(.on) .wo-g{color:var(--kzk-muted)}
.bvk-t-webcam-overlay-maker .wo-badges>button{padding:4px 5px}
.bvk-t-webcam-overlay-maker .wo-bdg{font-size:10px;padding:0 5px;letter-spacing:.3px}
/* yazı efekti: beş sütunda etiketler bölünmesin */
.bvk-t-webcam-overlay-maker .kzk-seg.wo-glyphs.wo-fx>button{padding:8px 1px 6px;font-size:10.5px;gap:5px}
.bvk-t-webcam-overlay-maker .wo-fx>button>span{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* köşeler örtülü: maske satırı yalnız bilgi (yeşil 'Gerekmez' çipi, düğme yok) */
.bvk-t-webcam-overlay-maker .wo-mask[data-cover] .wo-maskBtn{display:none}
.bvk-t-webcam-overlay-maker .wo-mask[data-cover] .wo-need{color:var(--kzk-ok,#4ade80);border-color:color-mix(in srgb,var(--kzk-ok,#4ade80) 40%,transparent);background:color-mix(in srgb,var(--kzk-ok,#4ade80) 12%,transparent)}
@container kzkc (min-width:640px){.bvk-t-webcam-overlay-maker .wo-mask[data-cover]{grid-template-columns:auto minmax(0,1fr)}}