.rl-tool{display:grid;gap:1.5rem;margin:2rem 0}
.rl-tool label{display:block;font-weight:600;margin-bottom:.35rem}
.rl-tool input[type="text"]{width:100%;max-width:38rem;padding:.7rem .8rem;border:1px solid #b9ad97;border-radius:6px;font:inherit;background:#fff}
.rl-hint{font-size:.9rem;opacity:.8;margin:.35rem 0 0}
.rl-error{color:#8a1c1c;font-weight:600;min-height:1.4em;margin:0}
.rl-result[hidden]{display:none}
.rl-url{display:block;word-break:break-all;padding:.7rem .8rem;background:#fff;border:1px solid #d8cfbd;border-radius:6px;margin:.5rem 0 1rem}
.rl-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}
.rl-preview{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;margin-top:1.5rem}
.rl-qr{width:220px;height:220px;image-rendering:pixelated;background:#fff;border:1px solid #d8cfbd}
.rl-howto li{margin-bottom:.6rem}
.rl-print-area{display:none}
.rl-sheet{background:#fff;color:#111;border:2px solid #111;text-align:center;box-sizing:border-box}
.rl-sheet img{display:block;margin:0 auto}
.rl-sheet--card{width:105mm;height:148mm;padding:10mm}
.rl-sheet--card h2{font-size:22pt;margin:0 0 4mm}
.rl-sheet--card p{font-size:13pt;margin:0 0 6mm}
.rl-sheet--card img{width:70mm;height:70mm}
.rl-sheet--sticker{width:210mm;height:148mm;padding:12mm;display:flex;align-items:center;gap:10mm;text-align:left}
.rl-sheet--sticker img{width:80mm;height:80mm;flex:none}
.rl-sheet--sticker h2{font-size:28pt;margin:0 0 3mm}
.rl-sheet--sticker p{font-size:16pt;margin:0}
.rl-small{font-size:9pt!important;margin-top:6mm!important}
@page card{size:105mm 148mm;margin:0}
@page sticker{size:210mm 148mm;margin:0}
@media print{
  body.rl-printing>*:not(.rl-print-area){display:none!important}
  body.rl-printing .rl-print-area{display:block}
  .rl-print-area .rl-sheet{display:none}
  body.rl-print-card .rl-sheet--card{display:block;page:card}
  body.rl-print-sticker .rl-sheet--sticker{display:flex;page:sticker}
}