/* Audio Sync Delay Calculator v2 — araç stili (kit üstüne). Kapsam: .bvk-t-audio-sync-delay-calculator
   Gömülü kuralları: vh / sticky / fixed yok. Renkler kit token'larından (koyu + açık). */
.bvk-t-audio-sync-delay-calculator{--asd-gold:var(--kzk-gold);--asd-lil:var(--kzk-lilac)}
.bvk-t-audio-sync-delay-calculator .asd-g{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bvk-t-audio-sync-delay-calculator .asd-di{width:18px;height:18px;flex:none}

/* kip ve yön kartları: simge + başlık + alt satır */
.bvk-t-audio-sync-delay-calculator .asd-modes,.bvk-t-audio-sync-delay-calculator .asd-dirs{--kzk-seg-min:150px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bvk-t-audio-sync-delay-calculator .asd-modes>button,.bvk-t-audio-sync-delay-calculator .asd-dirs>button{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;padding:10px 12px;min-height:58px;white-space:normal}
.bvk-t-audio-sync-delay-calculator .asd-mt{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.25}
.bvk-t-audio-sync-delay-calculator .asd-mt>span{font-weight:650;font-size:13.5px}
.bvk-t-audio-sync-delay-calculator .asd-mt>small{font-size:11.5px;font-weight:500;color:var(--kzk-muted)}
.bvk-t-audio-sync-delay-calculator .asd-modes>button.on .asd-mt>small,.bvk-t-audio-sync-delay-calculator .asd-dirs>button.on .asd-mt>small{color:var(--kzk-text-2)}
.bvk-t-audio-sync-delay-calculator .asd-modes>button .asd-g,.bvk-t-audio-sync-delay-calculator .asd-dirs>button .asd-g{color:var(--kzk-lilac)}
.bvk-t-audio-sync-delay-calculator .asd-modes>button.on .asd-g,.bvk-t-audio-sync-delay-calculator .asd-dirs>button.on .asd-g{color:var(--kzk-gold)}

/* FPS çipleri: sıkı ızgara */
.bvk-t-audio-sync-delay-calculator .asd-fps{--kzk-seg-min:56px}
.bvk-t-audio-sync-delay-calculator .asd-fps>button{min-height:34px;padding:4px 6px;font-variant-numeric:tabular-nums;justify-content:center}
.bvk-t-audio-sync-delay-calculator .asd-fps>.asd-fpsCustom{grid-column:span 2}
.bvk-t-audio-sync-delay-calculator .asd-fpsC{margin-top:10px}
.bvk-t-audio-sync-delay-calculator .kzk-sec>.kzk-hint{margin-top:8px}

/* hızlı değer düğmeleri */
.bvk-t-audio-sync-delay-calculator .asd-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bvk-t-audio-sync-delay-calculator .asd-quick>button{min-width:40px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--kzk-line);background:var(--kzk-field);color:var(--kzk-text-2);font:600 12.5px/1 var(--kzk-font);cursor:pointer;font-variant-numeric:tabular-nums}
.bvk-t-audio-sync-delay-calculator .asd-quick>button:hover{border-color:var(--kzk-line-2);color:var(--kzk-text)}
.bvk-t-audio-sync-delay-calculator .asd-quick>button:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}
.bvk-t-audio-sync-delay-calculator .asd-swap{margin:2px 0 10px}
.bvk-t-audio-sync-delay-calculator .asd-parsed:empty{display:none}
.bvk-t-audio-sync-delay-calculator .asd-mblk .kzk-field+.kzk-field{margin-top:10px}

.bvk-t-audio-sync-delay-calculator .asd-link{background:none;border:0;padding:0;color:var(--kzk-lilac);font:600 inherit/inherit var(--kzk-font);font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.bvk-t-audio-sync-delay-calculator .asd-derived{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--kzk-r-md);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line);font:650 14px/1.35 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-audio-sync-delay-calculator .asd-derived::before{content:"";width:10px;height:10px;border-radius:50%;flex:none;background:var(--kzk-lilac);box-shadow:0 0 0 4px color-mix(in oklab,var(--kzk-lilac) 22%,transparent)}
.bvk-t-audio-sync-delay-calculator .asd-derived[data-dir=behind]::before{background:var(--kzk-gold);box-shadow:0 0 0 4px color-mix(in oklab,var(--kzk-gold) 22%,transparent)}
.bvk-t-audio-sync-delay-calculator .asd-derived[data-dir=sync]::before{background:var(--kzk-ok)}
.bvk-t-audio-sync-delay-calculator .asd-derived[data-dir=err]::before{background:var(--kzk-warn)}

/* cihazlar */
.bvk-t-audio-sync-delay-calculator .asd-devIntro{margin:0 0 14px}
.bvk-t-audio-sync-delay-calculator .asd-lane{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.bvk-t-audio-sync-delay-calculator .asd-dev{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 11px;border-radius:var(--kzk-r-md);background:var(--kzk-card-2);border:1px solid var(--kzk-line)}
.bvk-t-audio-sync-delay-calculator .asd-lane[data-lane=v] .asd-dev>.asd-di{color:var(--kzk-gold)}
.bvk-t-audio-sync-delay-calculator .asd-lane[data-lane=a] .asd-dev>.asd-di{color:var(--kzk-lilac)}
.bvk-t-audio-sync-delay-calculator .asd-devName{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font:600 13px/1.25 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-audio-sync-delay-calculator .asd-devName small{font-weight:500;font-size:11px;color:var(--kzk-muted)}
.bvk-t-audio-sync-delay-calculator .asd-devMs{display:flex;align-items:center;gap:5px;flex:none}
.bvk-t-audio-sync-delay-calculator .asd-devMs i{font-style:normal;font-size:12px;color:var(--kzk-muted)}
.bvk-t-audio-sync-delay-calculator .asd-devMs input{width:64px!important;min-width:0;height:34px;padding:4px 8px;text-align:right;font-variant-numeric:tabular-nums}
.bvk-t-audio-sync-delay-calculator .asd-empty{margin:0;padding:10px 12px;border:1px dashed var(--kzk-line-2);border-radius:var(--kzk-r-md);font-size:12.5px;color:var(--kzk-muted);text-align:center}
.bvk-t-audio-sync-delay-calculator .asd-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(128px,100%),1fr));gap:6px}
.bvk-t-audio-sync-delay-calculator .asd-libBtn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:8px 10px;border-radius:var(--kzk-r-md);border:1px solid var(--kzk-line);background:var(--kzk-field);color:var(--kzk-text-2);cursor:pointer;font:600 12px/1.25 var(--kzk-font);min-height:44px}
.bvk-t-audio-sync-delay-calculator .asd-libBtn .asd-di{grid-row:span 2;color:var(--kzk-muted)}
.bvk-t-audio-sync-delay-calculator .asd-libBtn small{font-weight:500;font-size:11px;color:var(--kzk-muted);font-variant-numeric:tabular-nums}
.bvk-t-audio-sync-delay-calculator .asd-libBtn:hover:not(:disabled){border-color:var(--kzk-line-2);color:var(--kzk-text);background:var(--kzk-card-2)}
.bvk-t-audio-sync-delay-calculator .asd-libBtn:hover:not(:disabled) .asd-di{color:var(--kzk-lilac)}
.bvk-t-audio-sync-delay-calculator .asd-libBtn:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}
.bvk-t-audio-sync-delay-calculator .asd-libBtn:disabled{opacity:.45;cursor:not-allowed}
.bvk-t-audio-sync-delay-calculator .asd-chainInfo{align-items:center}
.bvk-t-audio-sync-delay-calculator .asd-srcs{--kzk-seg-min:130px}

/* test */
.bvk-t-audio-sync-delay-calculator .asd-testBtn{margin-bottom:16px}
.bvk-t-audio-sync-delay-calculator .asd-testBtn .asd-icoStop,.bvk-t-audio-sync-delay-calculator .asd-testBtn.asd-on .asd-icoPlay{display:none}
.bvk-t-audio-sync-delay-calculator .asd-testBtn.asd-on .asd-icoStop{display:inline-block}
.bvk-t-audio-sync-delay-calculator .kzk-inline+.kzk-inline,.bvk-t-audio-sync-delay-calculator .kzk-inline+.kzk-field{margin-top:10px}
.bvk-t-audio-sync-delay-calculator .asd-how{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.5;color:var(--kzk-text-2)}
.bvk-t-audio-sync-delay-calculator .asd-how li::marker{color:var(--kzk-lilac);font-weight:700}

/* önizleme */
.bvk-t-audio-sync-delay-calculator .asd-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bvk-t-audio-sync-delay-calculator .asd-view>button{min-height:32px;padding:4px 12px}
.bvk-t-audio-sync-delay-calculator.asd-testing .asd-view{visibility:hidden}
.bvk-t-audio-sync-delay-calculator .asd-draft{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 10px;padding:7px 12px;border-radius:var(--kzk-r-md);background:var(--kzk-card-2);border:1px solid var(--kzk-line);font-size:12.5px;color:var(--kzk-text-2)}
.bvk-t-audio-sync-delay-calculator .asd-draft[hidden]{display:none}
.bvk-t-audio-sync-delay-calculator .asd-draft .kzk-i{width:15px;height:15px;color:var(--kzk-lilac)}
.bvk-t-audio-sync-delay-calculator .asd-draft .asd-link{margin-left:auto;font-size:12.5px}
.bvk-t-audio-sync-delay-calculator .asd-well{position:relative;flex:1 1 auto;min-height:var(--asd-h,260px);border-radius:var(--kzk-r-md);overflow:hidden;border:1px solid var(--kzk-line);background:#100f17}
html[data-theme=light] .bvk-t-audio-sync-delay-calculator .asd-well{background:#f1edfa}
.bvk-t-audio-sync-delay-calculator #asd-cv{position:absolute;inset:0;display:block;width:100%;height:100%}
.bvk-t-audio-sync-delay-calculator .asd-read{flex:none;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:12px}
@container kzkc (min-width:600px){.bvk-t-audio-sync-delay-calculator .asd-read{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr)}}
.bvk-t-audio-sync-delay-calculator .asd-res{min-height:112px}
.bvk-t-audio-sync-delay-calculator .asd-res .kzk-result-num{font-size:44px}
.bvk-t-audio-sync-delay-calculator #ms[data-fix=none]{background:none;color:var(--kzk-ok)}
.bvk-t-audio-sync-delay-calculator #ms[data-fix=err]{background:none;color:var(--kzk-muted)}
.bvk-t-audio-sync-delay-calculator .asd-resSub{font:500 12.5px/1.3 var(--kzk-font);color:var(--kzk-text-2);font-variant-numeric:tabular-nums}
.bvk-t-audio-sync-delay-calculator .asd-resSub:empty{display:none}

/* tolerans göstergesi */
.bvk-t-audio-sync-delay-calculator .asd-tol{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px 16px;border-radius:var(--kzk-r-card);background:var(--kzk-card-2);border:1px solid var(--kzk-line)}
.bvk-t-audio-sync-delay-calculator .asd-tolHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bvk-t-audio-sync-delay-calculator .asd-tolHead .kzk-label{margin:0}
.bvk-t-audio-sync-delay-calculator .asd-tolVerdict{font:700 13px/1.2 var(--kzk-font);padding:3px 10px;border-radius:999px;background:color-mix(in oklab,var(--kzk-ok) 16%,transparent);color:var(--kzk-ok)}
.bvk-t-audio-sync-delay-calculator .asd-tol[data-tol=warn] .asd-tolVerdict{background:color-mix(in oklab,var(--kzk-warn) 18%,transparent);color:var(--kzk-warn)}
.bvk-t-audio-sync-delay-calculator .asd-tol[data-tol=bad] .asd-tolVerdict{background:color-mix(in oklab,var(--kzk-danger) 16%,transparent);color:var(--kzk-danger)}
.bvk-t-audio-sync-delay-calculator .asd-tol[data-tol=none] .asd-tolVerdict{display:none}
.bvk-t-audio-sync-delay-calculator .asd-tolBar{position:relative;display:flex;height:12px;border-radius:999px;overflow:visible;margin:4px 0 2px}
.bvk-t-audio-sync-delay-calculator .asd-z{display:block;height:100%}
.bvk-t-audio-sync-delay-calculator .asd-z:nth-child(1){width:var(--z1,23%);border-radius:999px 0 0 999px}
.bvk-t-audio-sync-delay-calculator .asd-z:nth-child(2){width:var(--z2,12%)}
.bvk-t-audio-sync-delay-calculator .asd-z:nth-child(3){width:var(--z3,34%)}
.bvk-t-audio-sync-delay-calculator .asd-z:nth-child(4){width:var(--z4,9%)}
.bvk-t-audio-sync-delay-calculator .asd-z:nth-child(5){width:var(--z5,22%);border-radius:0 999px 999px 0}
.bvk-t-audio-sync-delay-calculator .asd-z1{background:color-mix(in oklab,var(--kzk-danger) 55%,var(--kzk-card-2))}
.bvk-t-audio-sync-delay-calculator .asd-z2{background:color-mix(in oklab,var(--kzk-warn) 55%,var(--kzk-card-2))}
.bvk-t-audio-sync-delay-calculator .asd-z3{background:color-mix(in oklab,var(--kzk-ok) 55%,var(--kzk-card-2))}
.bvk-t-audio-sync-delay-calculator .asd-tolMark{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--kzk-text);border:3px solid var(--kzk-card);box-shadow:0 1px 6px rgba(0,0,0,.35);transition:left .35s var(--kzk-ease)}
.bvk-t-audio-sync-delay-calculator .asd-tolScale{display:flex;justify-content:space-between;font:500 11px/1.2 var(--kzk-font);color:var(--kzk-muted)}
.bvk-t-audio-sync-delay-calculator .asd-tol .kzk-hint{margin:0}

/* uygulama kartı */
.bvk-t-audio-sync-delay-calculator .asd-adv{margin:0 0 12px;font:500 14px/1.45 var(--kzk-font);color:var(--kzk-text)}
.bvk-t-audio-sync-delay-calculator .asd-adv b{color:var(--kzk-gold);font-weight:700}
.bvk-t-audio-sync-delay-calculator .asd-mock:empty{display:none}
.bvk-t-audio-sync-delay-calculator .asd-mock{margin-bottom:14px}
.bvk-t-audio-sync-delay-calculator .asd-mk{border-radius:10px;overflow:hidden;border:1px solid var(--kzk-line-2);background:#1c1b22;color:#dedbe6;font:500 12px/1.3 var(--kzk-font);box-shadow:0 6px 18px rgba(0,0,0,.22)}
.bvk-t-audio-sync-delay-calculator .asd-mkBar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#2a2932;border-bottom:1px solid #3a3944;font-size:11.5px;color:#bdb9c9;white-space:nowrap;overflow:hidden}
.bvk-t-audio-sync-delay-calculator .asd-mkBar i{width:8px;height:8px;border-radius:50%;background:#4b4956;flex:none}
.bvk-t-audio-sync-delay-calculator .asd-mkBar span{margin-left:6px;overflow:hidden;text-overflow:ellipsis}
.bvk-t-audio-sync-delay-calculator .asd-mkBody{padding:8px 10px;display:flex;flex-direction:column;gap:6px}
.bvk-t-audio-sync-delay-calculator .asd-mkRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bvk-t-audio-sync-delay-calculator .asd-mkHead{font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:#8e8a9b}
.bvk-t-audio-sync-delay-calculator .asd-mkName{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bvk-t-audio-sync-delay-calculator .asd-mkI{width:14px;height:14px;flex:none;color:#a7a3b5}
.bvk-t-audio-sync-delay-calculator .asd-mkBox{flex:none;min-width:74px;padding:4px 8px;border-radius:5px;background:#121118;border:1px solid #43414e;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.bvk-t-audio-sync-delay-calculator .asd-mkBox.asd-hl{border-color:var(--kzk-gold);color:#fde68a;box-shadow:0 0 0 3px rgba(251,191,36,.18)}
.bvk-t-audio-sync-delay-calculator .asd-mkFil{flex-direction:row;gap:10px;align-items:flex-start}
.bvk-t-audio-sync-delay-calculator .asd-mkList{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}
.bvk-t-audio-sync-delay-calculator .asd-mkH{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#8e8a9b;margin-top:2px}
.bvk-t-audio-sync-delay-calculator .asd-mkItem{padding:3px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bdb9c9}
.bvk-t-audio-sync-delay-calculator .asd-mkItem.asd-sel{background:#3d3a8a;color:#fff}
.bvk-t-audio-sync-delay-calculator .asd-mkProps{display:flex;flex-direction:column;gap:4px;flex:none}
.bvk-t-audio-sync-delay-calculator .asd-mkLbl{font-size:11px;color:#a7a3b5}
.bvk-t-audio-sync-delay-calculator .asd-mk--ok{display:flex;align-items:center;gap:10px;padding:12px 14px;background:color-mix(in oklab,var(--kzk-ok) 12%,var(--kzk-card-2));border-color:color-mix(in oklab,var(--kzk-ok) 35%,transparent);color:var(--kzk-text);font-weight:650;box-shadow:none}
.bvk-t-audio-sync-delay-calculator .asd-mkOk{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--kzk-ok);color:#08240f;font-weight:800}
.bvk-t-audio-sync-delay-calculator .asd-exp .kzk-exp-actions{display:flex;flex-direction:column;gap:8px}
.bvk-t-audio-sync-delay-calculator .asd-exp .kzk-exp-actions{flex:none}
.bvk-t-audio-sync-delay-calculator .asd-exp .kzk-exp-actions>.kzk-btn{width:100%;flex:none}
.bvk-t-audio-sync-delay-calculator .asd-steps{margin-top:16px;padding-top:14px;border-top:1px solid var(--kzk-line)}
.bvk-t-audio-sync-delay-calculator .asd-steps .kzk-sec-head{margin-bottom:8px}
.bvk-t-audio-sync-delay-calculator .asd-stepList{margin:0;padding:0;list-style:none;counter-reset:asd;display:flex;flex-direction:column;gap:9px}
.bvk-t-audio-sync-delay-calculator .asd-stepList li{counter-increment:asd;position:relative;padding-left:30px;font-size:13px;line-height:1.5;color:var(--kzk-text-2)}
.bvk-t-audio-sync-delay-calculator .asd-stepList li::before{content:counter(asd);position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--kzk-font);background:var(--kzk-hl-bg);border:1px solid var(--kzk-hl-line);color:var(--kzk-lilac)}
.bvk-t-audio-sync-delay-calculator .asd-stepList b{color:var(--kzk-text);font-weight:650}
.bvk-t-audio-sync-delay-calculator .asd-toasts:empty{display:none}

/* kurulumlar + kare tablosu */
.bvk-t-audio-sync-delay-calculator .asd-moreGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.bvk-t-audio-sync-delay-calculator .asd-setupGrid{--kzk-ar:16/8;--kzk-card-min:170px;margin:10px 0}
.bvk-t-audio-sync-delay-calculator .asd-setupGrid.kzk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
@container kzkc (min-width:620px){.bvk-t-audio-sync-delay-calculator .asd-setupGrid.kzk-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bvk-t-audio-sync-delay-calculator .asd-setupGrid .kzk-tcard-title{white-space:normal;overflow:visible;align-items:flex-start}
.bvk-t-audio-sync-delay-calculator .asd-setupGrid .kzk-tcard-meta{white-space:normal}
.bvk-t-audio-sync-delay-calculator .asd-ft{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:6px;margin:10px 0}
.bvk-t-audio-sync-delay-calculator .asd-ftRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--kzk-r-sm);border:1px solid var(--kzk-line);background:var(--kzk-field);color:var(--kzk-text-2);font:500 12.5px/1.2 var(--kzk-font);cursor:pointer;min-height:36px}
.bvk-t-audio-sync-delay-calculator .asd-ftRow b{font-weight:700;color:var(--kzk-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.bvk-t-audio-sync-delay-calculator .asd-ftRow:hover{border-color:var(--kzk-line-2);color:var(--kzk-text)}
.bvk-t-audio-sync-delay-calculator .asd-ftRow[aria-pressed=true]{border-color:var(--kzk-gold-line,var(--kzk-gold));color:var(--kzk-gold);background:var(--kzk-gold-tint)}
.bvk-t-audio-sync-delay-calculator .asd-ftRow[aria-pressed=true] b{color:var(--kzk-gold)}
.bvk-t-audio-sync-delay-calculator .asd-ftRow:focus-visible{outline:2px solid var(--kzk-gold);outline-offset:2px}

@container kzkc (max-width:420px){
  .bvk-t-audio-sync-delay-calculator .asd-res .kzk-result-num{font-size:38px}
}
@media (prefers-reduced-motion:reduce){.bvk-t-audio-sync-delay-calculator .asd-tolMark{transition:none}}

@media (pointer:coarse){.bvk-t-audio-sync-delay-calculator .asd-quick>button{height:40px;min-width:44px}.bvk-t-audio-sync-delay-calculator .asd-ftRow{min-height:44px}}
.bvk-t-audio-sync-delay-calculator .kzk-ws--rail>*:first-child{align-self:start}
.bvk-t-audio-sync-delay-calculator #asd-fpsChips>button[data-f=custom]{grid-column:1/-1;border-style:dashed}