/* cartao.css — the few rules /cartao-amigo-secreto/ adds to /gift-tag-maker/tags.css (the stage,
   the paper look, the design picker, the GTM fonts) and /assets/polyatic.css (the shell). */
.cas-modes{margin-top:.25rem;flex-wrap:nowrap;max-width:30rem}
.cas-modes button{flex:1 1 auto;min-width:0;white-space:nowrap;padding-inline:.5rem;font-size:.875rem}
.cas-card{display:flex;justify-content:center;line-height:0;margin:0 auto}
.cas-card canvas{display:block;height:auto;max-width:100%;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.12),0 18px 40px -16px rgba(0,0,0,.6)}
.cas-sheet{display:flex;justify-content:center;line-height:0;margin:.375rem 0 .25rem}
.cas-sheet canvas{display:block;height:auto;max-width:100%;background:#fff;border-radius:2px;box-shadow:0 0 0 1px var(--line),0 10px 24px -16px rgba(0,0,0,.4)}
.cas-stage .gt-dl{margin-top:.75rem}
.cas-sets{flex-wrap:wrap}
.cas-sets button{flex:1 1 auto}
.cas-msgs{display:grid;gap:.375rem;max-height:17rem;overflow:auto;padding:.125rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface-2)}
.cas-msg{display:flex;gap:.5rem;align-items:flex-start;padding:.4375rem .5rem;border-radius:.4375rem;font-size:.875rem;line-height:1.4;cursor:pointer;background:var(--surface)}
.cas-msg input{margin-top:.2rem;flex:none;accent-color:var(--accent)}
.cas-msg.on{box-shadow:0 0 0 2px var(--accent)}
.cas-own span{font-weight:600}
.cas-form textarea#own{min-height:5rem}
.cas-form [hidden]{display:none}
.gt-designs.cas-designs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:480px){.gt-designs.cas-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.cas .gt-head .sub{margin-bottom:.5rem}.cas .gt-stage-h{margin-bottom:.375rem}}
.cas-back{margin:1rem 0 0;font-size:.9375rem}