.dropzone{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.dropzone--over{border-color:var(--color-accent-muted);background-color:var(--color-accent-surface)}.dropzone__label{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.dropzone__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.file-input{font:inherit;font-size:var(--text-sm);color:var(--color-text-secondary);max-inline-size:100%}.file-input::file-selector-button{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;margin-inline-end:calc(var(--spacing) * 3)}.files{margin:0;padding:0;list-style:none}.file{gap:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);border-block-start:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.file:last-child{border-block-end:1px solid var(--color-border-subtle)}.file__head{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.file__name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);overflow-wrap:anywhere}.file__meta{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.file__blocks{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.file__result{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;margin:0;display:flex}.alert{border-inline-start:2px solid var(--color-clay);font-size:var(--text-sm);color:var(--color-text);margin:0;padding-inline-start:calc(var(--spacing) * 3);font-weight:500}.compare{gap:calc(var(--spacing) * 4);grid-template-columns:1fr;display:grid}@media (width>=34rem){.compare{grid-template-columns:1fr 1fr}}.compare__cell{gap:calc(var(--spacing) * 2);flex-direction:column;min-inline-size:0;display:flex}.compare__label{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-surface-sunken);place-items:center;inline-size:100%;display:grid;overflow:hidden}.preview__canvas{object-fit:contain;block-size:100%;inline-size:100%}.preview__waiting{font-size:var(--text-xs);color:var(--color-text-muted)}.option--slider{gap:calc(var(--spacing) * 3);font-variant-numeric:tabular-nums}.slider{inline-size:calc(var(--spacing) * 40);max-inline-size:100%;accent-color:var(--color-accent-muted)}.slider:disabled{opacity:.45}.tool{gap:var(--space-block);flex-direction:column;display:flex}.tool__panels{gap:var(--space-block);grid-template-columns:1fr;display:grid}@media (width>=64rem){.tool__panels--split{grid-template-columns:1fr 1fr}}.panel{gap:calc(var(--spacing) * 2);flex-direction:column;min-inline-size:0;display:flex}.panel__head{justify-content:space-between;align-items:baseline;gap:calc(var(--spacing) * 3);min-block-size:calc(var(--spacing) * 8);flex-wrap:wrap;display:flex}.panel__label{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.panel__actions{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.field{inline-size:100%;min-block-size:calc(var(--spacing) * 40);padding:calc(var(--spacing) * 3);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical;tab-size:2}.field:focus-visible{border-color:var(--color-border-strong)}.field--output{white-space:pre;min-block-size:auto;margin:0;overflow:auto}.button{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;display:inline-flex}.button:hover:not(:disabled){color:var(--color-text);border-color:var(--color-border-strong)}.button:disabled{opacity:.45;cursor:default}.button--primary{color:var(--color-accent);border-color:var(--color-accent-muted)}.button--primary:hover:not(:disabled){color:var(--color-accent-hover)}.op-groups{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.op-group__label{font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);margin-block-end:calc(var(--spacing) * 2)}.op-group__buttons{gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.stats{gap:calc(var(--spacing) * 5);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.stats b{color:var(--color-text-secondary);font-weight:500}.notice{padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-border-subtle);background-color:var(--color-surface);color:var(--color-text-secondary)}.notice--error{border-inline-start:2px solid var(--color-clay);color:var(--color-text)}.notice--warn{border-inline-start:2px solid var(--color-clay);background-color:var(--color-clay-surface);color:var(--color-text)}.notice--ok{border-inline-start:2px solid var(--color-accent-muted);color:var(--color-text-secondary)}.claims{gap:0;margin:0;display:grid}.claims__row{gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-block-start:1px solid var(--color-border-subtle);grid-template-columns:minmax(7rem,12rem) 1fr;display:grid}.claims__row:last-child{border-block-end:1px solid var(--color-border-subtle)}.claims__key{font-size:var(--text-xs);color:var(--color-text-muted);gap:calc(var(--spacing) * 1);flex-direction:column;display:flex}.claims__raw{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-clay)}.claims__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0}.claims__date{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);margin-block-start:calc(var(--spacing) * 1);display:block}.options{align-items:center;gap:calc(var(--spacing) * 5);flex-wrap:wrap;display:flex}.option{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex}.option input{accent-color:var(--color-accent-muted)}.number-input{inline-size:calc(var(--spacing) * 20);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums}@media (width<=40rem){.claims__row{gap:calc(var(--spacing) * 1);grid-template-columns:1fr}}.switch{align-items:center;gap:calc(var(--spacing) * 4);border:0;margin:0;padding:0;display:inline-flex}.switch__legend{float:inline-start;font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted);padding-inline-end:calc(var(--spacing) * 3)}.select{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm)}.field--wrap{white-space:pre-wrap;overflow-wrap:anywhere}.diff{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);tab-size:2;margin:0;padding:0;list-style:none;overflow-x:auto}.diff__line{gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 3);grid-template-columns:3.5ch 3.5ch 2ch 1fr;min-inline-size:max-content;display:grid}.diff__number{color:var(--color-text-muted);font-size:var(--text-2xs);text-align:end;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;align-self:center}.diff__marker{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.diff__text{white-space:pre}.diff__line--add{background-color:var(--color-accent-surface)}.diff__line--add .diff__marker{color:var(--color-accent)}.diff__line--remove{background-color:var(--color-clay-surface)}.diff__line--remove .diff__marker{color:var(--color-clay)}.field--line{min-block-size:auto}.runs{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);margin:0;padding:0;list-style:none}.runs li{padding-block:calc(var(--spacing) * 1.5);border-block-end:1px solid var(--color-border-subtle)}.runs__utc{color:var(--color-text-muted)}.command{align-items:start;gap:calc(var(--spacing) * 2);grid-template-columns:minmax(0,1fr) auto;margin-block-start:calc(var(--spacing) * 3);display:grid}.command .stats{grid-column:1/-1}@media (width<=40rem){.command{grid-template-columns:minmax(0,1fr)}}.tool-page[data-astro-cid-7uekzp7f]{padding-block:var(--space-block) var(--space-section);gap:var(--space-block);flex-direction:column;display:flex}.tool-page__head[data-astro-cid-7uekzp7f]{gap:calc(var(--spacing) * 2);flex-direction:column;margin-block-end:calc(var(--spacing) * 2);display:flex}.tool-page__head[data-astro-cid-7uekzp7f] h1[data-astro-cid-7uekzp7f]{font-size:var(--text-3xl)}.tool-page__lede[data-astro-cid-7uekzp7f]{color:var(--color-text-secondary)}.crumbs-row[data-astro-cid-ycsfayq6]{padding-block-start:var(--space-block)}
