.header-tools{margin-left:auto;font-size:13px;color:var(--muted)}.utility-page .panel-toolbar h2{margin:0;font-size:14px}.utility-page textarea{height:300px;overflow-wrap:anywhere}.utility-page input:not([type=checkbox]):not([type=color]){width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid var(--border);border-radius:6px;background:white;font:14px var(--mono);color:var(--ink)}.utility-fields{display:grid;gap:15px;padding:22px}.utility-fields label{font-size:14px}.check-label{display:flex;gap:10px;align-items:center}.check-label input{width:18px;height:18px;accent-color:var(--blue)}.utility-options{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 22px}.utility-options label{display:grid;gap:9px;min-width:180px;font-size:13px}.utility-options select{font:14px var(--mono)}.utility-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.utility-page .panel-bottom{justify-content:flex-start;flex-wrap:wrap}.utility-page .privacy-note{max-width:100%}.qr-preview{height:300px;padding:18px;display:flex;justify-content:center;align-items:center;background:white}.qr-preview p{color:var(--muted);font-size:14px}.qr-preview canvas{max-height:100%;max-width:100%;width:auto;object-fit:contain;image-rendering:pixelated}.counter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border)}.counter-grid>div{display:grid;gap:12px;padding:22px;background:white}.counter-grid span{font-size:13px;color:var(--muted)}.counter-grid output{font:600 26px var(--mono);overflow-wrap:anywhere}.hex-field{display:flex;gap:12px}.hex-field input[type=color]{width:54px;height:44px;padding:4px;border:1px solid var(--border);border-radius:6px;background:white}.hex-field input[type=text]{flex:1}#contrast-preview{padding:32px;min-height:270px;overflow-wrap:anywhere}#contrast-preview p{font-size:16px;line-height:1.8;margin:0 0 20px}#contrast-preview .preview-large{font-size:24px;font-weight:400}.preview-chip{display:inline-block;border:2px solid currentColor;border-radius:6px;padding:8px 14px}.contrast-results{margin-top:24px}.ratio-card{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid var(--border);border-radius:8px;background:white}.ratio-card>span{color:var(--muted);font-size:14px}.ratio-card output{font:600 36px var(--mono)}.criteria-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px}.criteria-grid>div{border:1px solid var(--border);border-radius:8px;padding:18px;background:white;display:grid;gap:10px;font-size:13px}.criteria-grid small{color:var(--muted)}.pass{color:#176844}.fail{color:#a13429}@media(max-width:800px){.criteria-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.utility-page textarea{height:220px}.utility-fields{padding:18px}.utility-options{gap:12px}.utility-options label{flex:1;min-width:140px}.qr-preview{height:280px}.counter-grid>div{padding:17px}.counter-grid output{font-size:23px}.criteria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-card output{font-size:30px}.header-tools{font-size:12px}}