.diff-view,.report-kv code{font-family:var(--font-mono, monospace)}.diff-view,.raw-data-pre{word-break:break-all;line-height:1.6}.barcode-scanners-card h4,.report-label,.report-title{font-weight:700;text-transform:uppercase}.decode-report-card{margin-top:1rem;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;background:var(--surface-2,rgba(255,255,255,.04));font-size:.85rem}.report-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--surface-3,rgba(255,255,255,.06));border-bottom:1px solid var(--border-color)}.report-title{font-size:.82rem;letter-spacing:.06em;color:var(--text-secondary)}.report-badge{padding:.2rem .7rem;border-radius:100px;font-size:.75rem;font-weight:700;letter-spacing:.04em}.report-badge.pass{background:rgba(0,200,100,.15);color:#00c864}.report-badge.fail{background:rgba(255,60,60,.15);color:#f44}.report-badge.warn{background:rgba(255,170,0,.15);color:#fa0}.report-badge.decoding{background:rgba(100,160,255,.15);color:#64a0ff}.report-body{padding:.75rem 1rem}.report-section{margin-bottom:.85rem}.report-section:last-child{margin-bottom:0}.report-label{font-size:.72rem;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.4rem}.report-kv{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;align-items:center}.diff-match,.report-kv span{color:var(--text-secondary)}.report-kv code{font-size:.82rem;color:var(--text-primary)}.report-kv code.ok,.report-row.report-ok{color:#00c864}.report-kv code.bad{color:#f44}.report-row{padding:.3rem 0;border-radius:4px}.report-row.report-error{color:#ff6060}.report-row.report-warn{color:#fa0}.report-hint{font-size:.78rem;color:var(--text-muted);margin:.25rem 0 0}.diff-view{font-size:.77rem;max-height:160px;overflow-y:auto;background:var(--surface-1,rgba(0,0,0,.2));border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem}.gen-state-rev,.raw-data-pre{font-family:var(--font-mono)}.diff-mismatch{color:#f44;background:rgba(255,60,60,.12);border-radius:2px;padding:0 1px;cursor:default}.diff-omit{color:var(--text-muted);font-style:italic}.generator-page{padding-top:80px;min-height:100vh;padding-bottom:5rem}.gen-header{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 0 2rem;gap:1rem;flex-wrap:wrap}.gen-state-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.2);border-radius:100px;font-size:.85rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem;letter-spacing:.01em}[data-theme=light] .gen-state-badge{background:rgba(0,102,255,.06);border-color:rgba(0,102,255,.18)}.gen-state-rev{font-size:.78rem;color:var(--text-muted)}.gen-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.state-quick-select select{font-size:.85rem;padding:.5rem 2.5rem .5rem .875rem}.gen-layout{display:grid;grid-template-columns:1fr 440px;gap:1.75rem;align-items:start}.generator-view{display:none}#statesView,.form-error.visible,.generator-view.active{display:block}.gen-form-card{padding:2rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.gen-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-subtle)}.gen-form-header h2{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}.form-group-full{grid-column:1/-1}.field-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);color:var(--accent-secondary);font-size:.65rem;cursor:help;margin-left:4px;vertical-align:middle;transition:var(--transition-fast)}.barcode-placeholder,.barcode-placeholder svg,.meta-label{color:var(--text-muted)}.field-info:hover{background:rgba(168,85,247,.18);border-color:var(--accent-secondary)}.gen-form-actions{display:flex;gap:.75rem;margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border-subtle)}.barcode-result-card,.tooltip{border:1px solid var(--border-card)}.gen-result-panel{position:sticky;top:80px;display:flex;flex-direction:column;gap:1.25rem}.meta-row,.result-header{display:flex;align-items:center}.barcode-result-card{padding:1.75rem;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.result-header{justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.result-header h3{font-size:.95rem;font-weight:700;margin:0;letter-spacing:-.01em}.result-actions{display:flex;gap:.5rem}.barcode-output{background:#fff;border-radius:var(--radius);min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.75rem;position:relative;overflow:hidden;margin-bottom:1.25rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.05)}[data-theme=light] .barcode-output{background:#f8f9ff;border:1px solid var(--border-color)}.barcode-placeholder{text-align:center;font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.barcode-placeholder svg{width:80px;height:60px;opacity:.5}.barcode-placeholder p{line-height:1.5;margin:0}#barcodeCanvas{max-width:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:crisp-edges;transform:translateZ(0);-webkit-transform:translateZ(0)}.barcode-meta{display:flex;flex-direction:column;gap:.6rem;padding-top:1.1rem;border-top:1px solid var(--border-subtle)}.meta-row{justify-content:space-between;font-size:.8rem}.meta-value,.raw-data-pre,.scanner-item,.tooltip{color:var(--text-secondary)}.meta-value{font-weight:600}.raw-data-pre{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1.1rem;font-size:.7rem;overflow-x:auto;white-space:pre-wrap;max-height:200px;overflow-y:auto}.scanner-list,.scanners-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.scanner-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.form-error,.tooltip{display:none;font-size:.75rem}.tooltip{position:fixed;background:var(--bg-card);border-radius:var(--radius-sm);padding:.5rem .875rem;pointer-events:none;z-index:5000;max-width:240px;box-shadow:var(--shadow);backdrop-filter:blur(12px);line-height:1.5}.btn-generating{position:relative;overflow:hidden}.btn-generating::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:1s infinite shimmer}@keyframes shimmer{to{left:100%}}.barcode-scanners-card{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius);box-shadow:var(--shadow-card)}.barcode-scanners-card h4{font-size:.75rem;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.875rem}.form-error{color:var(--accent-3);margin-top:.3rem}.mt-2{margin-top:1.5rem}.w-full{width:100%}#stateExtraFields:not(:empty){padding-top:1.25rem;border-top:1px solid var(--border-subtle);margin-top:1.25rem}@media (max-width:1100px){.gen-layout{grid-template-columns:1fr}.gen-result-panel{position:static}}@media (max-width:768px){.states-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:600px){.back-to-states-btn .btn-text{display:none}.back-to-states-btn svg{margin-right:0!important}.form-grid,.scanner-list,.scanners-list,.states-grid{grid-template-columns:1fr}.gen-form-actions{flex-direction:column}.gen-header{flex-direction:column;align-items:flex-start}.gen-form-card{padding:1.5rem}.barcode-result-card{padding:1.25rem}}