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

/* ───────── Ayrı pencere (?view=1): yalnız sahne, pencereye sığar ───────── */
html.pt-view,html.pt-view body{background:transparent!important;margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important}
html.pt-view body>*:not(.pt-viewer):not(.pt-viewChip){display:none!important}
html.pt-view .pt-viewer{position:absolute;inset:0}
html.pt-view.pt-view--chk,html.pt-view.pt-view--chk 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.pt-view .pt-viewChip{position:absolute;left:12px;bottom:12px;z-index:2;max-width:calc(100% - 24px);padding:7px 12px;border-radius:999px;background:rgba(14,12,22,.84);border:1px solid rgba(255,255,255,.14);color:#e9e4f5;font:600 12px/1.35 Inter,system-ui,sans-serif;box-shadow:0 6px 24px rgba(0,0,0,.4);transition:opacity .35s ease}
html.pt-view .pt-viewChip.is-cta{background:#f9c544;color:#1a1422;border-color:transparent}
html.pt-view.pt-view--idle .pt-viewChip{opacity:0}
html.pt-view .pt-viewChip[hidden]{display:none}
html.pt-view .pt-viewChip{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html.pt-view .pt-viewKeys{display:inline-flex;gap:5px}
html.pt-view .pt-viewKeys>button{width:18px;height:18px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:var(--c);cursor:pointer}
html.pt-view .pt-viewKeys>button[aria-pressed=true]{border-color:#f9c544;box-shadow:0 0 0 2px rgba(249,197,68,.35)}

.bvk-t-pngtuber-maker{--pt-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1));--pt-thumb-bg:#16121f;--pt-thumb-glow:rgba(124,58,237,.28);--pt-loud:#f472b6}
html[data-theme=light] .bvk-t-pngtuber-maker{--pt-thumb-bg:#f1ecf8;--pt-thumb-glow:rgba(124,58,237,.14);--pt-loud:#db2777}
.bvk-t-pngtuber-maker .pt-mt{margin-top:12px}
.bvk-t-pngtuber-maker .pt-aside{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-lead{margin:0 0 12px}
.bvk-t-pngtuber-maker .pt-dimmed{opacity:.45;transition:opacity .2s var(--pt-ease)}
.bvk-t-pngtuber-maker .pt-dimmed:hover,.bvk-t-pngtuber-maker .pt-dimmed:focus-within{opacity:.75}
.bvk-t-pngtuber-maker .pt-sub[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-linkBtn{appearance:none;border:0;background:none;padding:0;margin:4px 0 0;font:600 12.5px/1.3 var(--kzk-font);color:var(--kzk-lilac);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
.bvk-t-pngtuber-maker .pt-linkBtn:hover{color:var(--kzk-text)}
.bvk-t-pngtuber-maker .kzk-info.pt-own{margin:0 0 14px}
.bvk-t-pngtuber-maker .kzk-info.pt-own p{margin:0}

/* ───────── Glifli seçimler (göz, his, boşta, tepki, plaka) ───────── */
.bvk-t-pngtuber-maker .pt-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-pngtuber-maker .pt-g .pt-f{fill:currentColor;stroke:none}
.bvk-t-pngtuber-maker .pt-g .pt-f2{fill:color-mix(in srgb,currentColor 24%,transparent)}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g6{grid-template-columns:repeat(3,minmax(0,1fr))}
@container kzkc (min-width:470px){.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g6{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g5{gap:5px}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g5>button{font-size:10.5px;padding:8px 1px 6px;gap:5px}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs.pt-g5 .pt-g{width:20px;height:20px}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs>button{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs>button:not(.on) .pt-g{color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .kzk-seg.pt-glyphs>button:not(.on):hover .pt-g{color:var(--kzk-text-2)}

/* ───────── Küçük önizlemeli döşemeler ───────── */
.bvk-t-pngtuber-maker .pt-tiles{--kzk-tile-min:84px;--kzk-thumb-h:78px}
.bvk-t-pngtuber-maker .pt-tiles .kzk-tile-thumb{background:var(--pt-thumb-bg)}
.bvk-t-pngtuber-maker .pt-tiles--plate{--kzk-tile-min:84px;--kzk-thumb-h:74px}
.bvk-t-pngtuber-maker .pt-tiles--char{--kzk-tile-min:80px;--kzk-thumb-h:84px}
.bvk-t-pngtuber-maker .pt-tiles--acc{--kzk-tile-min:84px;--kzk-thumb-h:74px}
.bvk-t-pngtuber-maker .pt-tiles--motion{--kzk-tile-min:84px;--kzk-thumb-h:80px}
/* 8 parçacık ve 8 filtre: dar sütunda 4 × 2 (yetim satır yok) */
.bvk-t-pngtuber-maker .pt-tiles--fx{--kzk-tile-min:62px;--kzk-thumb-h:70px}
.bvk-t-pngtuber-maker .pt-tiles--tint{--kzk-tile-min:62px;--kzk-thumb-h:62px}
.bvk-t-pngtuber-maker .kzk-tile-label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
/* aksesuar adları uzun dillerde ('Casque oreilles de chat', 'Headset com orelhas de gato'): üç satıra kadar */
.bvk-t-pngtuber-maker .pt-tiles--acc .kzk-tile-label{-webkit-line-clamp:3;line-clamp:3;font-size:11.5px}

/* ───────── Paletler ───────── */
/* 8 palet (5 karakter rengi + Twitch, Kick, YouTube): 4 sütun → iki tam satır */
.bvk-t-pngtuber-maker .pt-pals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px}
.bvk-t-pngtuber-maker .pt-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(--pt-ease)}
.bvk-t-pngtuber-maker .pt-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-pngtuber-maker .pt-pal:hover{transform:translateY(-1px)}}
.bvk-t-pngtuber-maker .pt-pal>i{display:block;height:20px;border-radius:5px;background:linear-gradient(90deg,var(--a) 0 46%,var(--b) 46% 76%,var(--c) 76%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 6px 8px -6px rgba(255,255,255,.45)}
/* palet adı tek satır (plaka paletleriyle aynı): iki satıra kırılan ad ('Mitternac/ht', 'Gece / yarısı') yalnız seçili
   kartta görünüyordu → seçim bozuk görünüyordu. Sığmazsa üç nokta; tam ad title'da. */
.bvk-t-pngtuber-maker .pt-pal>span{display:block;min-height:0;padding:0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-size:10.5px;line-height:1.2;letter-spacing:-.1px}
.bvk-t-pngtuber-maker .pt-ppal{padding:6px 4px 7px}
.bvk-t-pngtuber-maker .pt-ppal>span{padding:0;font-size:10px;letter-spacing:-.2px}
@container kzkc (min-width:560px){.bvk-t-pngtuber-maker .pt-pals{grid-template-columns:repeat(8,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .pt-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-pngtuber-maker .pt-pal:focus-visible,.bvk-t-pngtuber-maker .pt-ppal:focus-visible,.bvk-t-pngtuber-maker .pt-mood:focus-visible,.bvk-t-pngtuber-maker .pt-er:focus-visible,.bvk-t-pngtuber-maker .pt-chip:focus-visible,.bvk-t-pngtuber-maker .pt-way:focus-visible{outline:2px solid var(--kzk-focus);outline-offset:2px}
.bvk-t-pngtuber-maker .kzk-row.pt-crow{grid-template-columns:repeat(auto-fit,minmax(min(118px,100%),1fr));gap:10px}
@container kzkc (min-width:470px){.bvk-t-pngtuber-maker .kzk-row.pt-crow{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* adlı plaka/degrade hazırları: karakter paletleriyle aynı kart (örnek + ad) */
.bvk-t-pngtuber-maker .pt-ppals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@container kzkc (min-width:560px){.bvk-t-pngtuber-maker .pt-ppals{grid-template-columns:repeat(8,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .pt-ppal>i{height:22px;background:radial-gradient(ellipse 70% 120% at 32% 30%,color-mix(in srgb,var(--a) 72%,#fff) 0,var(--a) 48%,var(--b) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 2.5px color-mix(in srgb,var(--b) 70%,transparent)}
.bvk-t-pngtuber-maker .pt-gpal>i{background:linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}

/* ───────── Yüzler: liste, duygu ızgarası, görsel yuvaları ───────── */
.bvk-t-pngtuber-maker .pt-exprList{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.bvk-t-pngtuber-maker .pt-er{display:grid;grid-template-columns:24px 44px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:6px 8px 6px 6px;border-radius:var(--kzk-r-card);border:1px solid var(--kzk-line-2);background:var(--kzk-field);cursor:pointer;transition:border-color .15s,background-color .15s,opacity .15s}
.bvk-t-pngtuber-maker .pt-er:hover{border-color:var(--kzk-line-hover)}
.bvk-t-pngtuber-maker .pt-er[aria-selected=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}
.bvk-t-pngtuber-maker .pt-er.is-drag{opacity:.45}
.bvk-t-pngtuber-maker .pt-er.is-over{border-color:var(--kzk-lilac);box-shadow:0 -2px 0 var(--kzk-lilac)}
.bvk-t-pngtuber-maker .pt-erKey{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--kzk-card-3);color:var(--kzk-text-2);font:700 12px/1 var(--kzk-mono);box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.bvk-t-pngtuber-maker .pt-er[aria-selected=true] .pt-erKey{background:var(--kzk-gold-grad);color:var(--kzk-on-gold)}
.bvk-t-pngtuber-maker .pt-erThumb{display:block;width:44px;height:44px;border-radius:9px;overflow:hidden;background:var(--pt-thumb-bg)}
.bvk-t-pngtuber-maker .pt-erThumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% var(--pt-op,50%);transform:scale(var(--pt-z,1.3));transform-origin:50% var(--pt-oy,50%)}
.bvk-t-pngtuber-maker .pt-er.is-own .pt-erThumb img{object-fit:contain;transform:none}
.bvk-t-pngtuber-maker .pt-erTxt{display:flex;flex-direction:column;min-width:0}
.bvk-t-pngtuber-maker .pt-erName{font:600 13px/1.25 var(--kzk-font);color:var(--kzk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bvk-t-pngtuber-maker .pt-erTxt small{font:400 11.5px/1.3 var(--kzk-font);color:var(--kzk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bvk-t-pngtuber-maker .pt-erGrip{width:10px;height:16px;opacity:.5;background:radial-gradient(circle,var(--kzk-muted) 1.2px,transparent 1.6px) 0 0/5px 5px;cursor:grab}
@media (hover:none),(pointer:coarse){.bvk-t-pngtuber-maker .pt-erGrip{visibility:hidden}}
.bvk-t-pngtuber-maker .pt-add{margin-top:2px}
.bvk-t-pngtuber-maker .pt-add[aria-disabled=true]{opacity:.5;cursor:default}
.bvk-t-pngtuber-maker .pt-addMenu{margin-top:10px;padding:10px;border-radius:var(--kzk-r-card);border:1px dashed var(--kzk-hl-line);background:color-mix(in srgb,var(--kzk-hl-bg) 50%,transparent)}
.bvk-t-pngtuber-maker .pt-addMenu .kzk-hint{margin:0}
.bvk-t-pngtuber-maker .pt-addHead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.bvk-t-pngtuber-maker .pt-addHead .kzk-btn[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-moodGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (min-width:470px){.bvk-t-pngtuber-maker .pt-moodGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .pt-mood{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:5px 4px 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 11.5px/1.15 var(--kzk-font);cursor:pointer;transition:border-color .15s,color .15s,transform .15s var(--pt-ease)}
.bvk-t-pngtuber-maker .pt-mood:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
@media (prefers-reduced-motion:no-preference){.bvk-t-pngtuber-maker .pt-mood:hover{transform:translateY(-1px)}}
.bvk-t-pngtuber-maker .pt-mood i{position:relative;display:block;width:100%;max-width:64px;aspect-ratio:1;border-radius:8px;background:var(--pt-thumb-bg);overflow:hidden}
.bvk-t-pngtuber-maker .pt-mood kbd{position:absolute;right:3px;top:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:6px;background:var(--kzk-card-3);color:var(--kzk-text);font:700 10.5px/1 var(--kzk-mono);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.bvk-t-pngtuber-maker .pt-mood kbd[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-mood.is-used{opacity:.5}
.bvk-t-pngtuber-maker .pt-mood.is-used:hover{opacity:.8}
.bvk-t-pngtuber-maker .pt-moodField[hidden],.bvk-t-pngtuber-maker #pt-moodField[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-mood img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% var(--pt-op,50%);transform:scale(var(--pt-z,1.3));transform-origin:50% var(--pt-oy,50%);pointer-events:none}
.bvk-t-pngtuber-maker .pt-mood span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-mood[aria-checked=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-pngtuber-maker .pt-hk{margin-left:auto;padding:2px 7px;font-size:11px}
.bvk-t-pngtuber-maker .pt-exprEd .kzk-sec-head .pt-del{margin-left:4px}
.bvk-t-pngtuber-maker .pt-exprEd{margin-top:16px;padding-top:16px;border-top:1px solid var(--kzk-line)}
.bvk-t-pngtuber-maker .pt-own2{margin-top:16px}
.bvk-t-pngtuber-maker .pt-slots{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
@container kzkc (min-width:520px){.bvk-t-pngtuber-maker .pt-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .pt-slot{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 6px 6px 6px;border-radius:var(--kzk-r-card);border:1px dashed var(--kzk-line-2);background:var(--kzk-field);transition:border-color .15s,background-color .15s}
.bvk-t-pngtuber-maker .pt-slot.is-set{border-style:solid;border-color:var(--kzk-hl-line);background:color-mix(in srgb,var(--kzk-hl-bg) 45%,var(--kzk-field))}
.bvk-t-pngtuber-maker .pt-slot.is-drop{border-color:var(--kzk-gold-line);border-style:solid;background:var(--kzk-sel-bg)}
.bvk-t-pngtuber-maker .pt-slotThumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;background-color:#1b1a24;background-image:conic-gradient(#24222f 25%,transparent 0 50%,#24222f 0 75%,transparent 0);background-size:12px 12px}
.bvk-t-pngtuber-maker .pt-slotThumb img{display:block;width:100%;height:100%;object-fit:contain}
.bvk-t-pngtuber-maker .pt-slotTag{position:absolute;left:2px;right:2px;bottom:2px;padding:1px 0;border-radius:4px;background:rgba(14,12,22,.78);color:#e9e4f5;font:700 8.5px/1.2 var(--kzk-font);letter-spacing:.2px;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bvk-t-pngtuber-maker .pt-slotTag[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-slotTxt{display:flex;flex-direction:column;min-width:0}
.bvk-t-pngtuber-maker .pt-slotTxt b{font:600 13px/1.25 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .pt-slotTxt small{font:400 11.5px/1.3 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .pt-slot .pt-up{min-height:32px;padding-left:10px;padding-right:10px}
.bvk-t-pngtuber-maker .pt-slot .pt-clr[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-imgTip{margin:8px 0 0}
.bvk-t-pngtuber-maker .pt-imgTip.pt-warn{color:var(--kzk-warn)}

/* ───────── Mikrofon ayarı ───────── */
.bvk-t-pngtuber-maker .pt-calib{margin-top:10px;padding:10px 12px;border-radius:var(--kzk-r-card);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line)}
.bvk-t-pngtuber-maker .pt-calibHead{display:flex;align-items:center;gap:10px}
.bvk-t-pngtuber-maker .pt-calibHead b{flex:1;font:600 13px/1.3 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .pt-calibHead .pt-linkBtn{margin:0}
.bvk-t-pngtuber-maker .pt-calib p{margin:4px 0 8px;font-size:12.5px;color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .pt-calibBar{height:6px;border-radius:4px;background:var(--kzk-track);overflow:hidden}
.bvk-t-pngtuber-maker .pt-calibBar i{display:block;height:100%;width:0;background:var(--kzk-purple-grad);transition:width .1s linear}

/* ───────── Arka plan seçimi ───────── */
.bvk-t-pngtuber-maker .kzk-seg.pt-bgs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
@container kzkc (min-width:470px){.bvk-t-pngtuber-maker .kzk-seg.pt-bgs{grid-template-columns:repeat(7,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .kzk-seg.pt-bgs>button{flex-direction:column;gap:6px;min-height:56px;padding:8px 0 6px;font-size:10.5px;line-height:1.15;letter-spacing:-.1px}
.bvk-t-pngtuber-maker .kzk-seg.pt-bgs>button>span{max-width:100%;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-pngtuber-maker .pt-bgsw{display:block;width:24px;height:18px;border-radius:5px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.bvk-t-pngtuber-maker .pt-bgsw--chk{background-color:#2a2738;background-image:conic-gradient(#4a4560 25%,transparent 0 50%,#4a4560 0 75%,transparent 0);background-size:9px 9px}
.bvk-t-pngtuber-maker .pt-bgsw--col{background:#101018}
.bvk-t-pngtuber-maker .pt-bgsw--grad{background:linear-gradient(160deg,#7c3aed,#101018)}
.bvk-t-pngtuber-maker .pt-bgsw--img{background:linear-gradient(180deg,#2b1f4a 0 55%,#0d2a26 55%);position:relative;overflow:hidden}
.bvk-t-pngtuber-maker .pt-bgsw--img::after{content:"";position:absolute;left:3px;bottom:3px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #4ade80;opacity:.85}

/* ───────── Önizleme ───────── */
.bvk-t-pngtuber-maker .pt-stage{--kzk-stage-pad:14px}
/* Önizleme çerçevesi: OBS kaynağı (640×720) ya da 'Yayında' (1920×1080 sahnede kaynak gerçek boyunda, OBS'e ekle'nin
   koyduğu yerde: alt kenar, konuma göre sol/orta/sağ) */
.bvk-t-pngtuber-maker .pt-frame{position:relative;display:block;aspect-ratio:640/720;width:min(100%,calc(var(--kzk-stage-max,560px)*.8889));max-width:100%;margin:auto}
.bvk-t-pngtuber-maker .pt-scene{position:absolute;inset:0;border-radius:6px;outline:1px dashed rgba(255,255,255,.18);outline-offset:-1px}
.bvk-t-pngtuber-maker .pt-stage[data-scene=light] .pt-frame:not(.is-stream) .pt-scene{outline-color:rgba(20,16,31,.22)}
.bvk-t-pngtuber-maker .pt-stage[data-zoom]:not([data-zoom=fit]) .pt-frame{max-width:none;margin:auto}
.bvk-t-pngtuber-maker .pt-chat{display:none}
.bvk-t-pngtuber-maker .pt-frame.is-stream{aspect-ratio:16/9;width:100%;border-radius:8px;overflow:hidden;background:#140f22 url("/kuzgun-welcome-landscape.webp") 50% 40%/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.bvk-t-pngtuber-maker .pt-frame.is-stream::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,7,18,.15),rgba(10,7,18,.05) 50%,rgba(10,7,18,.35));pointer-events:none}
.bvk-t-pngtuber-maker .pt-frame.is-stream .pt-scene{inset:auto;bottom:0;left:var(--pt-sx,33.333%);width:33.333%;height:66.667%;z-index:1;border-radius:3px;outline-color:rgba(255,255,255,.28)}
.bvk-t-pngtuber-maker .pt-frame.is-stream .pt-chat{position:absolute;top:5%;left:auto;right:2.4%;z-index:1;display:flex;flex-direction:column;gap:4%;width:18%;height:42%;padding:1.2%;border-radius:6px;background:rgba(12,9,20,.55);box-sizing:border-box}
.bvk-t-pngtuber-maker .pt-frame.is-stream[data-pos=r] .pt-chat{right:auto;left:2.4%}
/* Yakın plan: sahne büyür, çerçeve kırpar (kaynak kenarının kesik çizgisi yakın planda yok). 3. tur: çerçeve sahnenin
   TAMAMI — kırpma görünen yuvarlak kenarla aynı yerde (eskiden ortada 462 px'lik görünmez bir dikdörtgen parçacığı, tepkiyi
   ve parıltıyı havada kesiyordu); büst sahnenin alt kenarına oturur. Yakınlaştırmada eski oranlı çerçeve. */
.bvk-t-pngtuber-maker .pt-frame.is-close{overflow:hidden;border-radius:6px}
.bvk-t-pngtuber-maker .pt-stage.pt-isClose[data-zoom=fit]{--kzk-stage-pad:0}
.bvk-t-pngtuber-maker .pt-stage.pt-isClose[data-zoom=fit] .pt-frame.is-close{aspect-ratio:auto;width:100%;max-width:100%;height:min(var(--kzk-stage-max,456px),112cqw);margin:0;border-radius:0}
.bvk-t-pngtuber-maker .pt-frame.is-close .pt-scene{inset:auto;outline:none}
/* görünüm seçimi (dok): Yakın plan | OBS kaynağı | Yayında */
.bvk-t-pngtuber-maker .kzk-seg.pt-viewSeg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.bvk-t-pngtuber-maker .pt-viewSeg>button{gap:7px;min-height:36px;padding:4px 8px;font-size:12.5px;white-space:nowrap;min-width:0}
.bvk-t-pngtuber-maker .pt-viewSeg>button>span{overflow:hidden;text-overflow:ellipsis}
.bvk-t-pngtuber-maker .pt-viewSeg>button .kzk-i{width:16px;height:16px;flex:none}
@container kzkc (max-width:360px){.bvk-t-pngtuber-maker .pt-viewSeg>button .kzk-i{display:none}}
/* fitView(): etiket kesilecekse önce simgeler gider, yine sığmazsa seçim dokun altında kendi tam satırına iner */
.bvk-t-pngtuber-maker .pt-viewSeg.pt-vsNoIco>button .kzk-i{display:none}
.bvk-t-pngtuber-maker .pt-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val{font-size:0}
.bvk-t-pngtuber-maker .pt-prev .kzk-stage:is([data-zoom=fit],:not([data-zoom])) ~ .kzk-dock .kzk-zoom-val::after{content:var(--pt-fit,"Fit");font-size:12.5px}
.bvk-t-pngtuber-maker .pt-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-pngtuber-maker .pt-draft>svg{color:var(--kzk-lilac);flex:none}
.bvk-t-pngtuber-maker .pt-draft>span{flex:1 1 auto;min-width:0}
.bvk-t-pngtuber-maker .pt-draft>.kzk-btn{flex:none}
.bvk-t-pngtuber-maker .pt-draft[hidden]{display:none}
.bvk-t-pngtuber-maker #pt-prevTag[hidden]{display:none}
/* Canlı çubuk: yüzler kendi tam satırında (oyun aksiyon çubuğu), altında Tepki | Hareket */
.bvk-t-pngtuber-maker .pt-live{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hot hot" "reacts quick";align-items:center;gap:10px 14px;margin-top:12px}
.bvk-t-pngtuber-maker .pt-live>.pt-hot{grid-area:hot}
.bvk-t-pngtuber-maker .pt-live>.pt-reacts{grid-area:reacts}
.bvk-t-pngtuber-maker .pt-live>.pt-quick{grid-area:quick}
.bvk-t-pngtuber-maker .pt-hot{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.bvk-t-pngtuber-maker .pt-hot[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:3px 11px 3px 4px;border-radius:999px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 12.5px/1.2 var(--kzk-font);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
.bvk-t-pngtuber-maker .pt-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-chip kbd{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--kzk-card-3);color:var(--kzk-text-2);font:700 11.5px/1 var(--kzk-mono)}
.bvk-t-pngtuber-maker .pt-chip:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .pt-chip[aria-pressed=true]{border-color:var(--kzk-gold-line);color:var(--kzk-gold);background:var(--kzk-sel-bg)}
.bvk-t-pngtuber-maker .pt-chip[aria-pressed=true] kbd{background:var(--kzk-gold-grad);color:var(--kzk-on-gold)}
.bvk-t-pngtuber-maker .pt-chip--add{border-style:dashed;border-color:var(--kzk-hl-line);color:var(--kzk-lilac);background:transparent;padding:4px 12px 4px 9px}
.bvk-t-pngtuber-maker .pt-chip--add .kzk-i{width:14px;height:14px}
.bvk-t-pngtuber-maker .pt-chip--add:hover{background:var(--kzk-hl-bg);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .pt-chip[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-quick{display:flex;align-items:center;gap:8px;min-width:0;max-width:240px}
.bvk-t-pngtuber-maker .pt-quick .kzk-label{margin:0;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-quick select,.bvk-t-pngtuber-maker .pt-quick .kzk-select{flex:1 1 auto;min-width:0;max-width:100%}
.bvk-t-pngtuber-maker .pt-prev .kzk-caption{margin-top:10px}

/* ───────── Yayına al kartı (.panel; OBS düğmesini pngtuber-obs.js .mrow'un hemen altına koyar) ───────── */
.bvk-t-pngtuber-maker .pt-goIn{display:flex;flex-direction:column;gap:12px;min-width:0}
.bvk-t-pngtuber-maker .pt-toasts:empty{display:none}
.bvk-t-pngtuber-maker .pt-goIn>.kzk-sec-head{margin-bottom:0}
.bvk-t-pngtuber-maker .pt-micRow{display:flex;gap:6px}
.bvk-t-pngtuber-maker .pt-micBtn{flex:1 1 auto;width:100%;min-width:0;justify-content:center;min-height:46px}
.bvk-t-pngtuber-maker .pt-micBtn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-micBtn .pt-icoStop{display:none}
.bvk-t-pngtuber-maker .pt-micBtn.is-on .pt-icoStop{display:block}
.bvk-t-pngtuber-maker .pt-micBtn.is-on .pt-icoMic{display:none}
.bvk-t-pngtuber-maker .pt-micBtn{min-height:44px;font-weight:600}
.bvk-t-pngtuber-maker .pt-micBtn .pt-icoMic{color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .pt-micBtn:not(.is-on):hover{border-color:var(--kzk-hl-line)}
.bvk-t-pngtuber-maker .pt-micBtn.is-on{background:var(--kzk-hl-bg);border-color:var(--kzk-hl-line);color:var(--kzk-lilac);box-shadow:inset 0 0 0 .5px var(--kzk-hl-line)}
.bvk-t-pngtuber-maker .pt-micBtn.is-on .pt-icoStop{color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .kzk-icon-btn.pt-tog{flex:0 0 auto;width:34px;height:34px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .kzk-icon-btn.pt-tog svg{width:17px;height:17px}
.bvk-t-pngtuber-maker .kzk-icon-btn.pt-tog.is-on,.bvk-t-pngtuber-maker .kzk-icon-btn.pt-tog.is-on:hover{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .kzk-icon-btn#muteBtn.is-on,.bvk-t-pngtuber-maker .kzk-icon-btn#muteBtn.is-on:hover{border-color:color-mix(in srgb,var(--kzk-danger) 55%,transparent);background:color-mix(in srgb,var(--kzk-danger) 14%,var(--kzk-field));color:var(--kzk-danger)}
/* Ölçer: kendi tam genişlik satırı, 22 px, LED dilimleri (dB ölçeği); altında durum + Sınama + Sustur */
.bvk-t-pngtuber-maker .mrow.pt-mrow{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;margin:0}
.bvk-t-pngtuber-maker .pt-meter{position:relative;height:22px;margin:4px 0 0;border:0;border-radius:7px;background:var(--kzk-track);overflow:visible;cursor:ew-resize;touch-action:none;box-shadow:inset 0 1px 2px rgba(0,0,0,.35);flex:none}
.bvk-t-pngtuber-maker .pt-meter:focus-visible{outline:2px solid var(--kzk-focus);outline-offset:4px}
.bvk-t-pngtuber-maker .pt-meter>i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:7px;background:linear-gradient(90deg,#4ade80 0,#a3e635 45%,#fbbf24 72%,#f472b6 100%);background-size:var(--pt-mw,300px) 100%;transition:width .05s linear}
.bvk-t-pngtuber-maker .pt-ticks{position:absolute;inset:0;border-radius:7px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 2px),var(--kzk-card) calc(5% - 2px) 5%)}
.bvk-t-pngtuber-maker .pt-mark{position:absolute;top:-5px;bottom:-5px;width:4px;margin-left:-2px;border-radius:3px;background:#fff;box-shadow:0 0 0 1.5px rgba(14,12,22,.55),0 2px 6px rgba(0,0,0,.4);transition:left .12s var(--pt-ease);z-index:1}
.bvk-t-pngtuber-maker .pt-mark::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:inherit;box-shadow:inherit}
.bvk-t-pngtuber-maker .pt-mark--wide{background:var(--pt-loud)}
.bvk-t-pngtuber-maker .pt-mark[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-mrow2{display:flex;align-items:center;gap:8px;min-width:0}
/* durum alanı kalan yeri alır ve gerekirse üç noktayla kısalır: 1440'ta 300 px'lik sütunda 'Demo · mikrofon kapalı' saydam
   'Konuşmayı dene' düğmesinin altına giriyordu (iki yazı üst üste). Düğmeler küçülmez; nokta (i) hiç küçülmez. */
.bvk-t-pngtuber-maker .pt-mrow2>.tdot{flex:1 1 auto;min-width:0;overflow:hidden}
.bvk-t-pngtuber-maker .pt-mrow2>.pt-demoBtn,.bvk-t-pngtuber-maker .pt-mrow2>.pt-tog{flex:none}
.bvk-t-pngtuber-maker .tdot>i{flex:none}
.bvk-t-pngtuber-maker .tdot>#pt-tdotTxt{min-width:0;overflow:hidden;text-overflow:ellipsis}
.bvk-t-pngtuber-maker .pt-demoBtn{min-height:34px;gap:6px;padding:4px 11px;font-size:12.5px}
.bvk-t-pngtuber-maker .pt-demoBtn[aria-pressed=true]{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .tdot{display:inline-flex;align-items:center;gap:6px;min-width:0;font:700 12px/1 var(--kzk-font);color:var(--kzk-muted);white-space:nowrap}
.bvk-t-pngtuber-maker .tdot>i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.6}
.bvk-t-pngtuber-maker .tdot[data-s=talk]{color:var(--kzk-ok)}
.bvk-t-pngtuber-maker .tdot[data-s=loud]{color:var(--pt-loud)}
.bvk-t-pngtuber-maker .tdot[data-s=muted]{color:var(--kzk-danger)}
.bvk-t-pngtuber-maker .tdot:is([data-s=talk],[data-s=loud])>i{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}
.bvk-t-pngtuber-maker .pt-meterHint{margin:0;font-size:11.5px}
/* OBS'e ekle'nin 3 adımlık kısa özeti: geniş kartta düğmenin altında açık; dar kartta (≥1380 sağ sütun, telefon) kartın
   altında katlanır 'OBS'te kurulum' satırı. OBS penceresi açıkken ikisi de gizli (aynı adımlar iki kez görünmesin). */
.bvk-t-pngtuber-maker .pt-obsHowD{margin:0}
.bvk-t-pngtuber-maker .pt-obsHowD .pt-obsSteps{margin:0 0 8px;padding:0 0 0 18px;font:500 12px/1.5 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .pt-obsHowD .pt-obsSteps li{margin:0 0 3px}
.bvk-t-pngtuber-maker .pt-obsHowD .kzk-hint{margin:0}
@container kzkc (min-width:600px){.bvk-t-pngtuber-maker .pt-obsHowD{display:none}}
.bvk-t-pngtuber-maker .pt-goIn:has(.bvobs-back:not([hidden])) :is(.pt-obsHow,.pt-obsHowD){display:none!important}
.bvk-t-pngtuber-maker .pt-obsHow{display:none;margin:0;padding:0;list-style:none;counter-reset:pth}
.bvk-t-pngtuber-maker .pt-obsHow>li{position:relative;counter-increment:pth;padding:0 0 0 24px;margin:0 0 6px;font:500 12px/1.4 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .pt-obsHow>li::before{content:counter(pth);position:absolute;left:0;top:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--kzk-card-3);color:var(--kzk-text-2);font:700 10.5px/1 var(--kzk-font)}
/* OBS'e ekle (pngtuber-obs.js) kitin altın birincil düğmesi gibi */
.bvk-t-pngtuber-maker .bvobs-wrap{margin:0}
.bvk-t-pngtuber-maker .bvobs-open{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:8px 14px;border:0;border-radius:var(--kzk-r-card);background:var(--kzk-gold-grad);color:var(--kzk-on-gold);font:700 15px/1.2 var(--kzk-font);box-shadow:var(--kzk-shadow-gold);cursor:pointer;transition:box-shadow .16s,transform .16s var(--pt-ease)}
.bvk-t-pngtuber-maker .bvobs-open:hover{filter:none;box-shadow:var(--kzk-shadow-gold-2)}
@media (prefers-reduced-motion:no-preference){.bvk-t-pngtuber-maker .bvobs-open:hover{transform:translateY(-1px)}}
.bvk-t-pngtuber-maker .bvobs-open:focus-visible{outline:2px solid var(--kzk-focus);outline-offset:3px}
.bvk-t-pngtuber-maker .bvobs-ico{width:22px;height:22px;flex:none}
.bvk-t-pngtuber-maker .bvobs-txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
.bvk-t-pngtuber-maker .bvobs-open>.bvobs-txt>span{font:700 15px/1.2 var(--kzk-font)}
.bvk-t-pngtuber-maker .bvobs-open small{font:500 11.5px/1.3 var(--kzk-font);opacity:.82;white-space:normal}
.bvk-t-pngtuber-maker .bvobs-pill{margin-top:8px;color:var(--kzk-ok)}
/* gömülüde satır içi OBS penceresi */
.bvk-t-pngtuber-maker .pt-obsHost:empty,.bvk-t-pngtuber-maker .pt-obsHost:not(:has(>:not([hidden]))){display:none}
.bvk-t-pngtuber-maker .bvobs-back.bvobs-inline{position:static;inset:auto;z-index:auto;display:block;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
.bvk-t-pngtuber-maker .bvobs-back.bvobs-inline[hidden]{display:none}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-dialog{width:100%;max-height:none;overflow:visible;padding:16px 14px 14px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border-color:var(--kzk-hl-line);box-shadow:none;color:var(--kzk-text);animation:none}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-dialog h2{font:700 16px/1.25 var(--kzk-display);margin-right:36px}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-lead{font-size:12.5px;color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-step{background:var(--kzk-field);border-color:var(--kzk-line-2);padding-left:44px}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-step::before{left:11px;background:var(--kzk-violet)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-step>p,.bvk-t-pngtuber-maker .bvobs-inline .bvobs-note,.bvk-t-pngtuber-maker .bvobs-inline .bvobs-foot{color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-step>p b{color:var(--kzk-text)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-row{flex-wrap:wrap}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-row input{background:var(--kzk-card);border-color:var(--kzk-line-2);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-btn{background:var(--kzk-card);border-color:var(--kzk-line-2);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-go{background:var(--kzk-purple-grad);border:0;color:#fff}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-x{background:var(--kzk-card);border-color:var(--kzk-line-2);color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .bvobs-inline .bvobs-mic{grid-template-columns:auto minmax(0,1fr) 70px;background:var(--kzk-card);border-color:var(--kzk-line-2)}
.bvk-t-pngtuber-maker .pt-ways{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--kzk-line)}
.bvk-t-pngtuber-maker .pt-waysHead{margin:0 0 2px;font:600 12.5px/1.3 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .pt-way{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border-radius:var(--kzk-r-card);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s var(--pt-ease)}
.bvk-t-pngtuber-maker .pt-way:hover{border-color:var(--kzk-line-hover);background:var(--kzk-card-2)}
@media (prefers-reduced-motion:no-preference){.bvk-t-pngtuber-maker .pt-way:hover{transform:translateY(-1px)}}
.bvk-t-pngtuber-maker .pt-way>.kzk-i{flex:none;width:22px;height:22px;color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .pt-wayTxt{display:flex;flex-direction:column;min-width:0}
.bvk-t-pngtuber-maker .pt-wayTxt>span{font:600 13.5px/1.25 var(--kzk-font)}
.bvk-t-pngtuber-maker .pt-wayTxt>small{font:400 11.5px/1.35 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .pt-backup{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;border-top:1px solid var(--kzk-line)}
.bvk-t-pngtuber-maker .pt-backupLbl{flex:1 1 100%;font:600 12.5px/1.3 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .pt-backup>.kzk-btn{flex:1 1 0;justify-content:center;min-width:0}
.bvk-t-pngtuber-maker .pt-go .kzk-lock{margin:0;justify-content:flex-start;align-items:flex-start;text-align:left;gap:8px}
.bvk-t-pngtuber-maker .pt-go .kzk-lock svg{flex:none;margin-top:2px}
/* TR sayfasının eski satır içi kuralları (v1: .panel{max-height:80vh;overflow:auto}, .mrow, .meter, .tdot) bu karta sızmasın */
.bvk-t-pngtuber-maker .panel.pt-go{max-height:none;overflow:visible}
.bvk-t-pngtuber-maker .pt-goIn>.mrow{margin-bottom:0}

/* ───────── Görünümler ───────── */
.bvk-t-pngtuber-maker .pt-looksCard .kzk-sec-head{flex-wrap:wrap}
.bvk-t-pngtuber-maker .pt-save{margin-left:auto}
.bvk-t-pngtuber-maker .pt-ltabsWrap{position:relative;margin:2px 0 12px;min-width:0}
.bvk-t-pngtuber-maker .kzk-seg--chips.pt-ltabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px;gap:6px}
.bvk-t-pngtuber-maker .kzk-seg--chips.pt-ltabs::-webkit-scrollbar{display:none}
/* dar kartta daha fazla grup olduğu belli olsun: sağ kenar solar + '›' (webcam'deki gibi) */
.bvk-t-pngtuber-maker .kzk-seg--chips.pt-ltabs.pt-ovf{padding-right:34px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.bvk-t-pngtuber-maker .pt-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-pngtuber-maker .pt-ltabsNext[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-ltabs>button{flex:0 0 auto;white-space:nowrap;min-height:30px;padding:3px 12px;font-size:12.5px}
.bvk-t-pngtuber-maker .pt-ltabs .pt-n{margin-left:6px;font-weight:500;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-pngtuber-maker .pt-looks{--kzk-ar:1/1}
.bvk-t-pngtuber-maker .kzk-cards.pt-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (max-width:429px){.bvk-t-pngtuber-maker .pt-looks .kzk-tcard-title{margin:7px 2px 1px;font-size:11.5px}}
@container kzkc (min-width:430px){.bvk-t-pngtuber-maker .kzk-cards.pt-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@container kzkc (min-width:620px){.bvk-t-pngtuber-maker .kzk-cards.pt-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container kzkc (min-width:880px){.bvk-t-pngtuber-maker .kzk-cards.pt-looks{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .pt-looks .kzk-tcard-thumb{background:var(--pt-thumb-bg)}
.bvk-t-pngtuber-maker .pt-looksFoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.bvk-t-pngtuber-maker .pt-looksFoot .kzk-hint{flex:1 1 220px;margin:0}
.bvk-t-pngtuber-maker .pt-looksFoot>.kzk-btn[hidden],.bvk-t-pngtuber-maker .pt-savedName[hidden]{display:none}
.bvk-t-pngtuber-maker .kzk input.pt-savedName,.bvk-t-pngtuber-maker input.pt-savedName{flex:0 1 220px;min-width:0;height:34px;padding:0 10px;font-size:13px}

/* ───────── Telefon mini önizleme (tek sütunda seçenek kartının başında) ───────── */
.bvk-t-pngtuber-maker .pt-mini{display:none}

/* ═════════ Düzen ═════════
   <860: önizleme, yayına al, görünümler (6 + daha fazla), seçenekler (DOM sırası opts, prev, exp, more → alan sırası).
   860–1379 (panel 900/1100, dizüstü): seçenekler | önizleme, seçenekler | yayına al, altta görünümler tam genişlik.
   ≥1380: seçenekler | önizleme | yayına al, görünümler önizleme + yayına al genişliğinde.
   ≥860'ta seçenek kartı ızgara yüksekliğini BELİRLEMEZ (contain:size): komşu sütunun boyunda durur, paneller içeride kayar. */
.bvk-t-pngtuber-maker .kzk-railwrap{grid-template-columns:72px minmax(0,1fr)}
@container kzk (max-width:599px){.bvk-t-pngtuber-maker .kzk-railwrap{grid-template-columns:minmax(0,1fr)}}
@container kzk (max-width:859px){
  .bvk-t-pngtuber-maker .kzk-ws{grid-template-areas:"prev" "exp" "more" "opts"}
  .bvk-t-pngtuber-maker .pt-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
  .bvk-t-pngtuber-maker .pt-opts .kzk-panes{min-height:0!important}
  .bvk-t-pngtuber-maker .pt-mini{display:block;flex:0 0 auto;position:relative;height:150px;margin:12px 12px 8px;border-radius:var(--kzk-r-md);overflow:hidden;border:1px solid var(--kzk-line);background:radial-gradient(ellipse at 50% 100%,var(--pt-thumb-glow),transparent 70%),var(--pt-thumb-bg)}
  .bvk-t-pngtuber-maker .pt-mini>canvas{display:block}
}
@container kzk (min-width:860px){
  .bvk-t-pngtuber-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-pngtuber-maker .kzk-col-opts{contain:size;min-height:660px}
  .bvk-t-pngtuber-maker.pt-optsFixed .kzk-col-opts{align-self:start;height:var(--pt-optsH,auto)}
  .bvk-t-pngtuber-maker .kzk-col-opts>.pt-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-pngtuber-maker .pt-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-pngtuber-maker .pt-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-pngtuber-maker .pt-opts .kzk-panes.pt-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
  .bvk-t-pngtuber-maker .kzk-col-prev>.pt-prev{flex:0 0 auto}
  .bvk-t-pngtuber-maker .kzk-col-more{align-self:start}
  /* 860–1379: Yayına al kartı İÇERİĞİ boyunda. Seçenek sütununun boyu (--pt-optsH) bu kartın dibinden ölçülür; kart satıra
     gerilseydi (stretch) OBS penceresi ya da bir bildirim kartı bir kez uzatınca satır o boyda kalır, kart da gerili kalırdı
     (1110'da 559 → 1269 px, kapanınca geri dönmüyordu). */
  .bvk-t-pngtuber-maker .kzk-col-exp{align-self:start}
}
@container kzk (min-width:1380px){
  .bvk-t-pngtuber-maker .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(372px,404px) minmax(0,1fr) minmax(276px,300px);grid-template-areas:"opts prev exp" "opts more more";grid-template-rows:auto 1fr}
  .bvk-t-pngtuber-maker .kzk-col-exp{align-self:stretch}
}
/* Geniş yayına al kartı (860–1379'da önizlemenin altında): mikrofon | OBS yan yana, diğer yollar üç sütun. Kartın kendi
   genişliğine göre (kzkc): ≥1380 sağ sütunda dar, panel 980'de orta. */
@container kzkc (min-width:600px){
  .bvk-t-pngtuber-maker .pt-goIn{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;align-content:start;gap:12px 22px}
  .bvk-t-pngtuber-maker .pt-goIn>*{grid-column:1/-1}
  .bvk-t-pngtuber-maker .pt-goIn>.pt-toasts{grid-row:1}
  .bvk-t-pngtuber-maker .pt-goIn>.kzk-sec-head{grid-row:2}
  .bvk-t-pngtuber-maker .pt-goIn>.pt-micRow{grid-column:1;grid-row:3}
  .bvk-t-pngtuber-maker .pt-goIn>.mrow{grid-column:1;grid-row:4}
  .bvk-t-pngtuber-maker .pt-goIn>#obsDirectWrap{grid-column:2;grid-row:3;align-self:start}
  .bvk-t-pngtuber-maker .pt-goIn>#obsDirectWrap>.bvobs-open{min-height:52px}
  .bvk-t-pngtuber-maker .pt-goIn>.pt-obsHow{display:block;grid-column:2;grid-row:4;align-self:start;padding-top:2px}
  .bvk-t-pngtuber-maker .pt-goIn>.pt-obsHost{grid-row:5}
  .bvk-t-pngtuber-maker .pt-goIn>.pt-ways{grid-row:6}
  .bvk-t-pngtuber-maker .pt-goIn>.pt-backup{grid-row:7}
  .bvk-t-pngtuber-maker .pt-goIn>.kzk-lock{grid-row:8}
  .bvk-t-pngtuber-maker .pt-backupLbl{flex:0 0 auto;margin-right:auto}
  .bvk-t-pngtuber-maker .pt-backup>.kzk-btn{flex:0 0 auto}
}
/* diğer yollar (ayrı pencere, kareler, emote'lar, profil resmi): geniş kartta 2 × 2 */
@container kzkc (min-width:560px){
  .bvk-t-pngtuber-maker .pt-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bvk-t-pngtuber-maker .pt-waysHead{grid-column:1/-1}
}
/* dar yayına al kartı (telefon) */
@container kzkc (max-width:420px){
  .bvk-t-pngtuber-maker .pt-quick{margin-left:0;flex:1 1 100%}
  .bvk-t-pngtuber-maker .pt-quick select{flex:1 1 auto;min-width:0}
  .bvk-t-pngtuber-maker .pt-prev .kzk-prev-head>.kzk-size{display:none}
  .bvk-t-pngtuber-maker .pt-goIn .bvobs-open small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .bvk-t-pngtuber-maker .pt-goIn .bvobs-txt{max-width:100%}
}
/* Telefon (≤600): dok TEK satır — sahneler sola, sığdır/tam ekran sağa; −/+ gizli (sıkıştırarak yakınlaştırma var).
   Seçici data-z (aria-label TR'de çevriliyor). KİT EKSİĞİ: dok satırları dar kartta kendi kendine dengelenmiyor. */
@container kzkc (max-width:600px){
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock{flex-wrap:wrap}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock>.kzk-scenes{flex:0 1 auto;justify-content:flex-start;min-width:0}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock>.kzk-zoom{flex:0 0 auto;margin-left:auto}
  .bvk-t-pngtuber-maker .pt-prev .kzk-zoom [data-z="-"],.bvk-t-pngtuber-maker .pt-prev .kzk-zoom [data-z="+"]{display:none}
}
/* en dar telefonlar (≤400): 'Sığdır' okuması gizli (tam ekran düğmesi kalır) → beş sahne örneği tek satıra sığar;
   tepki düğmeleri biraz dar → 'Tepki' etiketiyle tek satır */
@container kzkc (max-width:400px){
  .bvk-t-pngtuber-maker .pt-prev .kzk-zoom .kzk-zoom-val{display:none}
  .bvk-t-pngtuber-maker .pt-rbtn{width:33px;height:32px}
  .bvk-t-pngtuber-maker .pt-rbtns{gap:5px}
}
/* orta genişlik (panel 980): başlık satırı sarılmasın — boyut çipi gizli (görünüm seçicide yazıyor), görünüm etiketi kısalır */
@container kzkc (max-width:600px){
  .bvk-t-pngtuber-maker .pt-prev .kzk-prev-head>.kzk-size{display:none}
  .bvk-t-pngtuber-maker .pt-prev .kzk-prev-head>#pt-prevTag{max-width:min(220px,42%)}
}
/* dar başlık: başlık + araçlar tek satır (seçili görünüm Görünümler kartında zaten işaretli) */
@container kzkc (max-width:440px){.bvk-t-pngtuber-maker .pt-prev .kzk-prev-head>#pt-prevTag{display:none}}
@container kzkc (max-width:460px){.bvk-t-pngtuber-maker .pt-prev .kzk-stage{min-height:0}}
@container kzkc (max-width:520px){.bvk-t-pngtuber-maker .pt-tools #pt-random>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* ───────── Açık tema ───────── */
html[data-theme=light] .bvk-t-pngtuber-maker .pt-ticks{background:repeating-linear-gradient(90deg,transparent 0 calc(5% - 2px),var(--kzk-card) calc(5% - 2px) 5%)}
html[data-theme=light] .bvk-t-pngtuber-maker .pt-meter{box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}
html[data-theme=light] .bvk-t-pngtuber-maker .pt-mark{box-shadow:0 0 0 1.5px rgba(40,33,48,.7),0 2px 6px rgba(0,0,0,.2)}
html[data-theme=light] .bvk-t-pngtuber-maker .pt-slotThumb{background-color:#ece6f2;background-image:conic-gradient(#ddd4e6 25%,transparent 0 50%,#ddd4e6 0 75%,transparent 0)}
html[data-theme=light] .bvk-t-pngtuber-maker .pt-pal>i,html[data-theme=light] .bvk-t-pngtuber-maker .pt-bgsw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
html[data-theme=light] .bvk-t-pngtuber-maker .bvobs-inline .bvobs-mic .bvobs-bar{background:rgba(0,0,0,.1)}

/* 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 (webcam'deki gibi). */
.bvk-t-pngtuber-maker .kzk-cards:not(.is-open)>[data-more]{display:none}
.bvk-t-pngtuber-maker .kzk-cards>.kzk-more-btn{grid-column:1/-1}
@container kzkc (max-width:460px){.bvk-t-pngtuber-maker .pt-prev .kzk-stage{--kzk-stage-pad:8px}}
.bvk-t-pngtuber-maker .pt-goIn>.kzk-sec-head .kzk-sec-title{white-space:nowrap}
.bvk-t-pngtuber-maker .pt-goIn>.kzk-sec-head .kzk-sec-aside{min-width:0;text-align:right}
@container kzkc (max-width:360px){
  .bvk-t-pngtuber-maker .pt-goIn>.kzk-sec-head{flex-wrap:wrap;row-gap:3px}
  .bvk-t-pngtuber-maker .pt-goIn>.kzk-sec-head .kzk-sec-aside{flex:1 1 100%;margin-left:0;text-align:left;white-space:normal;line-height:1.35}
}

/* ───────── Tek renkten palet, platform simgeleri ───────── */
.bvk-t-pngtuber-maker .pt-baseRow{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:var(--kzk-r-card);border:1px dashed var(--kzk-hl-line);background:color-mix(in srgb,var(--kzk-hl-bg) 55%,transparent)}
.bvk-t-pngtuber-maker .pt-baseRow>.kzk-i{flex:none;width:20px;height:20px;color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .pt-baseTxt{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.bvk-t-pngtuber-maker .pt-baseTxt>span{font:600 13px/1.25 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .pt-baseTxt>small{font:400 11.5px/1.3 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .pt-baseRow>.kzk-color{flex:0 0 118px;width:118px}
.bvk-t-pngtuber-maker .kzk-seg.pt-plats{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.bvk-t-pngtuber-maker .kzk-seg.pt-plats>button{min-height:40px;padding:6px 0}
.bvk-t-pngtuber-maker .kzk-seg.pt-plats>button>svg{width:22px;height:22px;display:block}
.bvk-t-pngtuber-maker .kzk-seg.pt-plats>button:not(.on)>svg:not(.pt-g){opacity:.82}
.bvk-t-pngtuber-maker .pt-obsNote{font-size:12px}
/* giriş gerekenler: oturum kapalıyken (bağımsız sayfa) küçük kilit — webcam'deki birincil düğme gibi */
.bvk-t-pngtuber-maker .pt-wayLock{display:none;flex:none;width:15px;height:15px;margin-left:auto;color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .pt-go[data-locked] .pt-wayLock{display:block}
.bvk-t-pngtuber-maker .pt-go[data-locked] .bvobs-open::after{content:"";flex:none;width:16px;height:16px;margin-left:auto;background:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10.5' rx='2.2'/%3E%3Cpath d='M8.2 10.5V7.8a3.8 3.8 0 0 1 7.6 0v2.7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10.5' rx='2.2'/%3E%3Cpath d='M8.2 10.5V7.8a3.8 3.8 0 0 1 7.6 0v2.7'/%3E%3C/svg%3E") center/contain no-repeat}
.bvk-t-pngtuber-maker .pt-tiles--fx .kzk-tile-label,.bvk-t-pngtuber-maker .pt-tiles--tint .kzk-tile-label{font-size:11px;letter-spacing:-.15px}

/* ═════════ 2. tur (10 Eki): kendi çizimin, tepkiler, bırak katmanı, bildirim yuvaları ═════════ */
/* bildirim yuvaları (gömülüde bildirim işin yanında; boşken yer kaplamaz) */
.bvk-t-pngtuber-maker .pt-tslot:empty{display:none}
.bvk-t-pngtuber-maker .pt-tslot{margin:10px 0 0}
.bvk-t-pngtuber-maker .pt-ownArt .pt-tslot,.bvk-t-pngtuber-maker #pt-tFaces{margin:0 0 8px}
/* Avatar panelinin başında 'Kendi çizimin': iki yuva (ağız kapalı / açık), bırakılabilir */
.bvk-t-pngtuber-maker .pt-ownArt{margin:0 0 14px;padding:10px;border-radius:var(--kzk-r-card);border:1px dashed var(--kzk-hl-line);background:color-mix(in srgb,var(--kzk-hl-bg) 45%,transparent);transition:border-color .15s,background-color .15s}
.bvk-t-pngtuber-maker .pt-ownArt.is-dropping{border-style:solid;border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg)}
.bvk-t-pngtuber-maker .pt-ownArt.is-own{border-style:solid}
.bvk-t-pngtuber-maker .pt-ownHead{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.bvk-t-pngtuber-maker .pt-ownHead>.kzk-i{flex:none;width:20px;height:20px;color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .pt-ownTxt{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.bvk-t-pngtuber-maker .pt-ownTxt>b{font:600 13px/1.25 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-pngtuber-maker .pt-ownTxt>small{font:400 11.5px/1.35 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-pngtuber-maker .pt-ownClr{flex:none}
.bvk-t-pngtuber-maker .pt-ownClr[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-ownSlots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bvk-t-pngtuber-maker .pt-oslot{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 8px 5px 5px;border-radius:var(--kzk-r-md);border:1px dashed var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s var(--pt-ease)}
.bvk-t-pngtuber-maker .pt-oslot:hover{border-color:var(--kzk-line-hover);background:var(--kzk-card-2)}
.bvk-t-pngtuber-maker .pt-oslot.is-set{border-style:solid;border-color:var(--kzk-hl-line)}
.bvk-t-pngtuber-maker .pt-oslot.is-drop{border-style:solid;border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg)}
.bvk-t-pngtuber-maker .pt-oslot:focus-visible{outline:2px solid var(--kzk-focus);outline-offset:2px}
.bvk-t-pngtuber-maker .pt-oslotThumb{flex:none;width:40px;height:40px;border-radius:8px;overflow:hidden;background-color:#1b1a24;background-image:conic-gradient(#24222f 25%,transparent 0 50%,#24222f 0 75%,transparent 0);background-size:10px 10px}
.bvk-t-pngtuber-maker .pt-oslot:not(.is-set) .pt-oslotThumb img{opacity:.5}
.bvk-t-pngtuber-maker .pt-oslotThumb img{display:block;width:100%;height:100%;object-fit:contain}
.bvk-t-pngtuber-maker .pt-oslotTxt{display:flex;flex-direction:column;min-width:0}
/* iki yuvanın adı aynı yükseklikte (2 satır ayrılır): 'Yükle' bağlantıları hizalı kalır, ad kesilmez */
.bvk-t-pngtuber-maker .pt-oslotTxt>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.5em;font:600 12px/1.25 var(--kzk-font)}
.bvk-t-pngtuber-maker .pt-oslot{align-items:center}
.bvk-t-pngtuber-maker .pt-oslotTxt>small{font:600 11px/1.3 var(--kzk-font);color:var(--kzk-lilac)}
.bvk-t-pngtuber-maker .pt-ownMore{margin:0}
.bvk-t-pngtuber-maker .pt-ownFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px}
@media (pointer:coarse){.bvk-t-pngtuber-maker .pt-linkBtn{padding:10px 0;margin:-6px 0}}
html[data-theme=light] .bvk-t-pngtuber-maker .pt-oslotThumb{background-color:#ece6f2;background-image:conic-gradient(#ddd4e6 25%,transparent 0 50%,#ddd4e6 0 75%,transparent 0)}
.bvk-t-pngtuber-maker .pt-nameTip{margin:4px 0 0;font-size:11.5px}
/* önizlemeye bırak: sahnenin üstünde katman (sabit konum yok; sahnenin içinde) */
.bvk-t-pngtuber-maker .pt-stage{position:relative}
.bvk-t-pngtuber-maker .pt-dropHint{position:absolute;inset:8px;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;border-radius:var(--kzk-r-card);border:2px dashed var(--kzk-gold-line);background:color-mix(in srgb,var(--kzk-card) 78%,transparent);color:var(--kzk-text);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.bvk-t-pngtuber-maker .pt-dropHint>.kzk-i{width:30px;height:30px;color:var(--kzk-gold)}
.bvk-t-pngtuber-maker .pt-dropHint>b{font:700 15px/1.25 var(--kzk-display,var(--kzk-font))}
.bvk-t-pngtuber-maker .pt-dropHint>small{font:500 12px/1.35 var(--kzk-font);color:var(--kzk-text-2)}
.bvk-t-pngtuber-maker .pt-prev.is-dropping .pt-dropHint{display:flex}
/* önizleme başlığındaki görünüm etiketi = Görünümler kartına götüren düğme */
.bvk-t-pngtuber-maker .pt-prevTag{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;margin:0;padding:3px 6px 3px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--kzk-lilac);cursor:pointer;font:500 12px/1.2 var(--kzk-font);transition:border-color .15s,background-color .15s}
.bvk-t-pngtuber-maker .pt-prevTag:hover{background:var(--kzk-hl-bg)}
.bvk-t-pngtuber-maker .pt-prevTag .pt-ptxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-prevTag>.kzk-i{flex:none;width:12px;height:12px;opacity:.75}
.bvk-t-pngtuber-maker .pt-prevTag:hover{border-color:var(--kzk-hl-line)}
.bvk-t-pngtuber-maker .pt-prevTag:focus-visible{outline:2px solid var(--kzk-focus);outline-offset:2px}
.bvk-t-pngtuber-maker .pt-prevTag[hidden]{display:none}
@keyframes pt-flash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--kzk-gold) 55%,transparent)}100%{box-shadow:0 0 0 14px color-mix(in srgb,var(--kzk-gold) 0%,transparent)}}
@media (prefers-reduced-motion:no-preference){.bvk-t-pngtuber-maker .pt-looksCard.pt-flash{animation:pt-flash .9s ease-out 2}}
.bvk-t-pngtuber-maker .pt-looksCard.pt-flash{border-color:var(--kzk-gold-line)}
/* kayıtlı avatar düzenlendi: 'Güncelle' + 'Yeni olarak kaydet' */
.bvk-t-pngtuber-maker .pt-save.is-update{border-color:var(--kzk-gold-line);color:var(--kzk-gold)}
.bvk-t-pngtuber-maker .pt-saveNew[hidden]{display:none}
/* tepkiler: önizlemenin altında küçük düğmeler + Yüzler panelinde adlı ızgara */
.bvk-t-pngtuber-maker .pt-reacts{display:flex;align-items:center;gap:8px;flex:1 1 100%;min-width:0;flex-wrap:wrap}
.bvk-t-pngtuber-maker .pt-reacts>.kzk-label{margin:0;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-rbtns{display:flex;flex-wrap:wrap;gap:6px}
.bvk-t-pngtuber-maker .pt-rbtn{position:relative;display:grid;place-items:center;width:42px;height:36px;padding:0;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);cursor:pointer;transition:border-color .15s,background-color .15s,transform .12s var(--pt-ease)}
.bvk-t-pngtuber-maker .pt-rbtn>svg{width:20px;height:20px;display:block}
.bvk-t-pngtuber-maker .pt-rbtn>svg{margin:0 6px 0 0}
.bvk-t-pngtuber-maker .pt-rbtn>kbd{position:absolute;right:3px;top:3px;display:grid;place-items:center;min-width:13px;height:13px;padding:0 2px;border-radius:4px;background:var(--kzk-card-3);color:var(--kzk-text-2);font:700 9px/1 var(--kzk-mono)}
.bvk-t-pngtuber-maker .pt-rbtn>kbd[hidden],.bvk-t-pngtuber-maker .pt-rbtn:has(>kbd[hidden])>svg{margin:0}
.bvk-t-pngtuber-maker .pt-rbtn>kbd[hidden],.bvk-t-pngtuber-maker .pt-react>kbd[hidden]{display:none}
.bvk-t-pngtuber-maker .pt-rbtn:hover,.bvk-t-pngtuber-maker .pt-react:hover{border-color:var(--kzk-line-hover);background:var(--kzk-card-2)}
.bvk-t-pngtuber-maker .pt-rbtn:focus-visible,.bvk-t-pngtuber-maker .pt-react:focus-visible{outline:2px solid var(--kzk-focus);outline-offset:2px}
@keyframes pt-fire{0%{transform:scale(1)}35%{transform:scale(1.14)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:no-preference){.bvk-t-pngtuber-maker .is-fire{animation:pt-fire .32s var(--pt-ease)}}
.bvk-t-pngtuber-maker .is-fire{border-color:var(--kzk-gold-line)}
.bvk-t-pngtuber-maker .pt-reactGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (min-width:560px){.bvk-t-pngtuber-maker .pt-reactGrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .pt-react{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:9px 4px 8px;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);cursor:pointer;transition:border-color .15s,background-color .15s}
.bvk-t-pngtuber-maker .pt-react>svg{width:28px;height:28px;display:block}
.bvk-t-pngtuber-maker .pt-reactName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-react>kbd{position:absolute;right:4px;top:4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:var(--kzk-card-3);color:var(--kzk-text-2);font:700 10px/1 var(--kzk-mono)}
/* ad etiketi konumu + boyutu yan yana */
.bvk-t-pngtuber-maker .kzk-row.pt-crow2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
/* hazır degradeler: plaka paletleri gibi yuvarlak (üst → alt) */
.bvk-t-pngtuber-maker .pt-gpals[hidden]{display:none}

/* Yakın planda sahne görseli: kuzgun silueti avatarın yanında yarışmasın — görsel kayar ve hafif kararır */
.bvk-t-pngtuber-maker .pt-stage.pt-isClose[data-scene=scene]{background:radial-gradient(ellipse 62% 78% at 50% 44%,rgba(14,10,24,.1),rgba(14,10,24,.72)),var(--kzk-scene-img,url("/kuzgun-welcome-landscape.webp")) 100% 42%/cover no-repeat #1a1428}

/* ═════════ 3. tur (10 Eki): eleştiri düzeltmeleri ═════════ */
/* Görünüm seçimi dokun içinde: geniş kartta sahneler | görünüm | yakınlaştırma tek satır; dar kartta kendi satırı */
.bvk-t-pngtuber-maker .pt-prev .kzk-dock>.pt-viewSeg{order:3;flex:1 1 100%}
@container kzkc (min-width:620px){
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock{flex-wrap:nowrap}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock>.pt-viewSeg{order:0;flex:0 1 auto;width:auto;min-width:0;margin:0 auto;grid-template-columns:repeat(3,auto)}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock>.kzk-zoom{margin-left:0}
  .bvk-t-pngtuber-maker .pt-viewSeg>button{padding:4px 11px}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock.pt-vsRowDock{flex-wrap:wrap}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock>.pt-viewSeg.pt-vsRow{order:3;flex:1 1 100%;width:100%;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .bvk-t-pngtuber-maker .pt-prev .kzk-dock.pt-vsRowDock>.kzk-zoom{margin-left:auto}
}
@container kzkc (min-width:620px) and (max-width:740px){.bvk-t-pngtuber-maker .pt-prev .kzk-dock .kzk-zoom [data-z="-"],.bvk-t-pngtuber-maker .pt-prev .kzk-dock .kzk-zoom [data-z="+"]{display:none}}
/* hotbar yüz küçük resmi */
.bvk-t-pngtuber-maker .pt-chipFace{position:relative;display:block;flex:none;width:26px;height:26px;border-radius:50%;overflow:hidden;background:var(--pt-thumb-bg);box-shadow:inset 0 0 0 1px var(--kzk-line-2)}
.bvk-t-pngtuber-maker .pt-chipFace img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% var(--pt-op,50%);transform:scale(var(--pt-z,1.3));transform-origin:50% var(--pt-oy,50%)}
.bvk-t-pngtuber-maker .pt-chip.is-own .pt-chipFace img{object-fit:contain;transform:none}
.bvk-t-pngtuber-maker .pt-chip[aria-pressed=true] .pt-chipFace{box-shadow:inset 0 0 0 1.5px var(--kzk-gold-line)}
.bvk-t-pngtuber-maker .pt-chip kbd{order:-1}
/* göz biçimleri: karakterin kendi gözleri (2:1 kırpma) */
.bvk-t-pngtuber-maker .kzk-seg.pt-eyes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bvk-t-pngtuber-maker .kzk-seg.pt-eyes>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-pngtuber-maker .kzk-seg.pt-eyes>button>span:last-child{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-eyeThumb{position:relative;display:block;width:100%;aspect-ratio:2/1;overflow:hidden;border-radius:7px;background:var(--pt-thumb-bg)}
.bvk-t-pngtuber-maker .pt-eyeThumb img{position:absolute;display:block;max-width:none;width:var(--pt-ew,190%);height:auto;left:var(--pt-el,-45%);top:var(--pt-et,-70%);pointer-events:none}
/* ağız biçimi galerisi (8 = 4 × 2) */
.bvk-t-pngtuber-maker .pt-tiles--mouth{--kzk-tile-min:62px;--kzk-thumb-h:62px}
.bvk-t-pngtuber-maker .pt-tiles--mouth .kzk-tile-label{font-size:11px;letter-spacing:-.15px}
.bvk-t-pngtuber-maker #pt-mouths[hidden],.bvk-t-pngtuber-maker #pt-mouthAside[hidden],.bvk-t-pngtuber-maker #pt-mouthNote[hidden]{display:none}
.bvk-t-pngtuber-maker #pt-mouthNote{margin-top:0}
/* ad etiketi biçimleri: motorun çizdiği küçük örnekler — ad KESİLMEZ: doğal boyda çizilir, kutuya sığacak kadar küçülür
   (JS fitMinis); dar seçenek sütununda 2 sütun (Hap, Sekme, Kurdele, Balon genişlik farkı görünsün) */
.bvk-t-pngtuber-maker .kzk-seg.pt-tagStyles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (max-width:340px){.bvk-t-pngtuber-maker .kzk-seg.pt-tagStyles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bvk-t-pngtuber-maker .kzk-seg.pt-tagStyles>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-pngtuber-maker .kzk-seg.pt-tagStyles>button>span:last-child{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-pngtuber-maker .pt-tsMini{display:flex;align-items:center;justify-content:center;height:42px;padding:0 4px;border-radius:7px;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,var(--pt-thumb-glow),transparent 70%),var(--pt-thumb-bg)}
.bvk-t-pngtuber-maker .pt-tsMini .ptr-tag{flex:none;max-width:none;pointer-events:none;transform-origin:50% 50%}
.bvk-t-pngtuber-maker .pt-tsMini .ptr-tag>span{overflow:visible}
.bvk-t-pngtuber-maker .pt-tsMini .ptr-tag[data-st=bubble]{margin-top:6px}
/* Yayında örneği: gerçek bir yayın gibi — sohbet (avatar noktası, renkli ad, mesaj), CANLI rozeti */
.bvk-t-pngtuber-maker .pt-onair{display:none}
/* boşluklar çerçeveye göre (%), içerik sohbet kutusunun kendi genişliğine göre (cqw) */
.bvk-t-pngtuber-maker .pt-frame.is-stream .pt-chat{container-type:inline-size;display:block;gap:0;padding:1.3% 1.3% .6%;width:19%;height:auto;max-height:72%;overflow:hidden;background:rgba(12,9,20,.62);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.bvk-t-pngtuber-maker .pt-chat>.pt-chatH{display:block;width:44%;height:5cqw;margin:0 0 8cqw;border-radius:999px;background:rgba(255,255,255,.28)}
.bvk-t-pngtuber-maker .pt-chat>i{display:grid;height:auto;margin:0 0 7cqw;grid-template-columns:11cqw minmax(0,1fr);column-gap:5cqw;row-gap:3cqw;align-items:center;background:none;border-radius:0}
.bvk-t-pngtuber-maker .pt-chat>i>u{grid-row:1/3;align-self:start;width:11cqw;height:11cqw;border-radius:50%;background:linear-gradient(transparent 70%,rgba(0,0,0,.2) 0),var(--c)}
.bvk-t-pngtuber-maker .pt-chat>i>b{display:block;width:var(--n);height:5cqw;border-radius:999px;background:var(--c)}
.bvk-t-pngtuber-maker .pt-chat>i>s{display:block;width:var(--w);height:4.4cqw;border-radius:999px;background:rgba(255,255,255,.5)}
.bvk-t-pngtuber-maker .pt-frame.is-stream .pt-onair{position:absolute;left:2.4%;top:5%;z-index:1;display:flex;align-items:center;gap:.8%;width:20%;height:4.4%;container-type:size}
.bvk-t-pngtuber-maker .pt-frame.is-stream[data-pos=l] .pt-onair{left:auto;right:2.4%;justify-content:flex-end}
.bvk-t-pngtuber-maker .pt-onair>b{display:block;height:100%;aspect-ratio:2.6;border-radius:999px;background:radial-gradient(circle at 26% 50%,#fff 0 13%,transparent 15%) ,linear-gradient(#fff,#fff) 62% 50%/38% 26% no-repeat,#e5263b;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.bvk-t-pngtuber-maker .pt-onair>i{display:block;height:64%;aspect-ratio:3;border-radius:999px;background:linear-gradient(#fff,#fff) 70% 50%/44% 36% no-repeat,radial-gradient(circle at 22% 50%,rgba(255,255,255,.85) 0 16%,transparent 18%),rgba(12,9,20,.62)}
/* Yayına al kartı sağ sütunda uzayınca 'OBS'te kurulum' en alta oturur (webcam'deki gibi; boşluk dipte kalmaz) */
.bvk-t-pngtuber-maker .kzk-col-exp>.pt-go{display:flex;flex-direction:column}
.bvk-t-pngtuber-maker .pt-go>.pt-goIn{flex:1 1 auto}
.bvk-t-pngtuber-maker .pt-goIn>.pt-obsHowD{margin-top:auto}
.bvk-t-pngtuber-maker .pt-backupHint{flex:1 1 100%;margin:2px 0 0;font-size:11.5px}
.bvk-t-pngtuber-maker .pt-backupHint[hidden]{display:none}
@container kzkc (min-width:600px){.bvk-t-pngtuber-maker .pt-backupHint{order:5}}
/* ana sayfa etiketinin çok satıra kaymasın (Tek renkten) */
.bvk-t-pngtuber-maker .pt-baseTxt>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
/* dar seçenek sütununda 'Kendi çizimin' yuvaları: küçük resim 36 px */
@container kzkc (max-width:340px){.bvk-t-pngtuber-maker .pt-oslotThumb{width:36px;height:36px}}
/* dar önizleme kartı (telefon, dar panel): yüzler / tepki / hareket alt alta, her biri tam genişlik */
@container kzkc (max-width:600px){
  .bvk-t-pngtuber-maker .pt-live{grid-template-columns:minmax(0,1fr);grid-template-areas:"hot" "reacts" "quick"}
  .bvk-t-pngtuber-maker .pt-live>.pt-quick{max-width:none}
}