/* In-browser build page. Extends ../../assets/style.css; nothing external. */
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.picker { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 14px; }
button.btn, label.btn { font: inherit; font-weight: 600; cursor: pointer; }
button.btn:disabled { opacity: .6; cursor: progress; }
input:focus-visible + label, #files:focus-visible { outline: 2px solid var(--accent); }
.samples summary { cursor: pointer; color: var(--accent); }
.sample-links { columns: 2 16em; padding-left: 18px; }
.sample-links a { font-size: 14px; }
#read-table td { font-size: 14px; }
#read-table .ok { color: var(--good); font-weight: 600; }
#read-table .no { color: var(--warn); font-weight: 600; }
#read-table details { margin-top: 4px; }
#read-table details li { color: var(--muted); }
.tiles { display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0 16px; }
.tile { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 10px 14px; min-width: 130px; display: flex; flex-direction: column; }
.tile strong { font-size: 24px; }
.tile span { color: var(--muted); font-size: 14px; }
.note.good { background: var(--good-soft); color: var(--good); }
.downloads a { margin-right: 14px; font-size: 14px; }
#dash { height: 80vh; }
#dash-switch { display: flex; gap: 8px; margin: 8px 0 12px; }
#dash-switch button[aria-pressed="true"] { background: var(--accent); color: var(--accent-ink); }