.sbk-sr{
  --sr-bg:#F8FAFC;--sr-surface:#FFFFFF;--sr-ink:#0F172A;--sr-muted:#64748B;
  --sr-border:#E2E8F0;--sr-border-strong:#CBD5E1;--sr-accent:#2563EB;
  --sr-accent-strong:#1D4ED8;--sr-accent-soft:#DBEAFE;--sr-accent-pale:#EFF6FF;
  --sr-green:#166534;--sr-green-bg:#DCFCE7;--sr-red:#B91C1C;--sr-red-bg:#FEE2E2;
  color:var(--sr-ink);font-family:Inter,"Noto Sans Bengali",sans-serif;width:100%;
  font-size:15px;line-height:1.55
}
.sbk-sr[data-theme="dark"]{
  --sr-bg:#0F172A;--sr-surface:#334155;--sr-ink:#F8FAFC;--sr-muted:#CBD5E1;
  --sr-border:#475569;--sr-border-strong:#64748B;--sr-accent:#2563EB;
  --sr-accent-strong:#93C5FD;--sr-accent-soft:#1E40AF;--sr-accent-pale:#334155;
  --sr-green:#DCFCE7;--sr-green-bg:#166534;--sr-red:#FEE2E2;--sr-red-bg:#B91C1C
}
.sbk-sr *{box-sizing:border-box}
.sbk-sr button,.sbk-sr input,.sbk-sr select{font:inherit}
.sbk-sr button{cursor:pointer}
.sbk-sr button:disabled{cursor:not-allowed;opacity:.48}
.sbk-sr a{color:var(--sr-accent);text-decoration:none}
.sbk-sr a:hover{text-decoration:underline}
.sbk-sr :focus-visible{outline:3px solid var(--sr-accent);outline-offset:3px}
.sbk-sr .sr-container{max-width:1180px;margin:0 auto;padding:22px 20px 58px}
.sbk-sr .sr-breadcrumb{font-size:13px;color:var(--sr-muted);margin:0 0 18px}
.sbk-sr .sr-breadcrumb span{padding:0 7px;color:var(--sr-border-strong)}
.sbk-sr .sr-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:0 0 24px}
/* Premium Screen Recorder identity icon */

.sbk-sr .sr-title-camera{position:relative;display:block;width:38px;height:38px}
.sbk-sr .sr-title-camera-body{position:absolute;left:4px;top:9px;width:28px;height:20px;border-radius:6px;background:#1D4ED8;border:1px solid #93C5FD;box-shadow:0 3px 7px rgba(37,99,235,.24)}
.sbk-sr .sr-title-camera-play{position:absolute;left:15px;top:13px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #FFFFFF}
.sbk-sr .sr-title-camera-rec{position:absolute;right:1px;top:4px;width:9px;height:9px;border-radius:50%;background:#EF4444;border:2px solid #FFFFFF;box-shadow:0 1px 3px rgba(15,23,42,.18)}
.sbk-sr .sr-title-camera-stand{position:absolute;left:10px;bottom:0;width:19px;height:6px;border-top:2.5px solid #2563EB;border-bottom:2.5px solid #2563EB;border-radius:1px}

.sbk-sr .sr-title-row{display:flex;align-items:center;gap:13px;margin:0 0 9px}
.sbk-sr .sr-title-row h1{margin:0}
.sbk-sr .sr-title-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid rgba(147,197,253,.55);border-radius:15px;background:#EFF6FF;box-shadow:0 7px 18px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.9)}
.sbk-sr .sr-title-icon svg{display:block;width:38px;height:38px}
.sbk-sr .sr-title-icon svg rect:first-of-type{filter:drop-shadow(0 2px 2px rgba(15,23,42,.18))}
.home-tool-card .home-tool-icon .home-art-icon{filter:drop-shadow(0 4px 5px rgba(15,23,42,.12))}
.tool-card .i-screen-recorder .sbk-screen-recorder-icon{filter:drop-shadow(0 3px 4px rgba(37,99,235,.2))}
@media(max-width:640px){.sbk-sr .sr-title-icon{width:43px;height:43px;border-radius:13px}.sbk-sr .sr-title-icon svg{width:34px;height:34px}.sbk-sr .sr-title-row{gap:10px}}

.sbk-sr .sr-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sr-accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.sbk-sr .sr-kicker:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--sr-accent)}
.sbk-sr .sr-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0 0 9px;color:var(--sr-ink);font-weight:800}
.sbk-sr .sr-hero p{margin:0;max-width:720px;color:var(--sr-muted);font-size:15px}
.sbk-sr .sr-hero-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.sbk-sr .sr-theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--sr-border);background:var(--sr-surface);color:var(--sr-ink);border-radius:10px;font-size:13px;font-weight:700}
.sbk-sr .sr-theme-toggle svg{width:17px;height:17px}
.sbk-sr .sr-privacy-chip{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 11px;border:1px solid var(--sr-accent-soft);background:var(--sr-accent-pale);color:var(--sr-accent-strong);border-radius:999px;font-size:12px;font-weight:700}
.sbk-sr .sr-privacy-chip svg{width:15px;height:15px;flex:none}
.sbk-sr .sr-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:18px;align-items:start}
.sbk-sr .sr-card{background:var(--sr-surface);border:1px solid var(--sr-border);border-radius:16px;padding:20px;min-width:0}
.sbk-sr .sr-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}
.sbk-sr .sr-card-heading h2{font-size:18px;line-height:1.25;margin:0 0 4px;color:var(--sr-ink);font-weight:800}
.sbk-sr .sr-card-heading p{margin:0;color:var(--sr-muted);font-size:13px}
.sbk-sr .sr-step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--sr-accent-pale);color:var(--sr-accent);font-size:12px;font-weight:800;flex:none}
.sbk-sr .sr-mode-switch{display:inline-flex;gap:3px;padding:4px;background:var(--sr-bg);border:1px solid var(--sr-border);border-radius:11px}
.sbk-sr .sr-mode-switch button{border:0;background:transparent;color:var(--sr-muted);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}
.sbk-sr .sr-mode-switch button[aria-pressed="true"]{background:var(--sr-surface);color:var(--sr-accent);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.sbk-sr .sr-section-label{display:block;color:var(--sr-ink);font-size:13px;font-weight:800;margin:0 0 9px}
.sbk-sr .sr-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}
.sbk-sr .sr-option{display:flex;align-items:flex-start;gap:9px;min-height:66px;padding:11px 10px;border:1px solid var(--sr-border);background:var(--sr-bg);border-radius:11px;color:var(--sr-ink);font-size:12px;font-weight:700;line-height:1.35}
.sbk-sr .sr-option input{width:17px;height:17px;accent-color:var(--sr-accent);margin:1px 0 0;flex:none}
.sbk-sr .sr-option small{display:block;color:var(--sr-muted);font-size:11px;font-weight:400;margin-top:4px}
.sbk-sr .sr-option:has(input:checked){border-color:var(--sr-accent);background:var(--sr-accent-pale)}
.sbk-sr .sr-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px}
.sbk-sr .sr-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.sbk-sr .sr-field label{font-size:12px;font-weight:800;color:var(--sr-ink)}
.sbk-sr .sr-field select{width:100%;min-height:42px;padding:9px 34px 9px 11px;border:1px solid var(--sr-border-strong);border-radius:9px;background:var(--sr-surface);color:var(--sr-ink);font-size:13px}
.sbk-sr .sr-helper{margin:0 0 15px;padding:11px 12px;border-radius:10px;background:var(--sr-accent-pale);border:1px solid var(--sr-accent-soft);color:var(--sr-muted);font-size:12px}
.sbk-sr .sr-helper strong{color:var(--sr-accent-strong)}
.sbk-sr .sr-mobile-notice{padding:14px;border:1px solid var(--sr-accent-soft);background:var(--sr-accent-pale);border-radius:12px;margin-bottom:15px}
.sbk-sr .sr-mobile-notice strong{display:block;color:var(--sr-ink);font-size:13px;margin-bottom:5px}
.sbk-sr .sr-mobile-notice p{font-size:12px;color:var(--sr-muted);margin:0 0 10px}
.sbk-sr .sr-inline-button{border:1px solid var(--sr-accent-border);background:var(--sr-surface);color:var(--sr-accent-strong);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800}
.sbk-sr .sr-camera-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.sbk-sr .sr-camera-tools .sr-option{min-height:0;flex:1}
.sbk-sr .sr-subpanel{padding:13px;border:1px dashed var(--sr-border-strong);border-radius:11px;margin:0 0 16px}
.sbk-sr .sr-subpanel[hidden],.sbk-sr [hidden]{display:none!important}
.sbk-sr .sr-subpanel-title{font-size:12px;font-weight:800;margin:0 0 10px;color:var(--sr-ink)}
.sbk-sr .sr-quality{padding-top:16px;border-top:1px solid var(--sr-border);margin-top:3px}
.sbk-sr .sr-quality-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.sbk-sr .sr-quality-heading strong{font-size:13px}
.sbk-sr .sr-quality-heading span{font-size:11px;color:var(--sr-muted)}
.sbk-sr .sr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.sbk-sr .sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 14px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:800;transition:background .15s,border-color .15s,transform .15s}
.sbk-sr .sr-btn:active:not(:disabled){transform:translateY(1px)}
.sbk-sr .sr-btn svg{width:16px;height:16px;flex:none}
.sbk-sr .sr-btn-primary{background:var(--sr-accent);color:#fff;border-color:var(--sr-accent)}
.sbk-sr .sr-btn-primary:hover:not(:disabled){background:var(--sr-accent-strong);border-color:var(--sr-accent-strong)}
.sbk-sr .sr-btn-secondary{background:var(--sr-surface);color:var(--sr-ink);border-color:var(--sr-border-strong)}
.sbk-sr .sr-btn-secondary:hover:not(:disabled){background:var(--sr-bg)}
.sbk-sr .sr-btn-danger{background:var(--sr-red-bg);color:var(--sr-red);border-color:var(--sr-red-bg)}
.sbk-sr .sr-btn-quiet{background:transparent;color:var(--sr-muted);border-color:transparent}
.sbk-sr .sr-status{display:flex;align-items:flex-start;gap:8px;margin-top:13px;min-height:23px;color:var(--sr-muted);font-size:12px}
.sbk-sr .sr-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sr-muted-light,#94A3B8);margin-top:6px;flex:none}
.sbk-sr .sr-status[data-kind="success"]{color:var(--sr-green)}
.sbk-sr .sr-status[data-kind="success"]:before{background:var(--sr-green)}
.sbk-sr .sr-status[data-kind="error"]{color:var(--sr-red)}
.sbk-sr .sr-status[data-kind="error"]:before{background:var(--sr-red)}
.sbk-sr .sr-status[data-kind="warning"]{color:var(--sr-accent-strong)}
.sbk-sr[data-theme="dark"] .sr-status[data-kind="warning"]{color:var(--sr-accent-soft)}
.sbk-sr .sr-status[data-kind="warning"]:before{background:var(--sr-accent)}
.sbk-sr .sr-shortcuts{display:flex;flex-wrap:wrap;gap:8px 15px;padding-top:13px;margin-top:13px;border-top:1px solid var(--sr-border);font-size:11px;color:var(--sr-muted)}
.sbk-sr .sr-shortcuts kbd{font:700 10px Inter,sans-serif;padding:3px 5px;border:1px solid var(--sr-border-strong);border-radius:5px;background:var(--sr-bg);color:var(--sr-ink);margin-right:4px}
.sbk-sr .sr-preview-card{position:sticky;top:18px}
.sbk-sr .sr-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.sbk-sr .sr-preview-head h2{font-size:17px;margin:0;color:var(--sr-ink)}
.sbk-sr .sr-live-meta{display:flex;align-items:center;gap:9px}
.sbk-sr .sr-rec-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:var(--sr-red-bg);color:var(--sr-red);font-size:10px;font-weight:900;letter-spacing:.08em}
.sbk-sr .sr-rec-badge:before{content:"";width:7px;height:7px;background:#EF4444;border-radius:50%;animation:sr-blink 1.1s steps(2,start) infinite}
.sbk-sr .sr-rec-badge[hidden]{display:none}
.sbk-sr .sr-timer{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800;color:var(--sr-ink);letter-spacing:.04em}
.sbk-sr .sr-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:16/9;min-height:210px;background:#0F172A;border:1px solid rgba(148,163,184,.22);border-radius:12px;color:#E2E8F0}
.sbk-sr .sr-stage video,.sbk-sr .sr-stage canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.sbk-sr .sr-stage canvas{touch-action:none;cursor:crosshair}
.sbk-sr .sr-stage-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;color:#CBD5E1}
.sbk-sr .sr-stage-placeholder svg{width:42px;height:42px;color:#93C5FD}
.sbk-sr .sr-stage-placeholder strong{font-size:14px;color:#F8FAFC}
.sbk-sr .sr-stage-placeholder span{font-size:11px;color:#94A3B8;max-width:250px}
.sbk-sr .sr-countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.55);font-size:clamp(56px,10vw,92px);font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.35)}
.sbk-sr .sr-preview-hint{font-size:11px;color:var(--sr-muted);margin:9px 0 0}
.sbk-sr .sr-result{margin-top:15px;padding-top:15px;border-top:1px solid var(--sr-border)}
.sbk-sr .sr-result video{width:100%;display:block;max-height:340px;aspect-ratio:16/9;background:#0F172A;border-radius:10px}
.sbk-sr .sr-file-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:11px 0 13px;font-size:12px;color:var(--sr-muted)}
.sbk-sr .sr-file-meta strong{color:var(--sr-ink);font-variant-numeric:tabular-nums}
.sbk-sr .sr-result-actions{display:flex;flex-wrap:wrap;gap:8px}
.sbk-sr .sr-convert{margin-top:13px;padding:13px;border:1px solid var(--sr-accent-soft);background:var(--sr-accent-pale);border-radius:11px}
.sbk-sr .sr-convert p{font-size:12px;color:var(--sr-muted);margin:0 0 10px}
.sbk-sr .sr-progress{height:8px;background:var(--sr-border);border-radius:99px;overflow:hidden;margin:9px 0 5px}
.sbk-sr .sr-progress span{display:block;width:0;height:100%;background:var(--sr-accent);border-radius:99px;transition:width .18s}
.sbk-sr .sr-progress-label{font-size:11px;color:var(--sr-muted);font-variant-numeric:tabular-nums}
.sbk-sr .sr-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--sr-accent-soft);background:var(--sr-accent-pale);border-radius:12px;margin:0 0 17px}
.sbk-sr .sr-recovery strong{display:block;font-size:12px;color:var(--sr-ink)}
.sbk-sr .sr-recovery p{margin:3px 0 0;font-size:11px;color:var(--sr-muted)}
.sbk-sr .sr-recovery-actions{display:flex;gap:7px;flex-wrap:wrap}
.sbk-sr .sr-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.sbk-sr .sr-info-card{background:var(--sr-surface);border:1px solid var(--sr-border);border-radius:14px;padding:17px}
.sbk-sr .sr-info-card h3{font-size:15px;margin:0 0 9px;color:var(--sr-ink)}
.sbk-sr .sr-info-card p{font-size:12px;color:var(--sr-muted);margin:0 0 8px}
.sbk-sr .sr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}
.sbk-sr .sr-step-card{padding:13px;border:1px solid var(--sr-border);border-radius:11px;background:var(--sr-bg)}
.sbk-sr .sr-step-card b{display:block;font-size:12px;color:var(--sr-ink);margin-bottom:4px}
.sbk-sr .sr-step-card p{margin:0;font-size:11px;color:var(--sr-muted)}
.sbk-sr .sr-compat{width:100%;border-collapse:collapse;font-size:11px;margin-top:9px}
.sbk-sr .sr-compat th,.sbk-sr .sr-compat td{text-align:left;padding:8px 7px;border-bottom:1px solid var(--sr-border);vertical-align:top}
.sbk-sr .sr-compat th{color:var(--sr-ink);font-weight:800}
.sbk-sr .sr-compat td{color:var(--sr-muted)}
.sbk-sr .sr-privacy-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 14px;background:var(--sr-green-bg);color:var(--sr-green);border-radius:11px;font-size:12px}
.sbk-sr .sr-privacy-note svg{width:18px;height:18px;flex:none}
.sbk-sr .sr-footnote{font-size:11px;color:var(--sr-muted);margin:14px 0 0}
.sbk-sr .sr-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--sr-border)}
.sbk-sr .sr-switch-row label{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--sr-muted)}
.sbk-sr .sr-switch-row input{accent-color:var(--sr-accent);margin-top:2px}
.sbk-sr .sr-switch-row small{display:block;font-size:10px;color:var(--sr-muted);margin-top:2px}
.sbk-sr .sr-error-box{margin-top:12px;padding:11px 12px;background:var(--sr-red-bg);color:var(--sr-red);border:1px solid var(--sr-red-bg);border-radius:10px;font-size:12px}
.sbk-sr .sr-error-box[hidden]{display:none}
.sbk-sr .sr-mobile-only{display:none}
.sbk-sr .sr-tool-card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#DBEAFE;color:#1D4ED8;flex:none}
.sbk-sr .sr-tool-card-icon svg{width:22px;height:22px}
@keyframes sr-blink{to{visibility:hidden}}
@media(max-width:960px){
  .sbk-sr .sr-layout{grid-template-columns:1fr}
  .sbk-sr .sr-preview-card{position:static}
}
@media(max-width:640px){
  .sbk-sr .sr-container{padding:16px 13px 40px}
  .sbk-sr .sr-hero{gap:12px;flex-direction:column}
  .sbk-sr .sr-hero-tools{align-self:flex-end;margin-top:-5px}
  .sbk-sr .sr-card{padding:15px;border-radius:13px}
  .sbk-sr .sr-card-heading{gap:8px}
  .sbk-sr .sr-mode-switch button{padding:7px 8px}
  .sbk-sr .sr-option-grid{grid-template-columns:1fr;gap:7px}
  .sbk-sr .sr-option{min-height:0;padding:10px}
  .sbk-sr .sr-field-grid{gap:9px}
  .sbk-sr .sr-actions .sr-btn{flex:1 1 calc(50% - 8px)}
  .sbk-sr .sr-stage{min-height:190px}
  .sbk-sr .sr-info-grid{grid-template-columns:1fr}
  .sbk-sr .sr-steps{grid-template-columns:1fr}
  .sbk-sr .sr-recovery{align-items:flex-start;flex-direction:column}
  .sbk-sr .sr-compat{font-size:10px}
  .sbk-sr .sr-compat th,.sbk-sr .sr-compat td{padding:7px 5px}
}
@media(prefers-reduced-motion:reduce){
  .sbk-sr *, .sbk-sr *:before,.sbk-sr *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}