:root{    
      --bg_923:#0d1117; --panel_923:#161b22; --border_923:#30363d;     
      --accent_923:#00ff99; --accent2_923:#ff4d4d; --text_923:#fff;    
    }    
    *{box-sizing:border-box}    
   .body-div-4455{    
      margin:0; padding:16px; background:var(--bg_923); color:var(--text_923);    
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;    
      display:flex; flex-direction:column; align-items:center; gap:14px;    
    }    
    h2{margin:8px 0 0; text-align:center}    
    .panel_8392{    
      width:min(520px, 100%); background:var(--panel_923); border:1px solid var(--border_923);    
         
      border-radius:14px; padding:14px; box-shadow:0 10px 30px rgba(0,0,0,.25)    
    }    
    .row_4912{display:flex; gap:10px; flex-wrap:wrap; justify-content:center}    
    button{    
      appearance:none; border:0; padding:10px 16px; border-radius:10px; font-weight:700;    
      cursor:pointer; background:var(--accent_923); color:#000;    
      transition:transform .08s ease, opacity .2s;    
    }    
    button:hover{transform:translateY(-1px)}    
    button.secondary_667{background:#7ee787; color:#0a0a0a}    
    button.danger_992{background:var(--accent2_923); color:#fff}    
    
    /* Camera area */    
    #videoWrap_4821{    
      position:relative; width:min(420px, 100%); aspect-ratio:1 / 1; margin:10px auto 6px; display:none;    
      border:2px solid var(--border_923); border-radius:14px; overflow:hidden;    
    }    
    video{width:100%; height:100%; object-fit:cover; display:block}    
    .scanBox_114{    
      position:absolute; inset:auto; width:68%; height:68%; top:16%; left:16%;    
      border-radius:12px; border:2px solid rgba(0,255,153,.9);    
      box-shadow:0 0 24px rgba(0,255,153,.35) inset, 0 0 24px rgba(0,255,153,.25);    
      pointer-events:none;    
    }    
    .scanLine_771{    
      position:absolute; left:16%; width:68%; height:3px; background:rgba(255,77,77,.95);    
      box-shadow:0 0 12px rgba(255,77,77,.8);    
      animation:lineMove_55 2s linear infinite;    
    }    
    @keyframes lineMove_55 { 0%{ top:16%; } 100%{ top:84%; } }    
    
    /* Upload area */    
    .uploadZone_642{    
      margin:12px auto 0; width:100%; padding:14px; text-align:center; border:2px dashed #3a3f47;    
      border-radius:12px; background:#0f141a; color:#c9d1d9;    
    }    
    .uploadZone_642.highlight_311{border-color:var(--accent_923)}    
    .uploadZone_642 input{display:none}    
    .uploadZone_642 .hint_221{opacity:.8; font-size:14px}    
    .thumb_552{margin-top:10px; max-width:100%; border-radius:10px; display:none}    
    
    /* Result */    
    #result_781{    
      margin-top:10px; padding:12px; min-height:44px; background:#0f141a; border:1px solid var(--border_923);    
      border-radius:10px; word-wrap:break-word; text-align:center; font-weight:600;    
    }    
    #result_781.success_999{    
      background:#0f2018; border-color:#1f6f52; box-shadow:0 0 20px rgba(0,255,153,.25) inset;    
      color:#b6ffde;    
    }    
    .muted_300{opacity:.7; font-weight:500}    
    .row_4912.smallGap_202{gap:6px}    
    #btnFlash_104 {
  background: #444;
  color: #fff;
  font-size: 18px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#btnFlash_104.active {
  background: #ffcc00; /* flashlight ON ka color */
  color: #000;
}