.app-utility-grid{gap:var(--space-200);display:grid}@media (min-width:40rem){.app-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-utility-tool{gap:var(--space-200);min-width:0;padding:var(--space-300);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.app-utility-tool .ui-converter-field input:where([type=number],[type=text],[type=datetime-local]){width:100%;min-height:var(--target-min);padding:var(--space-75) var(--space-100);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-ink);font-variant-numeric:tabular-nums}.app-utility-actions{gap:var(--space-100);flex-wrap:wrap;display:flex}.app-utility-result{gap:var(--space-75);padding:var(--space-200);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-xs);background:var(--color-paper);display:grid}.app-utility-result__label{color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.app-utility-result__value{color:var(--color-ink);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:700}.app-utility-result__meta{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.25rem}.app-utility-result__rows{gap:var(--space-75);margin-block:var(--space-0);display:grid}.app-utility-result__rows>div{gap:var(--space-25);display:grid}.app-utility-result__rows dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.app-utility-result__rows dd{color:var(--color-ink);font-size:var(--text-base);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-inline-start:var(--space-0);font-weight:700}@media (min-width:40rem){.app-utility-result__rows>div{grid-template-columns:minmax(7rem,auto) minmax(0,1fr);align-items:baseline}}@media (forced-colors:active){.app-utility-tool,.app-utility-result{border-color:canvastext}}