/* «لقطة وتعليق» first-time hint + capture flash (public/shot-markup.js). Tokens only. */
.shot-hint{position:fixed;inset:0;z-index:130;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-5)}
.shot-hint-card{background:var(--elevated);color:var(--text);border-radius:var(--radius-xl);box-shadow:var(--shadow-pop);padding:var(--space-5);max-width:320px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;font-size:var(--fs)}
.shot-hint-ic{font-size:44px;line-height:1}
.shot-hint-card small{color:var(--text2);font-size:var(--fs-sm)}
.shot-hint-card .shot-hint-ok{margin-top:var(--space-3)}
html.shot-flash body{opacity:.96;transition:opacity .12s}
/* «جاري الالتقاط…» glass pill, shown on the gesture before the capture (owner 990ee86e) */
.shot-busy{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translateX(-50%);z-index:140;display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--chrome) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:.5px solid var(--stroke3);box-shadow:var(--shadow-pill);color:var(--text);font-size:var(--fs-sm);pointer-events:none}
.shot-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--stroke3);border-top-color:var(--text);animation:shot-spin .8s linear infinite}
@keyframes shot-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.shot-spin{animation:none}}