/* OBS Bitrate Calculator v2 — araca özel görünüm (kit üstüne). Kapsam: .bvk-t-obs-bitrate-calculator.
   Kural: vh/sticky/fixed yok (gömülü panel); altın yalnız birincil eylem + seçili + odak; değerler mor/eflatun. */
.bvk-t-obs-bitrate-calculator{--ob-ok:#4ade80;--ob-ok-t:#9be8b6;--ob-ok-bg:rgba(74,222,128,.1);--ob-warn:#f9b925;--ob-warn-t:#f6d98a;--ob-warn-bg:rgba(249,185,37,.1);--ob-bad:#ff6b81;--ob-bad-t:#ffb3c0;--ob-bad-bg:rgba(255,77,109,.11);--ob-well:#100f17}
html[data-theme=light] .bvk-t-obs-bitrate-calculator{--ob-ok:#16a34a;--ob-ok-t:#166534;--ob-ok-bg:#e8f8ee;--ob-warn:#d97706;--ob-warn-t:#92400e;--ob-warn-bg:#fdf3e1;--ob-bad:#e11d48;--ob-bad-t:#9f1239;--ob-bad-bg:#fdecef}
.bvk-t-obs-bitrate-calculator [hidden]{display:none!important}
/* kit eksiği: kart galerisi (variant cards) "daha fazla" öğelerini kapalıyken gizlemiyor (yalnız .kzk-tiles) */
.bvk-t-obs-bitrate-calculator .kzk-cards:not(.is-open)>[data-more]{display:none}

/* ───────── seçenekler ───────── */
.bvk-t-obs-bitrate-calculator .ob-sw{margin-top:12px}
.bvk-t-obs-bitrate-calculator .ob-warn{color:var(--ob-warn-t)}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-plats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-plats>button{flex-direction:column;gap:6px;min-height:66px;padding:10px 4px 8px;font-size:11.5px;line-height:1.15}
.bvk-t-obs-bitrate-calculator .ob-pi{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--c);color:var(--f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);flex:none}
.bvk-t-obs-bitrate-calculator .ob-pi svg{width:18px;height:18px;fill:var(--f)}
.bvk-t-obs-bitrate-calculator .ob-pi--custom svg{fill:none;stroke:var(--f)}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-plats>button:not(.on) .ob-pi{filter:saturate(.75);opacity:.86}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-plats>button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.bvk-t-obs-bitrate-calculator .ob-multi{display:flex;flex-wrap:wrap;gap:6px}
.bvk-t-obs-bitrate-calculator .ob-mchip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 12px 5px 9px;border-radius:999px;border:1px solid var(--kzk-line-2);background:var(--kzk-field);color:var(--kzk-text-2);font:600 12.5px/1 var(--kzk-font);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.bvk-t-obs-bitrate-calculator .ob-mchip:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-mchip>i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 25%,transparent)}
.bvk-t-obs-bitrate-calculator .ob-mchip[aria-pressed=true]{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-mchip[aria-pressed=true]::after{content:"";width:12px;height:12px;margin-left:1px;background:var(--kzk-lilac);-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='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%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='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}

.bvk-t-obs-bitrate-calculator .kzk-seg.ob-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-content>button{min-height:62px;font-size:11.5px;line-height:1.2;padding:9px 4px 7px;text-align:center}

.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res>button{flex-direction:column;gap:3px;min-height:64px;padding:8px 3px 7px}
.bvk-t-obs-bitrate-calculator .ob-ar{display:block;width:20px;height:11.5px;border:1.7px solid currentColor;border-radius:2.5px;margin-bottom:3px;opacity:.8}
.bvk-t-obs-bitrate-calculator .ob-ar--v{width:9px;height:16px;margin-bottom:-1px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res>button:not(.on) .ob-ar{color:var(--kzk-muted)}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res>button small{font-size:10px;letter-spacing:.1px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res>button.ob-over:not(.on){opacity:.55}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res>button.ob-over{position:relative}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-res>button.ob-over::after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--ob-warn)}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-fps>button{min-width:0;padding-inline:4px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-codec>button[disabled]{opacity:.42;cursor:not-allowed}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-encs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-ab{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.bvk-t-obs-bitrate-calculator .kzk-seg.ob-gens{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px}

.bvk-t-obs-bitrate-calculator .ob-unit{position:relative}
.bvk-t-obs-bitrate-calculator .ob-unit input[type=number]{width:100%;padding-right:96px;font-weight:600;font-size:16px}
.bvk-t-obs-bitrate-calculator .ob-unit-t{position:absolute;right:46px;top:50%;transform:translateY(-50%);color:var(--kzk-muted);font-size:12.5px;font-weight:600;pointer-events:none}
.bvk-t-obs-bitrate-calculator .ob-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bvk-t-obs-bitrate-calculator .ob-quick>button{min-width:44px;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 12.5px/1 var(--kzk-font);cursor:pointer}
.bvk-t-obs-bitrate-calculator .ob-quick>button:hover{border-color:var(--kzk-line-hover);color:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-quick>button[aria-pressed=true]{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg);color:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-quick>button::after{content:" Mbps";font-weight:500;color:var(--kzk-muted);font-size:11px}

/* mini sonuç şeridi: yalnız tek sütunda (seçenekler önizlemenin altında kaldığında) */
.bvk-t-obs-bitrate-calculator .ob-mini{display:none}
@container kzk (max-width:859px){
  .bvk-t-obs-bitrate-calculator .ob-mini{display:flex;align-items:baseline;gap:8px;padding:12px 16px;margin-bottom:10px;border:1px solid var(--kzk-line);background:var(--kzk-card);border-radius:var(--kzk-r-lg)}
}
.bvk-t-obs-bitrate-calculator .ob-mini-num{font:700 22px/1 var(--kzk-display);color:var(--kzk-text);font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .ob-mini-unit{font-size:12px;color:var(--kzk-lilac);font-weight:600}
.bvk-t-obs-bitrate-calculator .ob-mini-st{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--kzk-text-2)}
.bvk-t-obs-bitrate-calculator .ob-mini-st>i{width:8px;height:8px;border-radius:50%;background:var(--kzk-muted)}
.bvk-t-obs-bitrate-calculator .ob-mini[data-st=ok] .ob-mini-st>i{background:var(--ob-ok)}
.bvk-t-obs-bitrate-calculator .ob-mini[data-st=warn] .ob-mini-st>i{background:var(--ob-warn)}
.bvk-t-obs-bitrate-calculator .ob-mini[data-st=bad] .ob-mini-st>i{background:var(--ob-bad)}

/* ───────── sonuç kartı ───────── */
.bvk-t-obs-bitrate-calculator .ob-res-card{container:obres/inline-size;display:flex;flex-direction:column;gap:14px}
.bvk-t-obs-bitrate-calculator .ob-res-card>.kzk-prev-head{margin-bottom:0}
.bvk-t-obs-bitrate-calculator .ob-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;align-items:center;padding:16px 18px;border-radius:var(--kzk-r-lg);background:radial-gradient(120% 140% at 0% 0%,var(--kzk-hl-bg),transparent 62%),var(--kzk-card-2);border:1px solid var(--kzk-line)}
@container obres (max-width:470px){.bvk-t-obs-bitrate-calculator .ob-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.bvk-t-obs-bitrate-calculator .ob-hero-row{justify-content:center}}
.bvk-t-obs-bitrate-calculator .ob-hero-lbl{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--kzk-muted);letter-spacing:.2px}
.bvk-t-obs-bitrate-calculator .ob-manual-tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--kzk-hl-bg);color:var(--kzk-lilac);border:1px solid var(--kzk-hl-line)}
.bvk-t-obs-bitrate-calculator .ob-hero-row{display:flex;align-items:center;gap:10px;margin:2px 0 4px}
.bvk-t-obs-bitrate-calculator .ob-br{font:700 54px/1.02 var(--kzk-display);letter-spacing:-.02em;color:var(--kzk-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.bvk-t-obs-bitrate-calculator .ob-br small{font:600 18px/1 var(--kzk-font);color:var(--kzk-lilac);letter-spacing:0;margin-left:2px}
@container obres (max-width:360px){.bvk-t-obs-bitrate-calculator .ob-br{font-size:44px}}
.bvk-t-obs-bitrate-calculator .ob-copyBr.is-done{color:var(--ob-ok);border-color:var(--ob-ok)}
.bvk-t-obs-bitrate-calculator .ob-hero-sub{font-size:12.5px;color:var(--kzk-text-2)}

.bvk-t-obs-bitrate-calculator .ob-gauge{position:relative;width:210px;max-width:100%}
.bvk-t-obs-bitrate-calculator .ob-gauge svg{display:block;width:100%;height:auto;overflow:visible}
.bvk-t-obs-bitrate-calculator .ob-z{fill:none;stroke-width:13;stroke-linecap:round;opacity:.3;transition:opacity .3s}
.bvk-t-obs-bitrate-calculator .ob-z--ok{stroke:var(--ob-ok)}.bvk-t-obs-bitrate-calculator .ob-z--warn{stroke:var(--ob-warn)}.bvk-t-obs-bitrate-calculator .ob-z--bad{stroke:var(--ob-bad)}
.bvk-t-obs-bitrate-calculator .ob-gauge[data-st=ok] .ob-z--ok,.bvk-t-obs-bitrate-calculator .ob-gauge[data-st=warn] .ob-z--warn,.bvk-t-obs-bitrate-calculator .ob-gauge[data-st=bad] .ob-z--bad{opacity:1}
.bvk-t-obs-bitrate-calculator .ob-g-ticks line{stroke:var(--kzk-line-2);stroke-width:2;stroke-linecap:round}
.bvk-t-obs-bitrate-calculator .ob-g-needle{transform-origin:110px 112px;transform:rotate(-90deg);transition:transform .8s cubic-bezier(.34,1.45,.6,1)}
.bvk-t-obs-bitrate-calculator .ob-g-needle path{fill:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-g-needle circle{fill:var(--kzk-card-2);stroke:var(--kzk-text);stroke-width:3}
.bvk-t-obs-bitrate-calculator .ob-gauge[data-st=none] .ob-g-needle{opacity:.35}
@media (prefers-reduced-motion:reduce){.bvk-t-obs-bitrate-calculator .ob-g-needle{transition:none}}
.bvk-t-obs-bitrate-calculator .ob-g-val{display:flex;flex-direction:column;align-items:center;margin-top:-4px;line-height:1.2}
.bvk-t-obs-bitrate-calculator .ob-g-val b{font:700 20px/1.1 var(--kzk-display);color:var(--kzk-text);font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .ob-g-val span{font-size:11.5px;color:var(--kzk-muted)}

.bvk-t-obs-bitrate-calculator .status.ob-status{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:var(--kzk-r-card);font-size:13.5px;font-weight:500;line-height:1.4;border:1px solid transparent}
.bvk-t-obs-bitrate-calculator .status.ob-status>i{width:9px;height:9px;border-radius:50%;flex:none}
.bvk-t-obs-bitrate-calculator .status.ob-status.st-ok{background:var(--ob-ok-bg);color:var(--ob-ok-t);border-color:color-mix(in srgb,var(--ob-ok) 28%,transparent)}
.bvk-t-obs-bitrate-calculator .status.ob-status.st-ok>i{background:var(--ob-ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ob-ok) 20%,transparent)}
.bvk-t-obs-bitrate-calculator .status.ob-status.st-warn{background:var(--ob-warn-bg);color:var(--ob-warn-t);border-color:color-mix(in srgb,var(--ob-warn) 28%,transparent)}
.bvk-t-obs-bitrate-calculator .status.ob-status.st-warn>i{background:var(--ob-warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--ob-warn) 20%,transparent)}
.bvk-t-obs-bitrate-calculator .status.ob-status.st-bad{background:var(--ob-bad-bg);color:var(--ob-bad-t);border-color:color-mix(in srgb,var(--ob-bad) 30%,transparent)}
.bvk-t-obs-bitrate-calculator .status.ob-status.st-bad>i{background:var(--ob-bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--ob-bad) 20%,transparent)}

/* bant genişliği */
.bvk-t-obs-bitrate-calculator .ob-bw-head,.bvk-t-obs-bitrate-calculator .ob-q-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.bvk-t-obs-bitrate-calculator .ob-bw-head .kzk-label,.bvk-t-obs-bitrate-calculator .ob-q-head .kzk-label,.bvk-t-obs-bitrate-calculator .ob-set-head .kzk-label{margin:0}
.bvk-t-obs-bitrate-calculator .ob-bw-total{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--kzk-text-2);font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .ob-bw-bar{position:relative;display:flex;height:16px;border-radius:999px;overflow:visible;background:repeating-linear-gradient(-45deg,var(--kzk-card-3) 0 6px,var(--kzk-card-2) 6px 12px);box-shadow:inset 0 0 0 1px var(--kzk-line)}
.bvk-t-obs-bitrate-calculator .ob-bw-seg{display:block;height:100%;background:var(--c);transition:width .45s var(--kzk-ease);min-width:2px}
.bvk-t-obs-bitrate-calculator .ob-bw-seg:first-child{border-radius:999px 0 0 999px}
.bvk-t-obs-bitrate-calculator .ob-bw-seg+.ob-bw-seg{box-shadow:inset 2px 0 0 rgba(0,0,0,.35)}
.bvk-t-obs-bitrate-calculator .ob-bw-seg--other{background:var(--kzk-muted);opacity:.55}
.bvk-t-obs-bitrate-calculator .ob-bw-mark{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:2px;background:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-bw-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px}
.bvk-t-obs-bitrate-calculator .ob-lg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--kzk-muted)}
.bvk-t-obs-bitrate-calculator .ob-lg>i{width:9px;height:9px;border-radius:3px;background:var(--c)}
.bvk-t-obs-bitrate-calculator .ob-lg>i.ob-lg-other{background:var(--kzk-muted);opacity:.55}
.bvk-t-obs-bitrate-calculator .ob-lg>i.ob-lg-mark{width:2px;height:12px;border-radius:1px;background:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-lg>b{color:var(--kzk-text-2);font-weight:600;font-variant-numeric:tabular-nums}

/* kalite önizlemesi */
.bvk-t-obs-bitrate-calculator .ob-q-word{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--kzk-hl-bg);color:var(--kzk-lilac);border:1px solid var(--kzk-hl-line)}
.bvk-t-obs-bitrate-calculator .ob-q-word[data-q=great]{background:var(--ob-ok-bg);color:var(--ob-ok-t);border-color:color-mix(in srgb,var(--ob-ok) 30%,transparent)}
.bvk-t-obs-bitrate-calculator .ob-q-word[data-q=ok]{background:var(--ob-warn-bg);color:var(--ob-warn-t);border-color:color-mix(in srgb,var(--ob-warn) 30%,transparent)}
.bvk-t-obs-bitrate-calculator .ob-q-word[data-q=blocky]{background:var(--ob-bad-bg);color:var(--ob-bad-t);border-color:color-mix(in srgb,var(--ob-bad) 30%,transparent)}
.bvk-t-obs-bitrate-calculator .ob-q-bpp{margin-left:auto;font-size:12px;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .ob-q-stage{position:relative;aspect-ratio:16/7.2;border-radius:var(--kzk-r-lg);overflow:hidden;background:var(--ob-well);border:1px solid var(--kzk-line);cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.bvk-t-obs-bitrate-calculator .ob-q-stage canvas{display:block;width:100%;height:100%}
.bvk-t-obs-bitrate-calculator .ob-q-cap{position:absolute;bottom:10px;padding:4px 9px;border-radius:999px;background:rgba(10,8,18,.66);color:#f1ecff;font-size:11.5px;font-weight:600;letter-spacing:.2px;backdrop-filter:blur(6px);pointer-events:none}
.bvk-t-obs-bitrate-calculator .ob-q-cap--l{left:10px}.bvk-t-obs-bitrate-calculator .ob-q-cap--r{right:10px}
.bvk-t-obs-bitrate-calculator .ob-q-split{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.25);outline:none}
.bvk-t-obs-bitrate-calculator .ob-q-split>i{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.45)}
.bvk-t-obs-bitrate-calculator .ob-q-split>i::before{content:"";position:absolute;inset:0;background:#1a1528;-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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/16px 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.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center/16px no-repeat}
.bvk-t-obs-bitrate-calculator .ob-q-split:focus-visible>i{box-shadow:0 0 0 3px var(--kzk-focus),0 4px 14px rgba(0,0,0,.45)}
.bvk-t-obs-bitrate-calculator .ob-q-meter{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:12px;padding-top:10px}
.bvk-t-obs-bitrate-calculator .ob-q-meter::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--ob-bad),var(--ob-warn) 32%,var(--kzk-lilac) 62%,var(--ob-ok));opacity:.85}
.bvk-t-obs-bitrate-calculator .ob-q-meter>span{font-size:11.5px;color:var(--kzk-faint);text-align:center;padding-top:4px}
.bvk-t-obs-bitrate-calculator .ob-q-meter>span.on{color:var(--kzk-text);font-weight:700}
.bvk-t-obs-bitrate-calculator .ob-q-meter>i{position:absolute;top:-4px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--kzk-text);border:3px solid var(--kzk-card);box-shadow:0 1px 4px rgba(0,0,0,.35);transition:left .45s var(--kzk-ease)}

/* ayar satırları */
.bvk-t-obs-bitrate-calculator .ob-set{border-top:1px solid var(--kzk-line);padding-top:12px}
.bvk-t-obs-bitrate-calculator .ob-set-head{margin-bottom:4px}
.bvk-t-obs-bitrate-calculator .lines.ob-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;font-size:13px;color:var(--kzk-muted)}
@container obres (max-width:470px){.bvk-t-obs-bitrate-calculator .lines.ob-lines{grid-template-columns:1fr}}
.bvk-t-obs-bitrate-calculator .lines.ob-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border-bottom:1px solid var(--kzk-line)}
.bvk-t-obs-bitrate-calculator .lines.ob-lines b{color:var(--kzk-text);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .lines.ob-lines #need{color:var(--kzk-lilac)}
.bvk-t-obs-bitrate-calculator .ob-lines--enc:empty{display:none}
.bvk-t-obs-bitrate-calculator .ob-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.bvk-t-obs-bitrate-calculator .ob-data-cell{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border:1px solid var(--kzk-line)}
.bvk-t-obs-bitrate-calculator .ob-data-cell b{font:700 17px/1.15 var(--kzk-display);color:var(--kzk-text);font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .ob-data-cell span{font-size:11.5px;color:var(--kzk-muted);line-height:1.3}
.bvk-t-obs-bitrate-calculator .ob-cap{margin:0}
.bvk-t-obs-bitrate-calculator .ob-warns:empty{display:none}
.bvk-t-obs-bitrate-calculator .ob-warns{display:flex;flex-direction:column;gap:6px}
.bvk-t-obs-bitrate-calculator .ob-warn-row{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:var(--kzk-r-card);background:var(--ob-warn-bg);color:var(--ob-warn-t);font-size:12.5px;line-height:1.45;border:1px solid color-mix(in srgb,var(--ob-warn) 26%,transparent)}
.bvk-t-obs-bitrate-calculator .ob-warn-row>svg{width:16px;height:16px;flex:none;margin-top:1px}
.bvk-t-obs-bitrate-calculator .ob-warn-row>span{flex:1}
.bvk-t-obs-bitrate-calculator .ob-linkbtn{background:none;border:0;padding:0;font:700 12.5px/1.45 var(--kzk-font);color:var(--kzk-lilac);cursor:pointer;white-space:nowrap;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
.bvk-t-obs-bitrate-calculator .ob-warn-row .ob-linkbtn{color:inherit}

/* ───────── dışa aktarma ───────── */
.bvk-t-obs-bitrate-calculator .ob-xrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bvk-t-obs-bitrate-calculator .ob-xrow>.kzk-btn{justify-content:center}
.bvk-t-obs-bitrate-calculator .ob-exp .ob-sw{margin-top:2px}
.bvk-t-obs-bitrate-calculator .ob-how{margin-top:14px}
.bvk-t-obs-bitrate-calculator .ob-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:12.5px;line-height:1.5;color:var(--kzk-text-2)}
.bvk-t-obs-bitrate-calculator .ob-steps li::marker{color:var(--kzk-lilac);font-weight:700}
.bvk-t-obs-bitrate-calculator .ob-draft{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;padding:9px 12px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border:1px dashed var(--kzk-line-2);font-size:12.5px;color:var(--kzk-text-2)}

/* ───────── kurulumlar + alternatifler ───────── */
.bvk-t-obs-bitrate-calculator .ob-more .kzk-sec-head{margin-bottom:12px}
.bvk-t-obs-bitrate-calculator .ob-alts-card{margin-top:16px}
.bvk-t-obs-bitrate-calculator .ob-alts-card .kzk-sec-head{margin-bottom:10px}
.bvk-t-obs-bitrate-calculator .ob-alts{container:obalt/inline-size;display:flex;flex-direction:column;gap:6px}
.bvk-t-obs-bitrate-calculator .ob-alt{display:grid;grid-template-columns:minmax(84px,1.1fr) minmax(0,1fr) auto minmax(64px,auto);align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border:1px solid var(--kzk-line)}
.bvk-t-obs-bitrate-calculator .ob-alt.is-cur{border-color:var(--kzk-hl-line);background:var(--kzk-hl-bg)}
.bvk-t-obs-bitrate-calculator .ob-alt-res{font:700 14px/1.2 var(--kzk-display);color:var(--kzk-text)}
.bvk-t-obs-bitrate-calculator .ob-alt-br{font-size:12.5px;color:var(--kzk-text-2);font-variant-numeric:tabular-nums}
.bvk-t-obs-bitrate-calculator .ob-alt-q{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--kzk-hl-bg);color:var(--kzk-lilac)}
.bvk-t-obs-bitrate-calculator .ob-alt-q[data-q=great]{background:var(--ob-ok-bg);color:var(--ob-ok-t)}
.bvk-t-obs-bitrate-calculator .ob-alt-q[data-q=ok]{background:var(--ob-warn-bg);color:var(--ob-warn-t)}
.bvk-t-obs-bitrate-calculator .ob-alt-q[data-q=blocky]{background:var(--ob-bad-bg);color:var(--ob-bad-t)}
.bvk-t-obs-bitrate-calculator .ob-alt-cur{font-size:11.5px;font-weight:700;color:var(--kzk-lilac);text-align:center}
.bvk-t-obs-bitrate-calculator .ob-alt-use{justify-content:center}
.bvk-t-obs-bitrate-calculator .ob-alt-empty{margin:0;padding:14px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);color:var(--kzk-muted);font-size:13px;text-align:center}
@container obalt (max-width:430px){.bvk-t-obs-bitrate-calculator .ob-alt{grid-template-columns:1fr auto auto;row-gap:2px}.bvk-t-obs-bitrate-calculator .ob-alt-br{grid-row:2;grid-column:1}.bvk-t-obs-bitrate-calculator .ob-alt-q{grid-row:1/3;grid-column:2}.bvk-t-obs-bitrate-calculator .ob-alt-cur,.bvk-t-obs-bitrate-calculator .ob-alt-use{grid-row:1/3;grid-column:3}}

/* Kurulum galerisi: 4'lü gruplar yetim kart bırakmasın (geniş: 4 sütun, dar: 2×2); başlık kesilmez, rozet kart içinde kalır */
.bvk-t-obs-bitrate-calculator .ob-presets{container-type:inline-size}
.bvk-t-obs-bitrate-calculator .ob-presets .kzk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@container (min-width:600px){.bvk-t-obs-bitrate-calculator .ob-presets .kzk-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-obs-bitrate-calculator .kzk-tcard-title{flex-wrap:wrap;white-space:normal;overflow:visible;row-gap:3px}
.bvk-t-obs-bitrate-calculator .kzk-tcard-meta{white-space:normal}