/* Round 42 (design/round-42/return/r42.css): Spread the word. Shipped copy: --px as the sheet's own inset (0), the
   card thumbnail is the server's real card (an <img>), the QR tile the real QR. The card's grounds live in the image. */
:root,[data-theme]{--qr-tile:#FFFFFF}
.ql42{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink-2);text-wrap:pretty;margin:-6px 0 0}.ql42 svg{width:16px;height:16px;flex:none;margin-top:3px}
.bot42{padding:12px 14px;border-radius:14px;background:var(--paper-sunk);display:flex;gap:12px;align-items:center;font:600 15px/1.4 var(--font-body);color:var(--ink);text-wrap:pretty}
.sw42{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;background:var(--paper-raised);padding:12px 14px;cursor:pointer}
.sw42 .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sw42 .a{font-weight:600;color:var(--ink)}.sw42 .b{font-size:14px;line-height:1.4;color:var(--ink-2);text-wrap:pretty}
.bk42{border:1px solid var(--line);border-radius:16px;background:var(--paper-raised);padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.bk42 .lb{font:700 12px var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.bk42 .tx{font-size:16px;line-height:1.45;color:var(--ink);text-wrap:pretty;overflow-wrap:anywhere}
.bk42 textarea.tx{width:100%;min-height:132px;resize:vertical;border:0;background:transparent;font:inherit;font-size:16px;line-height:1.45;padding:0;color:var(--ink)}
.bk42 textarea.tx:focus{outline:2px solid var(--focus,var(--kopi));outline-offset:4px;border-radius:6px}
.ac42{display:flex;gap:8px}.ac42 .btn{flex:1 1 0}
.cq42{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cq42 .bk42{align-items:center}
.th42{height:176px;display:grid;place-items:center}
.th42 img.cv42{height:176px;width:auto;aspect-ratio:1080/1350;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
.qr42{width:150px;height:150px;border-radius:12px;background:var(--qr-tile);border:1px solid var(--line);display:grid;place-items:center;padding:8px}
.qr42 img{width:100%;height:100%;display:block}
.col42{display:flex;flex-direction:column;gap:12px}
.g42{display:flex;flex-direction:column;gap:12px}
@media (min-width:1024px){
  .sheet.w42{width:820px}
  .g42{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:start}
  .g42 .cq42{grid-template-columns:minmax(0,1fr)}
}