@layer reset,tokens,base,layout,components,motion,utilities;@layer components{.tool__foot:has(.tool__actions){flex-wrap:wrap}.tool__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2xs) var(--space-xs);margin-inline-start:auto}.tool__actions .tool__copy{margin-inline-start:0}.tool__actions [hidden]{display:none}.tool__ascii{display:inline-flex;align-items:center;gap:var(--space-3xs, .25rem);min-block-size:2.75rem;font-size:var(--step--1);cursor:pointer}.tool__ascii input{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--brand)}.tool__plain.is-ascii{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;margin-block-end:var(--space-s)}.tool__image{padding:0 var(--space-s) var(--space-s) var(--space-m)}.tool__image[hidden]{display:none}.tool__image summary{cursor:pointer;font-size:var(--step--1);font-weight:700;min-block-size:2.75rem;display:flex;align-items:center}.tool__image-body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-xs)}.tool__image-body .tool__copy{margin-inline-start:0}.tool__image-body select{min-block-size:2.75rem;font:inherit}@media print{html.printing-cells body *{visibility:hidden}html.printing-cells #tool-cells,html.printing-cells #tool-cells *{visibility:visible}html.printing-cells #tool-cells{position:absolute;inset:0 auto auto 0}}}.crumbs{display:flex;flex-wrap:wrap;gap:.4em;margin:0 0 .75rem;padding:0;list-style:none;font-size:.9rem}.crumbs a{color:inherit}