/* A stable caption band: the outcome replaces the invitation, never shares it. */
#craft .craft-instruction{display:grid;position:relative;min-height:88px;margin-bottom:16px;text-align:center}
.craft-before,.craft-quiet-line{grid-area:1/1;align-self:center;justify-self:center}
.craft-before{display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .2s ease,visibility .2s}
#craftEscape{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;max-width:100%;min-height:40px;background:none;border:0;color:#36342e;font:14px/1.4 -apple-system,sans-serif;cursor:pointer;padding:3px 12px}
#craftEscape kbd{font:13px/1 -apple-system,sans-serif;padding:9px 12px;border:1px solid #8b8375;border-radius:6px;background:#faf8f2;box-shadow:0 2px 0 #bcb5a8}
#craftEscape:hover kbd{border-color:#36342e;background:#fffdf7}
#craft .craft-quiet-line{margin:0;font:clamp(25px,3vw,38px)/1.25 var(--serif);letter-spacing:-.02em;color:#302f28;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s}
#craft [data-quiet=true] .craft-before{opacity:0;visibility:hidden;pointer-events:none}
#craft [data-quiet=true] .craft-quiet-line{opacity:1;visibility:visible;transition-delay:.65s}
.craft-restore{height:42px;display:flex;justify-content:center;align-items:center;margin-top:8px}
#craftRestore{font:13px/1.5 -apple-system,sans-serif;color:#686256;background:none;border:0;border-bottom:1px solid #aaa293;padding:4px 0;cursor:pointer}
#craftEscape[hidden],#craftRestore[hidden]{display:none}
#craftEscape:focus-visible,#craftRestore:focus-visible{outline:2px solid #8a652b;outline-offset:4px}
#craft [data-quiet=true] figcaption{visibility:hidden}
@media(max-width:600px){#craft .craft-instruction{min-height:112px}.craft-before{max-width:90%}#craft .craft-quiet-line{max-width:90%}}
@media(prefers-reduced-motion:reduce){.craft-before,#craft .craft-quiet-line{transition:none!important}}