/* ═══════════════════════════════════════════════════════════════════════════
 *  v437 · زوم دوربین استوری و کاشی «عکس» در سینی برچسب — قرص «۱٫۸×» روی صفحهٔ دوربین (361) و ردیف پنج‌تایی
 *  کاشی‌ها (359: موسیقی، عکس، منشن، هشتگ، مکان). بی @keyframes، بی :has.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ── سینی برچسب: پنج کاشی در یک ردیف ── */
#st430 .st430-tiles{ grid-template-columns:repeat(5, minmax(0, 1fr)); gap:6px }
#st430 .st430-tile{ padding:11px 2px 9px; gap:6px; font-size:12px }
#st430 .st430-tile i{ width:44px; height:44px; border-radius:15px }
#st430 .st430-tile i svg{ width:21px; height:21px }
@media (max-width:359px){
  #st430 .st430-tiles{ gap:5px }
  #st430 .st430-tile{ padding:10px 1px 8px; font-size:11px; border-radius:16px }
  #st430 .st430-tile i{ width:38px; height:38px; border-radius:13px; font-size:19px }
  #st430 .st430-tile i svg{ width:19px; height:19px }
}

/* ── صفحهٔ دوربین: قرص زوم (زدن = ۱×) ── */
.db431-zm{
  position:absolute; z-index:2; left:50%; bottom:calc(166px + env(safe-area-inset-bottom)); transform:translateX(-50%);
  min-width:56px; height:34px; padding:0 14px; border:0; border-radius:99px; cursor:pointer;
  background:rgba(0,0,0,.42); color:#fff; font:900 13.5px/1 Vazirmatn, system-ui, sans-serif; font-variant-numeric:tabular-nums;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); -webkit-tap-highlight-color:transparent; transition:opacity .15s;
}
.db431-zm[hidden], #db431.done .db431-zm{ display:none }
.db431-zm:active{ opacity:.75 }
.db431-zm:focus-visible{ outline:2.5px solid #fff; outline-offset:2px }