.barcode-tool{--color-danger:#b42318;--barcode-danger:#b42318;gap:var(--space-8);display:grid}.barcode-tool [hidden]{display:none!important}.barcode-form{gap:var(--space-6);display:grid}.barcode-form h2{margin:0}.barcode-form__intro{color:var(--color-text-muted);margin:0;line-height:1.65}.barcode-formats{gap:var(--space-3);border:0;margin:0;padding:0;display:grid}.barcode-formats legend{padding:0;font-size:1.05rem;font-weight:700}.barcode-format-options{gap:var(--space-3);display:grid}.barcode-format-option{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);cursor:pointer;align-items:flex-start;display:flex}.barcode-format-option:hover{border-color:var(--color-ink)}.barcode-format-option:has(input:checked){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.barcode-format-option input{width:1.15rem;height:1.15rem;accent-color:var(--color-ink);flex-shrink:0;margin:.2rem 0 0}.barcode-format-option>span{gap:var(--space-1);min-width:0;display:grid}.barcode-format-option strong{font-size:.95rem}.barcode-format-option>span>span{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.barcode-form textarea{width:100%;min-height:11rem;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6}.barcode-form textarea:hover,.barcode-form textarea:focus-visible{border-color:var(--color-ink)}.barcode-form textarea[aria-invalid=true]{border-color:var(--barcode-danger)}.barcode-file input[type=file]{min-height:44px;padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);font-size:.9rem}.barcode-file__status{min-height:1.5em;color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.barcode-form__share-help{max-width:42rem}.barcode-form__noscript{padding:var(--space-4);border-left:3px solid var(--color-warning);background:var(--color-surface-muted);color:var(--color-ink);margin:0}.barcode-results{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);display:grid}.barcode-results__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.barcode-results__head h2{margin:0;font-size:1.5rem}.barcode-results__head p{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.6}.barcode-results__status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-action);color:var(--color-ink);margin:0;font-size:.875rem;font-weight:650;line-height:1.5}.barcode-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.barcode-results__note{max-width:46rem}.barcode-table-wrap{border:1px solid var(--color-line);border-radius:var(--radius-card);overflow-x:auto}.barcode-table{border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.barcode-table caption{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface-muted);text-align:left;font-weight:700}.barcode-table th,.barcode-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:middle}.barcode-table th{background:var(--color-surface-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:750}.barcode-table tbody tr:last-child td{border-bottom:0}.barcode-table__symbol{width:24rem;min-width:18rem}.barcode-cell{place-items:start;width:100%;max-width:22rem;display:grid}.barcode-svg{background:#fff;width:100%;height:auto;display:block}.barcode-table__value{word-break:break-word;min-width:12rem}.barcode-input{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:650;display:block}.barcode-encoded{margin-top:var(--space-1);color:var(--color-text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;display:block}.barcode-cell-label{display:none}.barcode-empty{padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-muted);color:var(--color-text-muted);margin:0;line-height:1.6}.barcode-errors{padding:var(--space-4);border-left:3px solid var(--barcode-danger);background:var(--color-surface-muted)}.barcode-errors h3{margin:0 0 var(--space-2);font-size:1rem}.barcode-errors ul{gap:var(--space-2);color:var(--barcode-danger);margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.55;display:grid}.barcode-errors li{overflow-wrap:anywhere}.barcode-download-status{min-height:1.5em;color:var(--color-ink);margin:0;font-size:.875rem;font-weight:650;line-height:1.5}.barcode-privacy{font-size:.9rem!important}.barcode-guide,.barcode-sources,.barcode-faq,.related-next{margin-top:var(--space-12)}.barcode-guide table{font-size:.9rem}.barcode-guide table code,.barcode-guide table td:first-child{white-space:nowrap}.barcode-faq h2{margin-bottom:var(--space-4)}.source-list{gap:var(--space-2);margin:var(--space-4) 0 0;padding-left:1.2rem;display:grid}.source-list li{margin:0}.source-list span{color:var(--color-text-muted);font-size:.85rem}.related-next ul{gap:var(--space-3);margin:0;padding-left:1.2rem;display:grid}@media (width>=760px){.barcode-format-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=939px){.barcode-table-wrap{border:0;border-radius:0;overflow:visible}.barcode-table{min-width:0;font-size:.9rem}.barcode-table caption{width:100%;margin-bottom:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);box-sizing:border-box;display:block}.barcode-table thead{display:none}.barcode-table,.barcode-table tbody,.barcode-table tr,.barcode-table td{width:100%;display:block}.barcode-table tr{margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card)}.barcode-table td{border:0;padding:0}.barcode-table td+td{margin-top:var(--space-3)}.barcode-table__symbol,.barcode-table__value{width:auto;min-width:0}.barcode-cell{max-width:100%}.barcode-cell-label{margin-bottom:var(--space-1);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:750;display:block}}@media (width>=900px){.barcode-results__head{align-items:center}}