.background-workspace{align-items:start}.background-workspace .editor,.background-results{min-width:0}.background-workspace fieldset{border:0;padding:0;margin:16px 0;min-width:0}.background-workspace legend{font-size:13px;margin-bottom:10px}.background-workspace label{display:block;margin-top:14px}.background-workspace input[type=color]{width:56px;height:40px;padding:2px;border:1px solid var(--line);border-radius:5px;background:white}.background-workspace input[type=number],.background-workspace select,.background-workspace textarea{width:100%;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:5px;background:white;color:inherit;font:inherit}.background-workspace textarea{resize:vertical}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.swatch{min-height:38px;border:2px solid #bbb;border-radius:5px;cursor:pointer;font-size:11px;color:#fff}.swatch.blue{background:#1a56db}.swatch.black{background:#000}.swatch.white{background:#fff;color:#141414}.swatch.green{background:#16a34a}.swatch.red{background:#dc2626}.swatch.amber{background:#f59e0b}.swatch.purple{background:#7c3aed}.swatch.cyan{background:#0891b2}.swatch[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green)}.toggle{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px}.mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.background-results figure{margin:0 0 12px}.background-results figcaption{font-size:13px;margin-bottom:8px}.background-results canvas{display:block;width:100%;height:auto}.background-results #preview{aspect-ratio:16/9;touch-action:none;cursor:grab}.measured-previews{display:grid;grid-template-columns:minmax(0,215px) minmax(0,500px);gap:16px;align-items:start}.measured-preview{max-width:100%;overflow-x:auto}.measured-preview canvas{width:215px;max-width:none;height:120.9375px}.measured-preview.search canvas{width:500px;height:281.25px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metric-card{border:1px solid var(--line);border-radius:6px;padding:12px;background:white}.metric-card dt{font-size:13px;font-weight:700;margin-bottom:6px}.metric-card dd{margin:0 0 6px;font-size:13px}.metric-card .verdict{font-weight:700}.metric-card.readable{border-color:var(--green)}.metric-card.hard{border-color:#d64545}.rule-note,.source-note,.privacy{font-size:13px;overflow-wrap:anywhere}.background-notes{margin-top:36px}.background-notes h3{font-size:16px;margin-top:20px}.background-notes li{margin-bottom:8px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}#jpg[hidden]{display:none}#error,#status{overflow-wrap:anywhere}.background-results button{min-height:44px;width:100%;font:inherit;cursor:pointer;margin-top:8px}@media(max-width:760px){.background-workspace{grid-template-columns:minmax(0,1fr)}.background-results{grid-row:1}.background-workspace .editor{grid-row:2}.measured-previews{grid-template-columns:minmax(0,215px)}.metric-grid{grid-template-columns:minmax(0,1fr)}.heading .sub{font-size:14px}.background-notes{grid-template-columns:minmax(0,1fr)}.site-nav a{white-space:normal}}