:root{--accent:#1a73e8;--muted:#6b7280;--bg:#f7f9fb}
  body{font-family:Inter,system-ui,Segoe UI,Arial;direction:rtl;background:var(--bg);margin:0;color:#0f1724}
  .container{max-width:980px;margin:36px auto;padding:28px;background:#fff;border-radius:12px;box-shadow:0 6px 30px rgba(13,38,76,0.08)}
  header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
  .logo{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#9be)}
  h1{margin:0;font-size:20px}
  p.lead{margin:6px 0 0;color:var(--muted)}
  .grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:20px}
  .card{background:#fbfdff;padding:18px;border-radius:10px;border:1px solid #eef3fb}
  .uploader{display:flex;flex-direction:column;gap:10px}
  .controls{display:flex;gap:8px;flex-wrap:wrap}
  .btn{padding:10px 14px;border-radius:8px;border:0;cursor:pointer;font-weight:600}
  .btn-primary{background:var(--accent);color:#fff}
  .btn-ghost{background:transparent;border:1px solid #e6eefc;color:var(--accent)}
  input[type=file]{display:none}
  .drop{border:2px dashed #e6eefc;padding:22px;border-radius:10px;text-align:center;color:var(--muted)}
  .preview{display:flex;flex-direction:column;align-items:center;gap:12px}
  img#imgPreview{max-width:100%;max-height:260px;border-radius:8px;object-fit:contain;border:1px solid #eef6ff}
  #qrcode{padding:8px;background:#fff;border-radius:8px;border:1px solid #eef3fb}
  .small{font-size:13px;color:var(--muted)}
  .footer{margin-top:18px;color:var(--muted);font-size:13px}
  .mode{display:flex;gap:8px;align-items:center}
  .note{margin-top:10px;color:#9aa4b2;font-size:13px}