*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--la-font-ui);background:var(--la-page);color:var(--la-ink);line-height:var(--la-leading-body);-webkit-font-smoothing:antialiased}.db-hint{margin:0 0 var(--la-space-3);color:var(--la-ink-dim)}.db-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--la-space-2);margin:var(--la-space-3) 0}.db-field{width:100%}.db-field label{display:block;margin-bottom:.35rem;color:var(--la-ink-dim);font-size:var(--la-text-sm)}.db-range{width:100%;max-width:24rem;accent-color:var(--la-instrument)}.db-screen{display:flex;flex-direction:column;gap:2px;margin:var(--la-space-3) 0;padding:6px;border:1px solid var(--la-hairline-strong);border-radius:var(--la-radius-sm,4px);background:var(--la-sunken);max-width:30rem}.db-line{height:.6rem;border-radius:1px}.db-line[data-frame="1"]{background:var(--la-ink-dim);opacity:.55}.db-line[data-frame="2"]{background:var(--la-instrument)}.db-line[data-seam=yes]{box-shadow:0 -2px 0 0 var(--la-ink)}.db-said{margin:var(--la-space-3) 0 0;color:var(--la-ink-dim);font-size:var(--la-text-sm)}.db-table{width:100%;border-collapse:collapse;font-size:var(--la-text-sm)}.db-table td,.db-table th{text-align:left;padding:.35rem .6rem;border-bottom:1px solid var(--la-hairline);vertical-align:top}.db-table thead th{font-size:var(--la-text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--la-ink-dim);font-weight:600}.db-table td{font-family:var(--la-font-mono);font-size:.8rem;color:var(--la-ink-dim)}