/* Everyday utility widgets: forms, timers, images, QR. */
.ed-face { font-size: clamp(2.4rem, 8vw, 3.4rem); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; margin: 0; text-align: center; }
.ed-diff { display: grid; gap: 2px; max-height: 24rem; overflow: auto; }
.ed-diff-row { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.ed-diff-row pre { margin: 0; padding: 0.2rem 0.45rem; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--bg); border-radius: 4px; font: 0.8rem/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.ed-diff-row.is-diff pre { background: color-mix(in srgb, var(--star) 18%, var(--bg)); }
.ed-swatch { height: 64px; border-radius: var(--radius-sm); border: 1px solid var(--border); }
.ed-sample { margin: 0; padding: 1rem; border-radius: var(--radius-sm); font-size: 1.25rem; font-weight: 600; }
.ed-video { width: 100%; max-height: 320px; background: #111; border-radius: var(--radius-sm); }
.wt-file { display: grid; gap: 0.35rem; font-size: 0.82rem; color: var(--text-2); }
.tool .ed-out { min-height: 6rem; }