/* Stream Alert Maker v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-obs-alert-css-generator.
   Kural: vh/sticky/fixed yok (gömülü panel; yalnız ?view=1 OBS görünümü sayfanın tamamı); altın yalnız birincil eylem
   + seçili + odak; token'lar kitten (--kzk-*). */

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

.bvk-t-obs-alert-css-generator{--oa-ease:var(--kzk-ease,cubic-bezier(.2,.8,.3,1))}
.bvk-t-obs-alert-css-generator .oa-mt{margin-top:12px}
.bvk-t-obs-alert-css-generator .oa-dim{opacity:.5}
.bvk-t-obs-alert-css-generator .oa-linkBtn{padding:0;border:0;background:none;color:var(--kzk-lilac);font:600 12.5px/1.3 var(--kzk-font);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.bvk-t-obs-alert-css-generator .oa-linkBtn:hover{color:var(--kzk-text)}

/* ───────── glifli seçim ızgaraları ───────── */
.bvk-t-obs-alert-css-generator .oa-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-obs-alert-css-generator .oa-g .oa-f{fill:currentColor;stroke:none}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs.oa-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs.oa-g5{grid-template-columns:repeat(5,minmax(0,1fr))}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs>button{flex-direction:column;gap:6px;min-height:60px;padding:9px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs>button:not(.on) .oa-g{color:var(--kzk-muted)}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-glyphs>button:not(.on):hover .oa-g{color:var(--kzk-text-2)}
/* kutu zemini ve kenar örnekleri */
.bvk-t-obs-alert-css-generator .oa-bgs,.bvk-t-obs-alert-css-generator .oa-bds{display:block;width:32px;height:20px;border-radius:6px;flex:none}
.bvk-t-obs-alert-css-generator .oa-bgs--none{background:repeating-conic-gradient(var(--kzk-chk-b) 0 25%,var(--kzk-chk-a) 0 50%) 0 0/8px 8px;box-shadow:inset 0 0 0 1px var(--kzk-line-2)}
.bvk-t-obs-alert-css-generator .oa-bgs--solid{background:#7c3aed}
.bvk-t-obs-alert-css-generator .oa-bgs--grad{background:linear-gradient(135deg,#7c3aed,#db2777)}
.bvk-t-obs-alert-css-generator .oa-bgs--glass{background:linear-gradient(135deg,rgba(168,85,247,.55),rgba(56,189,248,.3));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.bvk-t-obs-alert-css-generator .oa-bds{border:2px solid currentColor;background:transparent}
.bvk-t-obs-alert-css-generator .oa-bds--dashed{border-style:dashed}
.bvk-t-obs-alert-css-generator .oa-bds--double{border:4px double currentColor}
.bvk-t-obs-alert-css-generator .oa-bds--grad,.bvk-t-obs-alert-css-generator .oa-bds--spin{border:0;padding:2px;background:linear-gradient(135deg,#fbbf24,#a855f7,#22d3ee);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.bvk-t-obs-alert-css-generator .oa-bds--spin{background:conic-gradient(#fbbf24,#a855f7,#22d3ee,#fbbf24)}
.bvk-t-obs-alert-css-generator .kzk-seg>button:not(.on)>.oa-bds{color:var(--kzk-muted)}

/* ───────── yer tutucu çipleri ───────── */
.bvk-t-obs-alert-css-generator .oa-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 14px}
.bvk-t-obs-alert-css-generator .oa-chip{min-height:28px;padding:0 9px;border-radius:7px;border:1px solid var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-lilac);font:600 12px/1 var(--kzk-mono,ui-monospace,monospace);cursor:pointer;transition:border-color .15s,color .15s}
.bvk-t-obs-alert-css-generator .oa-chip:hover{color:var(--kzk-text);border-color:var(--kzk-line-hover)}
.bvk-t-obs-alert-css-generator .oa-chip[aria-disabled=true]{opacity:.4;cursor:not-allowed;border-style:dashed}
.bvk-t-obs-alert-css-generator .oa-chip[aria-disabled=true]:hover{color:var(--kzk-lilac);border-color:var(--kzk-hl-line)}

/* ───────── paletler ───────── */
.bvk-t-obs-alert-css-generator .oa-pals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@container kzkc (max-width:330px){.bvk-t-obs-alert-css-generator .oa-pals{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bvk-t-obs-alert-css-generator .oa-pal{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-text-2);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.bvk-t-obs-alert-css-generator .oa-pal:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-obs-alert-css-generator .oa-pal[aria-pressed=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);color:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-palSw{position:relative;display:block;height:26px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.bvk-t-obs-alert-css-generator .oa-palSw i{position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(0,0,0,.35)}
.bvk-t-obs-alert-css-generator .oa-palSw i:first-child{right:8px}
.bvk-t-obs-alert-css-generator .oa-palSw i:last-child{right:21px}
.bvk-t-obs-alert-css-generator .oa-palName{font:600 11.5px/1.15 var(--kzk-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.bvk-t-obs-alert-css-generator .oa-crow{grid-template-columns:repeat(auto-fit,minmax(min(128px,100%),1fr))}
.bvk-t-obs-alert-css-generator .oa-warn{margin-top:12px}
.bvk-t-obs-alert-css-generator .oa-warn p{margin:0 0 4px}

/* ───────── yazı tipleri ───────── */
.bvk-t-obs-alert-css-generator .oa-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@container kzkc (min-width:520px){.bvk-t-obs-alert-css-generator .oa-fonts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-obs-alert-css-generator .oa-fonts .kzk-tiles-cap{margin-top:8px}
.bvk-t-obs-alert-css-generator .oa-fonts .kzk-tiles-cap:first-child{margin-top:0}
.bvk-t-obs-alert-css-generator .oa-font{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:58px;margin:0;padding:6px 4px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.bvk-t-obs-alert-css-generator .oa-font:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-obs-alert-css-generator .oa-font[aria-checked=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);color:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-fontAa{font-size:21px;line-height:1.1;color:var(--kzk-text)}
.bvk-t-obs-alert-css-generator .oa-font[aria-checked=true] .oa-fontAa{color:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-fontName{max-width:100%;font:500 10.5px/1.2 var(--kzk-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ───────── efekt düğmeleri (küçük canlı örnekli) ───────── */
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button{flex-direction:column;gap:5px;min-height:58px;padding:8px 3px 7px;font-size:11.5px;line-height:1.15}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button>span{display:block;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button>b,.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button>i{display:grid;place-items:center;height:22px;font:800 17px/1 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button.on>b{color:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-tfx--shadow{text-shadow:0 2px 4px rgba(0,0,0,.6)}
.bvk-t-obs-alert-css-generator .oa-tfx--outline{color:#fff!important;text-shadow:-1.5px -1.5px 0 #1b1030,1.5px -1.5px 0 #1b1030,-1.5px 1.5px 0 #1b1030,1.5px 1.5px 0 #1b1030}
.bvk-t-obs-alert-css-generator .oa-tfx--glow{text-shadow:0 0 6px #a855f7,0 0 12px #a855f7}
.bvk-t-obs-alert-css-generator .oa-tfx--neon{color:#fff!important;text-shadow:0 0 2px #fff,0 0 6px #22d3ee,0 0 12px #22d3ee}
.bvk-t-obs-alert-css-generator .oa-tfx--3d{text-shadow:1px 1px 0 #7c3aed,2px 2px 0 #7c3aed,3px 3px 0 #5b21b6}
.bvk-t-obs-alert-css-generator .oa-tfx--grad{background:linear-gradient(180deg,#fff 20%,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-tfx--outline,html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-tfx--neon{color:#fff!important}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-tfx--grad{background:linear-gradient(180deg,#7c3aed 20%,#db2777);-webkit-background-clip:text;background-clip:text}
.bvk-t-obs-alert-css-generator .oa-nfx,.bvk-t-obs-alert-css-generator .oa-ifx{display:inline-grid!important;color:var(--kzk-gold)!important}
.bvk-t-obs-alert-css-generator .oa-ifx{color:var(--kzk-lilac)!important}
@media (prefers-reduced-motion:no-preference){
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-nfx--pulse,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-nfx--pulse,.bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-ifx--pulse,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-ifx--pulse{animation:oa-pulse 1.2s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-nfx--bounce,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-nfx--bounce,.bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-ifx--bounce,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-ifx--bounce{animation:oa-bounce .9s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-nfx--wiggle,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-nfx--wiggle{animation:oa-wiggle 1.2s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-ifx--spin,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-ifx--spin{animation:oa-spin 2s linear infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-ifx--swing,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-ifx--swing{animation:oa-swing 1.4s ease-in-out infinite;transform-origin:50% 0}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-ifx--float,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-ifx--float{animation:oa-float 2.4s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-ifx--tada,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-ifx--tada{animation:oa-tada 1.6s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-nfx--shimmer,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-nfx--shimmer{animation:oa-shim 2s linear infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-nfx--rainbow,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-nfx--rainbow{animation:oa-shim 3s linear infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:hover>.oa-nfx--glow,.bvk-t-obs-alert-css-generator .oa-fxs>button.on>.oa-nfx--glow{animation:oa-glow 1.4s ease-in-out infinite}
}
.bvk-t-obs-alert-css-generator .oa-nfx--shimmer{background:linear-gradient(90deg,#fbbf24 0 35%,#fff 50%,#fbbf24 65% 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important}
.bvk-t-obs-alert-css-generator .oa-nfx--rainbow{background:linear-gradient(90deg,#ff5f6d,#ffc371,#47e891,#3fa9f5,#b06ab3,#ff5f6d) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-nfx--shimmer{background-image:linear-gradient(90deg,#b45309 0 35%,#fde68a 50%,#b45309 65% 100%)}
@keyframes oa-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes oa-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px)}}
@keyframes oa-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
@keyframes oa-spin{to{transform:perspective(200px) rotateY(360deg)}}
@keyframes oa-swing{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}
@keyframes oa-float{0%,100%{transform:translateY(1px) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes oa-tada{0%,80%,100%{transform:none}15%{transform:scale(.9) rotate(-8deg)}35%,55%{transform:scale(1.15) rotate(8deg)}45%,65%{transform:scale(1.15) rotate(-8deg)}}
@keyframes oa-shim{0%{background-position:120% 0}100%{background-position:-120% 0}}
@keyframes oa-glow{0%,100%{text-shadow:0 0 2px rgba(251,191,36,.4)}50%{text-shadow:0 0 10px #fbbf24,0 0 18px rgba(251,191,36,.6)}}
/* bekleme döngüsü örnekleri: küçük kart */
.bvk-t-obs-alert-css-generator .oa-lpx{position:relative;width:30px!important;height:18px!important;border-radius:5px;background:linear-gradient(135deg,#7c3aed,#a855f7);overflow:hidden}
.bvk-t-obs-alert-css-generator .kzk-seg>button:not(.on)>.oa-lpx{filter:saturate(.55) brightness(.9)}
@media (prefers-reduced-motion:no-preference){
  .bvk-t-obs-alert-css-generator .oa-fxs>button:is(:hover,.on)>.oa-lpx--pulse{animation:oa-pulse2 1.4s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:is(:hover,.on)>.oa-lpx--float{animation:oa-bounce 2s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:is(:hover,.on)>.oa-lpx--wiggle{animation:oa-wig2 1.6s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:is(:hover,.on)>.oa-lpx--shine::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%) 0 0/250% 100% no-repeat;animation:oa-shim 1.8s linear infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:is(:hover,.on)>.oa-lpx--breathe{animation:oa-breathe 1.8s ease-in-out infinite}
  .bvk-t-obs-alert-css-generator .oa-fxs>button:is(:hover,.on)>.oa-lpx--heartbeat{animation:oa-heart 1.6s ease-in-out infinite}
}
@keyframes oa-pulse2{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes oa-wig2{0%,55%,100%{transform:rotate(0)}65%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}85%{transform:rotate(-4deg)}}
@keyframes oa-breathe{0%,100%{box-shadow:0 0 2px rgba(168,85,247,.5)}50%{box-shadow:0 0 12px #a855f7,0 0 20px rgba(168,85,247,.5)}}
@keyframes oa-heart{0%,40%,100%{transform:scale(1)}10%,30%{transform:scale(1.14)}20%{transform:scale(1)}}
/* parçacık örnekleri */
.bvk-t-obs-alert-css-generator .oa-parts>button>b{color:var(--kzk-lilac)!important}
.bvk-t-obs-alert-css-generator .oa-parts>button.on>b{color:var(--kzk-gold)!important}
.bvk-t-obs-alert-css-generator .oa-pfx{position:relative;width:24px;height:20px}
.bvk-t-obs-alert-css-generator .oa-pfx--confetti i{position:absolute;width:5px;height:8px;border-radius:1px}
.bvk-t-obs-alert-css-generator .oa-pfx--confetti i:nth-child(1){left:2px;top:3px;background:#fbbf24;transform:rotate(-20deg)}
.bvk-t-obs-alert-css-generator .oa-pfx--confetti i:nth-child(2){left:10px;top:9px;background:#a855f7;transform:rotate(25deg)}
.bvk-t-obs-alert-css-generator .oa-pfx--confetti i:nth-child(3){left:17px;top:2px;background:#22d3ee;transform:rotate(-40deg)}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button>.oa-pfx--coin{width:16px;height:16px;margin:3px 0;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff5c2,#fcd34d 40%,#b7791f 75%);box-shadow:inset 0 0 0 2px #b7791f}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button>.oa-pfx--bubble{width:16px;height:16px;margin:3px 0;border-radius:50%;border:2px solid currentColor;background:color-mix(in srgb,currentColor 15%,transparent)}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-fxs>button>.oa-pfx--rays{width:22px;height:22px;border-radius:50%;background:repeating-conic-gradient(currentColor 0 12deg,transparent 12deg 30deg);-webkit-mask:radial-gradient(circle,#000 20%,transparent 70%);mask:radial-gradient(circle,#000 20%,transparent 70%)}

/* ───────── emoji ───────── */
.bvk-t-obs-alert-css-generator .oa-emojis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
@container kzkc (max-width:330px){.bvk-t-obs-alert-css-generator .oa-emojis{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bvk-t-obs-alert-css-generator .oa-emo{display:grid;place-items:center;aspect-ratio:1;min-width:0;margin:0;padding:0;border-radius:9px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);font-size:19px;line-height:1;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s var(--oa-ease)}
.bvk-t-obs-alert-css-generator .oa-emo:hover{border-color:var(--kzk-line-hover);transform:translateY(-1px)}
.bvk-t-obs-alert-css-generator .oa-emo[aria-pressed=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}

/* ───────── giriş / çıkış döşemeleri (üzerine gelince oynar) ───────── */
.bvk-t-obs-alert-css-generator .oa-moves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@container kzkc (max-width:330px){.bvk-t-obs-alert-css-generator .oa-moves{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bvk-t-obs-alert-css-generator .oa-move{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;margin:0;padding:7px 3px 7px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.bvk-t-obs-alert-css-generator .oa-move:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-obs-alert-css-generator .oa-move[aria-checked=true]{border-color:var(--kzk-gold-line);background:var(--kzk-sel-bg);color:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-mv{position:relative;display:block;width:44px;height:24px;border-radius:5px;background:var(--kzk-card-3);overflow:hidden}
.bvk-t-obs-alert-css-generator .oa-mv i{position:absolute;left:50%;top:50%;width:90px;height:40px;margin:-20px 0 0 -45px;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}
.bvk-t-obs-alert-css-generator .oa-mv i::after{content:"";position:absolute;left:14px;right:14px;top:16px;height:8px;border-radius:4px;background:#fbbf24}
.bvk-t-obs-alert-css-generator .oa-mvName{max-width:100%;font:600 11px/1.15 var(--kzk-font);text-align:center;overflow-wrap:anywhere}
.bvk-t-obs-alert-css-generator .oa-mv-out-none{opacity:.4}
/* demo karesi sahne içinde ölçeklenir: anahtar kareler kendi transform'unu yazar → kapta ölçek */
.bvk-t-obs-alert-css-generator .oa-mv i{transform:none;scale:.3}

/* konum ızgarası 3×3 */
.bvk-t-obs-alert-css-generator .kzk-seg.oa-pos{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-width:200px}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-pos>button{min-height:34px;padding:0}
.bvk-t-obs-alert-css-generator .oa-pos>button>i{position:relative;display:block;width:26px;height:16px;border:1.5px solid var(--kzk-muted);border-radius:3px;opacity:.85}
.bvk-t-obs-alert-css-generator .oa-pos>button>i::after{content:"";position:absolute;width:8px;height:4px;border-radius:1px;background:var(--kzk-muted);left:calc(50% - 4px);top:calc(50% - 2px)}
.bvk-t-obs-alert-css-generator .oa-pos>button.on>i{border-color:var(--kzk-gold);opacity:1}
.bvk-t-obs-alert-css-generator .oa-pos>button.on>i::after{background:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-pos>button[data-pos^=t]>i::after{top:2px}
.bvk-t-obs-alert-css-generator .oa-pos>button[data-pos^=b]>i::after{top:auto;bottom:2px}
.bvk-t-obs-alert-css-generator .oa-pos>button[data-pos$=l]>i::after{left:2px}
.bvk-t-obs-alert-css-generator .oa-pos>button[data-pos$=r]>i::after{left:auto;right:2px}

/* ───────── önizleme ───────── */
.bvk-t-obs-alert-css-generator .oa-tools{display:flex;align-items:center;gap:6px}
.bvk-t-obs-alert-css-generator .oa-draft{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line);color:var(--kzk-text-2);font:500 12.5px/1.3 var(--kzk-font)}
.bvk-t-obs-alert-css-generator .oa-draft .kzk-i{width:16px;height:16px;color:var(--kzk-lilac)}
.bvk-t-obs-alert-css-generator .oa-draft .oa-linkBtn{margin-left:auto}
.bvk-t-obs-alert-css-generator .oa-typebar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.bvk-t-obs-alert-css-generator .oa-tchip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px 0 7px;border-radius:999px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 12px/1 var(--kzk-font);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
.bvk-t-obs-alert-css-generator .oa-tchip:hover{color:var(--kzk-text);border-color:var(--kzk-line-hover)}
.bvk-t-obs-alert-css-generator .oa-tchip[aria-pressed=true]{border-color:var(--kzk-gold-line);color:var(--kzk-gold);background:var(--kzk-sel-bg)}
.bvk-t-obs-alert-css-generator .oa-tchip.oa-playing{border-color:var(--kzk-hl-line);color:var(--kzk-lilac);background:var(--kzk-hl-bg)}
.bvk-t-obs-alert-css-generator .oa-temo{font-size:15px;line-height:1}
.bvk-t-obs-alert-css-generator .oa-stage{min-height:340px}
.bvk-t-obs-alert-css-generator .oa-stage .kzk-stage-in{padding:0;align-self:stretch}
.bvk-t-obs-alert-css-generator .oa-screen{position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;min-height:340px;padding:28px 20px;overflow:hidden}
/* taşan uyarı ızgara izini büyütmesin (minmax 0): ortada kalır, ortadan küçülür */
.bvk-t-obs-alert-css-generator .oa-alert{width:max-content;display:flex;align-items:center;justify-content:center;justify-self:center;align-self:center;transform-origin:50% 50%;max-width:none;overflow:visible}
.bvk-t-obs-alert-css-generator .oa-alert .alert-box{text-align:initial}
/* "Yayında": 1920 × 1080 sahne, uyarı gerçek boyutta ve konumunda */
.bvk-t-obs-alert-css-generator .oa-screen[data-view=stream]{display:block;min-height:0;aspect-ratio:16/9;padding:0}
.bvk-t-obs-alert-css-generator .oa-screen[data-view=stream] .oa-alert{position:absolute;left:0;top:0;width:1920px;height:1080px;padding:56px;box-sizing:border-box;transform-origin:0 0}
.bvk-t-obs-alert-css-generator .oa-stage.oa-streamView{min-height:0}
.bvk-t-obs-alert-css-generator .oa-stage.oa-streamView::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.bvk-t-obs-alert-css-generator .oa-still *,.bvk-t-obs-alert-css-generator .oa-still *::before,.bvk-t-obs-alert-css-generator .oa-still *::after{animation:none!important}
.bvk-t-obs-alert-css-generator .oa-pview>button{min-height:28px;padding:2px 10px;font-size:12px;white-space:nowrap}
.bvk-t-obs-alert-css-generator .kzk-dock{gap:8px}
.bvk-t-obs-alert-css-generator .kzk-dock>.oa-pview{margin-left:auto}
.bvk-t-obs-alert-css-generator .oa-loopSw{min-height:36px;gap:8px}
.bvk-t-obs-alert-css-generator .oa-loopSw .kzk-switch-text>span{font-size:12.5px}
@container kzkc (max-width:520px){
  .bvk-t-obs-alert-css-generator .kzk-dock>.oa-pview{margin-left:0}
  .bvk-t-obs-alert-css-generator .oa-stage,.bvk-t-obs-alert-css-generator .oa-screen{min-height:260px}
  .bvk-t-obs-alert-css-generator .oa-screen{padding:16px 12px}
  .bvk-t-obs-alert-css-generator .oa-tchip{padding:0 8px 0 6px;font-size:11.5px}
  /* tür çipleri tek satır, yatay kayar */
  .bvk-t-obs-alert-css-generator .oa-typebar{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-2px;padding:0 2px 2px}
  .bvk-t-obs-alert-css-generator .oa-typebar::-webkit-scrollbar{display:none}
  .bvk-t-obs-alert-css-generator .oa-tchip{flex:none;scroll-snap-align:start}
  /* başlık: ad + boyut, araçlar tek satır */
  .bvk-t-obs-alert-css-generator #oa-prevTag{display:none}
  .bvk-t-obs-alert-css-generator .oa-tools{flex-wrap:nowrap;margin-left:auto}
  .bvk-t-obs-alert-css-generator #oa-random{min-height:34px;padding:0 10px}
  /* dok: sahneler tek satır; Tekrar oynat + boyut + döngü ikinci satırda yan yana */
  .bvk-t-obs-alert-css-generator .kzk-dock{justify-content:flex-start;gap:8px}
  .bvk-t-obs-alert-css-generator .kzk-dock .kzk-replay{order:0;width:auto;flex:none;min-height:36px;padding:0 12px}
  .bvk-t-obs-alert-css-generator .kzk-dock>.oa-pview{order:1}
  .bvk-t-obs-alert-css-generator .kzk-dock>.oa-loopSw{order:2;margin-left:auto}
}
@container kzkc (max-width:400px){
  .bvk-t-obs-alert-css-generator #oa-random>span{display:none}
  .bvk-t-obs-alert-css-generator #oa-random{width:36px;padding:0;justify-content:center}
  .bvk-t-obs-alert-css-generator .oa-pview>button{padding:2px 8px}
}
/* açık temada açık sahne örneği görünür kalsın */
.bvk-t-obs-alert-css-generator .kzk-scene-btn>i{box-shadow:inset 0 0 0 1px var(--kzk-line-2)}
/* "Yayında": başlık için güvenli alan kılavuzu (%5 kenar) */
.bvk-t-obs-alert-css-generator .oa-screen[data-view=stream]::before{content:"";position:absolute;inset:5% 5%;border:1px dashed rgba(255,255,255,.22);border-radius:4px;pointer-events:none;z-index:1}

/* ───────── hızlı görünümler (önizleme altında, yatay kayan şerit) ───────── */
.bvk-t-obs-alert-css-generator .oa-quick{margin-top:12px}
.bvk-t-obs-alert-css-generator .oa-quickHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.bvk-t-obs-alert-css-generator .oa-quickHead .kzk-label{margin:0}
.bvk-t-obs-alert-css-generator .oa-quickRow{display:flex;gap:8px;overflow-x:auto;padding:6px 6px 8px;margin:-6px -6px 0;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
.bvk-t-obs-alert-css-generator .oa-quickRow>.oa-look{flex:0 0 132px;padding:4px 4px 7px;scroll-snap-align:start}
.bvk-t-obs-alert-css-generator .oa-quickRow>.oa-look:hover{transform:none}
.bvk-t-obs-alert-css-generator .oa-quickRow .oa-lname{margin:6px 3px 0;font-size:12px}
.bvk-t-obs-alert-css-generator .oa-quickRow .oa-look[aria-checked=true]::after{top:-4px;right:-4px;width:16px;height:16px;background-size:10px}
@container kzkc (max-width:520px){.bvk-t-obs-alert-css-generator .oa-quickRow>.oa-look{flex-basis:118px}}
/* panel başlığında "Önizleme" (yalnız tek sütunda) */
.bvk-t-obs-alert-css-generator .oa-toPrev{display:none;align-items:center;gap:4px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 12px/1 var(--kzk-font);cursor:pointer}
.bvk-t-obs-alert-css-generator .oa-toPrev .kzk-i{width:14px;height:14px}
.bvk-t-obs-alert-css-generator .oa-toPrev:hover{color:var(--kzk-text);border-color:var(--kzk-line-hover)}
@container kzk (max-width:859px){.bvk-t-obs-alert-css-generator .oa-toPrev{display:inline-flex}}

/* ───────── kod ───────── */
.bvk-t-obs-alert-css-generator .oa-code .kzk-sec-head{flex-wrap:wrap}
.bvk-t-obs-alert-css-generator .oa-tabs{flex:0 0 auto;margin-left:6px}
.bvk-t-obs-alert-css-generator .oa-tabs>button{min-height:28px;min-width:48px;padding:2px 10px;font-size:12px}
.bvk-t-obs-alert-css-generator pre.oa-pre{margin:0;padding:14px 16px;max-height:420px;overflow:auto;border-radius:var(--kzk-r-md);background:#0d0b14;border:1px solid var(--kzk-line);color:#d9d3e8;font:500 12px/1.6 var(--kzk-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);white-space:pre;tab-size:2;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
.bvk-t-obs-alert-css-generator .oa-codeSum{margin:0 0 10px}
.bvk-t-obs-alert-css-generator .oa-c-com{color:#7f7896;font-style:italic}
.bvk-t-obs-alert-css-generator .oa-c-at{color:#f472b6}
.bvk-t-obs-alert-css-generator .oa-c-sel{color:#fbbf24}
.bvk-t-obs-alert-css-generator .oa-c-prop{color:#c4a1ff}
.bvk-t-obs-alert-css-generator .oa-c-num{color:#7dd3fc}
.bvk-t-obs-alert-css-generator .oa-c-tag{color:#f472b6}
.bvk-t-obs-alert-css-generator .oa-c-attr{color:#c4a1ff}
.bvk-t-obs-alert-css-generator .oa-c-str{color:#86efac}
.bvk-t-obs-alert-css-generator .oa-c-pun{color:#8f88a6}
.bvk-t-obs-alert-css-generator .oa-c-kw{color:#f472b6}
.bvk-t-obs-alert-css-generator .oa-c-tok{color:#0d0b14;background:#fbbf24;border-radius:3px;padding:0 2px}
.bvk-t-obs-alert-css-generator .oa-sw{display:inline-block;width:9px;height:9px;margin:0 3px 0 1px;border-radius:2px;vertical-align:-1px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
html[data-theme=light] .bvk-t-obs-alert-css-generator pre.oa-pre{background:#faf8fe;color:#2b2438;border-color:var(--kzk-line-2)}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-com{color:#8a8398}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-at,html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-tag,html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-kw{color:#be185d}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-sel{color:#a15c07}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-prop,html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-attr{color:#6d28d9}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-num{color:#0369a1}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-str{color:#15803d}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-c-pun{color:#7a7390}
html[data-theme=light] .bvk-t-obs-alert-css-generator .oa-sw{box-shadow:0 0 0 1px rgba(0,0,0,.2)}

/* ───────── dışa aktarma ───────── */
.bvk-t-obs-alert-css-generator .oa-forLbl{margin:0 0 4px}
.bvk-t-obs-alert-css-generator .oa-tgTip{margin:0 0 10px}
/* "Tasarımın kaydedildi" notu: kilit simgesi olmadan, sessiz alt satır */
.bvk-t-obs-alert-css-generator .oa-actions>.kzk-lock svg{display:none}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.bvk-t-obs-alert-css-generator .kzk-seg.oa-targets>button{flex-direction:column;align-items:flex-start;gap:2px;min-height:50px;padding:8px 10px;text-align:left}
.bvk-t-obs-alert-css-generator .oa-targets b{font:700 12.5px/1.2 var(--kzk-font)}
.bvk-t-obs-alert-css-generator .oa-targets small{font:500 11px/1.2 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-obs-alert-css-generator .oa-targets small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* seçili hedef nötr (altın yalnız birincil Kopyala düğmesinde): koyu zemin + soldan ince altın çizgi */
.bvk-t-obs-alert-css-generator .kzk-seg.oa-targets>button.on{border-color:var(--kzk-line-hover);background:var(--kzk-card-3);color:var(--kzk-text);box-shadow:inset 3px 0 0 var(--kzk-gold-line)}
.bvk-t-obs-alert-css-generator .oa-targets>button.on small{color:var(--kzk-text-2);opacity:1}
@container kzkc (min-width:520px){.bvk-t-obs-alert-css-generator .kzk-seg.oa-targets{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-obs-alert-css-generator .oa-tgInfo{margin:10px 0 12px}
.bvk-t-obs-alert-css-generator .oa-xfile{margin:0 0 10px}
.bvk-t-obs-alert-css-generator .oa-xfile .oa-tabs{margin-left:auto}
.bvk-t-obs-alert-css-generator .oa-actions{gap:8px}
.bvk-t-obs-alert-css-generator .oa-actions>.kzk-btn{width:100%}
.bvk-t-obs-alert-css-generator .oa-slTpl{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.bvk-t-obs-alert-css-generator .oa-linkRow{display:flex;align-items:center;gap:6px;min-width:0}
.bvk-t-obs-alert-css-generator .oa-linkIn{flex:1 1 auto;min-width:0;height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text);font:500 12px/1 var(--kzk-mono,ui-monospace,monospace)}
.bvk-t-obs-alert-css-generator .oa-timing{margin-top:12px}
.bvk-t-obs-alert-css-generator .oa-steps{margin-top:12px}
.bvk-t-obs-alert-css-generator .oa-steps summary span{flex:1 1 auto}
.bvk-t-obs-alert-css-generator .oa-stepList{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:7px;color:var(--kzk-text-2);font:400 12.5px/1.45 var(--kzk-font)}
.bvk-t-obs-alert-css-generator .oa-stepList li::marker{color:var(--kzk-lilac);font-weight:700}
.bvk-t-obs-alert-css-generator .oa-toasts .kzk-toasts{margin:0}

/* ───────── görünümler ───────── */
.bvk-t-obs-alert-css-generator .oa-ltabs{margin:0 0 12px;gap:6px;flex-wrap:wrap}
.bvk-t-obs-alert-css-generator .oa-looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@container kzkc (min-width:460px){.bvk-t-obs-alert-css-generator .oa-looks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container kzkc (min-width:700px){.bvk-t-obs-alert-css-generator .oa-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-obs-alert-css-generator .oa-look{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:6px 6px 9px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border:1px solid var(--kzk-line);color:var(--kzk-text);text-align:left;cursor:pointer;transition:transform .18s var(--oa-ease),border-color .18s,box-shadow .18s}
.bvk-t-obs-alert-css-generator .oa-look:hover{transform:translateY(-2px);border-color:var(--kzk-line-hover);box-shadow:0 10px 22px rgba(5,4,12,.25)}
.bvk-t-obs-alert-css-generator .oa-look[aria-checked=true]{border-color:var(--kzk-gold-line);box-shadow:inset 0 0 0 .5px var(--kzk-gold-line)}
.bvk-t-obs-alert-css-generator .oa-look[aria-checked=true]::after{content:"";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;z-index:3;
  background:var(--kzk-gold-line) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1422' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-8.5'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 2px var(--kzk-card),0 2px 6px rgba(0,0,0,.3)}
.bvk-t-obs-alert-css-generator .oa-lthumb{position:relative;display:block;aspect-ratio:16/10;border-radius:var(--kzk-r-md);overflow:hidden;
  background:radial-gradient(120% 90% at 30% 20%,rgba(124,58,237,.28),transparent 60%),linear-gradient(160deg,#1b1530,#0e0c16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.bvk-t-obs-alert-css-generator .oa-lscale{position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%) scale(.5);transform-origin:50% 50%;white-space:nowrap;pointer-events:none}
.bvk-t-obs-alert-css-generator .oa-lscale .alert-box{text-align:initial}
.bvk-t-obs-alert-css-generator .oa-lthumb:not(.oa-play) .alert-box{animation:none!important}
.bvk-t-obs-alert-css-generator .oa-off *,.bvk-t-obs-alert-css-generator .oa-off *::before,.bvk-t-obs-alert-css-generator .oa-off *::after{animation-play-state:paused!important}
.bvk-t-obs-alert-css-generator .oa-lname{display:block;margin:8px 4px 0;font:600 13px/1.25 var(--kzk-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bvk-t-obs-alert-css-generator .oa-look[aria-checked=true] .oa-lname{color:var(--kzk-gold)}
.bvk-t-obs-alert-css-generator .oa-looksFoot{display:flex;align-items:center;gap:10px;margin-top:12px}
.bvk-t-obs-alert-css-generator .oa-looksFoot>.kzk-hint{flex:1 1 auto;margin:0}
.bvk-t-obs-alert-css-generator .oa-looksFoot>.kzk-btn{flex:none;gap:6px}
.bvk-t-obs-alert-css-generator .oa-looksFoot>.kzk-btn[hidden]{display:none}
.bvk-t-obs-alert-css-generator .kzk-sec-head>.oa-saveLook{margin-left:10px;gap:6px}
@container kzkc (max-width:420px){.bvk-t-obs-alert-css-generator .oa-looksTag{display:none}}
@media (prefers-reduced-motion:reduce){.bvk-t-obs-alert-css-generator .oa-lthumb *,.bvk-t-obs-alert-css-generator .oa-lthumb *::before,.bvk-t-obs-alert-css-generator .oa-lthumb *::after{animation:none!important}}

/* ───────── yerleşim ─────────
   ≥860'ta seçenek kartı ızgara yüksekliğini BELİRLEMEZ (contain:size): komşu sütunun boyunda durur, uzun paneller
   içeride kayar. 860–1179: seçenekler | önizleme+kod, seçenekler | dışa aktarma, altta tam genişlik görünümler. */
@container kzk (max-width:859px){
  .bvk-t-obs-alert-css-generator .oa-opts>.kzk-railwrap{min-height:0;flex:0 0 auto}
  .bvk-t-obs-alert-css-generator .oa-opts .kzk-panes{min-height:0!important;max-height:clamp(420px,62cqw + 200px,600px);overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-obs-alert-css-generator .oa-opts .kzk-panes.oa-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 30px),transparent)}
}
@container kzk (min-width:860px){
  .bvk-t-obs-alert-css-generator .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-obs-alert-css-generator .kzk-col-opts{contain:size;min-height:660px}
  .bvk-t-obs-alert-css-generator .kzk-col-opts>.oa-opts{flex:1 1 auto;min-height:0;height:100%}
  .bvk-t-obs-alert-css-generator .oa-opts>.kzk-railwrap{min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
  .bvk-t-obs-alert-css-generator .oa-opts .kzk-panes{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--kzk-line-2) transparent}
  .bvk-t-obs-alert-css-generator .oa-opts .kzk-panes.oa-more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
  .bvk-t-obs-alert-css-generator .kzk-col-more{align-self:start}
  .bvk-t-obs-alert-css-generator .kzk-col-exp>.oa-exp{flex:1 1 auto}
  /* seçenek kartı içeriğe göre kısalır, en çok sütun boyu kadar uzar (uzun paneller içeride kayar) */
  .bvk-t-obs-alert-css-generator .kzk-col-opts>.oa-opts{flex:0 1 auto;height:auto;max-height:100%}
  .bvk-t-obs-alert-css-generator .oa-opts>.kzk-railwrap{height:auto;min-height:0;max-height:100%}
}
@container kzk (min-width:1180px){
  .bvk-t-obs-alert-css-generator .kzk-ws.kzk-ws--rail{grid-template-columns:minmax(372px,404px) minmax(0,1fr) minmax(256px,284px);grid-template-areas:"opts prev exp" "more more more";grid-template-rows:auto auto}
  .bvk-t-obs-alert-css-generator .kzk-col-exp{align-self:stretch}
  /* Kod kartı ortada, dışa aktarmanın yanında: Dosya düğmesi gereksiz (sekmeler kodun üstünde) */
  .bvk-t-obs-alert-css-generator #oa-xfileRow{display:none!important}
}
.bvk-t-obs-alert-css-generator .oa-opts .kzk-pane-head>.kzk-sec-aside{margin-left:auto}
.bvk-t-obs-alert-css-generator .kzk-pane-head>.oa-toPrev{margin-left:0}