.tlb-qrb,.tlb-qrb *{box-sizing:border-box}.tlb-qrb{gap:var(--space-5);padding:var(--space-6);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.tlb-qrb__stack{gap:var(--space-4);flex-direction:column;display:flex}.tlb-qrb__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.tlb-qrb__grid--compact{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.tlb-qrb__field{gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex-direction:column;display:flex}.tlb-qrb__control{width:100%;min-height:var(--min-touch-target);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit}.tlb-qrb__textarea{resize:vertical;overflow-wrap:anywhere;min-height:7rem}.tlb-qrb__color{width:100%;min-height:var(--min-touch-target);padding:var(--space-1);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface)}.tlb-qrb__check{min-height:var(--min-touch-target);align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.tlb-qrb__check input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.tlb-qrb__control:focus-visible,.tlb-qrb__color:focus-visible,.tlb-qrb__check input:focus-visible,.tlb-qrb__button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-color:var(--color-primary)}.tlb-qrb__preview,.tlb-qrb__barcode-preview{place-items:center;gap:var(--space-3);min-height:20rem;padding:var(--space-4);color:var(--color-text);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;overflow:auto}.tlb-qrb__preview canvas{max-width:100%;height:auto;image-rendering:pixelated;display:block}.tlb-qrb__barcode-preview{min-height:12rem}.tlb-qrb__barcode-preview svg{max-width:100%;height:auto;display:block}.tlb-qrb__toolbar{gap:var(--space-3);flex-wrap:wrap;display:flex}.tlb-qrb__button{min-height:var(--min-touch-target);padding:0 var(--space-5);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer}.tlb-qrb__button--primary{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));border-color:#0000}.tlb-qrb__button:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}.tlb-qrb__button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.tlb-qrb__error,.tlb-qrb__warning,.tlb-qrb__empty,.tlb-qrb__notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin:0}.tlb-qrb__error{color:var(--color-destructive);background:var(--color-destructive-tint)}.tlb-qrb__warning{color:var(--color-warning);background:var(--color-warning-tint)}.tlb-qrb__empty,.tlb-qrb__notice{color:var(--color-text-muted);background:var(--color-bg-subtle)}.tlb-qrb__empty{border:1px dashed var(--color-border-strong)}.tlb-qrb__notice{font-size:var(--text-sm)}.tlb-qrb__result{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.tlb-qrb__result>div,.tlb-qrb__result>label{min-width:0;padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-wrap:anywhere}.tlb-qrb__result span{color:var(--color-text-muted);font-size:var(--text-sm)}.tlb-qrb__result output{margin-top:var(--space-2);font-weight:var(--font-weight-bold);display:block}@media (max-width:700px){.tlb-qrb{padding:var(--space-4)}.tlb-qrb__grid{grid-template-columns:1fr}.tlb-qrb__preview{min-height:15rem}}@media (prefers-reduced-motion:reduce){.tlb-qrb__button{transition:none}.tlb-qrb__button:hover{transform:none}}