.token-preview{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:28px;align-items:center}.token-details{min-width:0}.token-help{margin-top:12px;font-size:12px}.token-qr{margin:0;text-align:center}.token-qr>div{padding:6px;background:#fff;border:1px solid #dce3ee;border-radius:10px;min-height:190px;display:grid;place-items:center}.token-qr svg{display:block;width:190px;max-width:100%;height:auto;shape-rendering:crispEdges}.token-qr figcaption{font-size:12px;overflow-wrap:anywhere;margin-top:8px}.sticker-controls{border-top:1px solid #dce3ee;margin-top:22px;padding-top:18px}.sticker-controls h3{font-size:16px}.sticker-fields{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px}.sticker-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.sticker-fields input,.sticker-fields select{width:100%;min-width:0}.sticker-option{display:flex;align-items:center;gap:9px;margin:15px 0;font-size:12px}.sticker-option input{width:auto}.sticker-buttons{display:flex;gap:10px;flex-wrap:wrap}.sticker-controls small{display:block;max-width:700px;line-height:1.7}.sticker-controls button:disabled{opacity:.5;cursor:wait}#sticker-feedback{margin-top:12px;font-size:12px}#sticker-sheet{display:none}
.credential-box .sticker-option{display:flex;flex-direction:row;text-align:left;justify-content:flex-start}.credential-box .sticker-option input{flex:none;margin:0}
@media(max-width:680px){.token-preview{grid-template-columns:1fr}.token-qr{width:208px;justify-self:center}.sticker-fields{grid-template-columns:repeat(3,1fr)}.sticker-fields>label:first-child{grid-column:1/-1}.sticker-buttons button{width:100%}}
@page sticker-a4{size:A4;margin:8mm}
@page sticker-roll{size:70mm 45mm;margin:0}
@media print{
  body.print-ready{background:#fff!important;margin:0!important;color:#000!important}
  body.print-ready>*{display:none!important}
  body.print-ready>#sticker-sheet{display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:3mm;page:sticker-a4;margin:0;padding:0;width:100%}
  body.print-ready>#sticker-sheet.roll{display:block!important;page:sticker-roll}
  .sticker-label{width:var(--sticker-width,70mm);height:var(--sticker-height,45mm);box-sizing:border-box;display:flex;align-items:center;gap:2mm;border:.2mm dashed #b6b6b6;padding:3mm;background:#fff;color:#000;break-inside:avoid;overflow:hidden;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .roll .sticker-label{page:sticker-roll;border:0;break-after:page;margin:0}
  .roll .sticker-label:last-child{break-after:auto}
  .sticker-label .label-qr{flex:none;width:var(--sticker-qr,28mm);height:var(--sticker-qr,28mm);display:block;shape-rendering:crispEdges}
  .label-info{flex:1;min-width:0;font:7pt/1.2 Arial,sans-serif}
  .label-brand{font-size:6.5pt;font-weight:700;letter-spacing:.2pt;margin:0 0 1.4mm}
  .label-name{font-size:9pt;font-weight:700;line-height:1.15;max-height:7.4mm;overflow:hidden;overflow-wrap:anywhere;margin:0 0 1.4mm}
  .label-id{font:5.5pt/1.25 monospace;overflow-wrap:anywhere;margin:0 0 1mm}
  .label-token{font:5.8pt/1.2 monospace;overflow-wrap:anywhere;word-break:break-all;white-space:normal;margin:0}
  .label-caption{font:6pt/1.2 Arial,sans-serif;margin:1.3mm 0 0}
}