/* A first-use gesture cue sits over the preview without intercepting painting. */
.fire-maker .fire-interaction-hint { position:absolute; inset:0; z-index:2; pointer-events:none; }
.fire-maker .fire-interaction-pointer { position:absolute; left:50%; top:42%; width:48px; height:48px; transform:translate(-50%,-50%); color:#fff; filter:drop-shadow(0 2px 5px #000); }
.fire-maker .fire-interaction-pointer .ms { position:relative; display:block; font-size:42px; line-height:48px; text-align:center; }
.fire-maker .fire-interaction-ring { position:absolute; inset:0; border:2px solid #ffb36f; border-radius:50%; animation:fire-hint-tap 1.2s ease-out 2; }
.fire-maker .fire-interaction-message { position:absolute; left:50%; bottom:14%; transform:translateX(-50%); display:flex; align-items:center; width:max-content; max-width:calc(100% - 24px); gap:8px; padding:8px 6px 8px 14px; border:1px solid #a96744; border-radius:14px; background:#241b18f5; box-shadow:0 4px 20px #0006; color:#fff3e9; text-align:left; font-size:13px; line-height:1.5; }
.fire-maker .fire-interaction-message strong, .fire-maker .fire-interaction-message > span > span { display:block; }
.fire-maker .fire-interaction-message > span > span { color:#d3bfb1; font-size:12px; }
.fire-maker .workspace button.fire-hint-dismiss { flex:none; width:44px; height:44px; min-height:44px; min-width:44px; padding:0; margin:0; border:0; border-radius:50%; background:transparent; color:#e4d3c7; font-size:24px; line-height:1; pointer-events:auto; }
.fire-maker .workspace button.fire-hint-dismiss:hover, .fire-maker .workspace button.fire-hint-dismiss:focus-visible { background:#ffffff1a; color:#fff; }
@keyframes fire-hint-tap { from { opacity:.9; transform:scale(.6); } to { opacity:0; transform:scale(1.5); } }
@media(prefers-reduced-motion:reduce) { .fire-maker .fire-interaction-ring { animation:none; opacity:.6; } }
@media(max-width:600px) {
 .fire-maker .fire-interaction-pointer { top:34%; }
 .fire-maker .fire-interaction-message { bottom:15%; font-size:12px; padding:5px 3px 5px 10px; gap:2px; }
 .fire-maker .fire-interaction-message > span > span { font-size:11px; }
}