.tool-main{width:100%;margin-inline:auto}.tool-header .stamp,[data-port-content] code{overflow-wrap:anywhere}[data-port-content] [hidden]{display:none!important}.site-header h1{overflow-wrap:anywhere}.tool-main .copy-target code{overflow-wrap:anywhere;min-width:0}html.js .usage-filters{align-items:end;gap:var(--space-8);margin-block:var(--space-16);flex-wrap:wrap;display:flex}.usage-filters label{gap:var(--space-4);font-size:var(--font-size-ui-sm);display:grid}.usage-filters :is(input,select,button){min-height:var(--density-compact-control-height);border:var(--border-width-default) solid var(--color-border-control);background:var(--color-surface-input);max-width:24ch;padding-inline:var(--space-4)}.usage-filters input[type=checkbox]{min-height:var(--space-16);width:var(--space-16);accent-color:var(--color-interaction-focus-ring);margin:0;padding:0}.usage-section{margin-block:var(--space-24)}.usage-section h2{border-bottom:var(--border-width-default) solid var(--color-border-strong)}.usage-metadata{gap:var(--space-4) var(--space-8);grid-template-columns:minmax(8ch,16ch) minmax(0,1fr);display:grid}.usage-metadata dd{margin:0}.usage-table td:first-child{min-width:30ch}.usage-table td:last-child{min-width:24ch}.usage-source{overflow-wrap:anywhere}.usage-section [hidden]{display:none!important}html.js .recipe-copy{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.recipe-copy input{min-width:0;max-width:100%;font:inherit;color:var(--color-text-default);background:var(--color-surface-input);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none)}.recipe-copy input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.recipe-copy [role=status]{flex-basis:100%}html.js .kit-form{gap:var(--space-8);display:grid}.kit-form fieldset{border:var(--border-width-default) solid var(--color-border-default);min-width:0;padding:var(--space-12);margin:0}.kit-components{gap:var(--space-4) var(--space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,28ch),1fr));display:grid}.kit-components label{align-items:baseline;gap:var(--space-4);display:flex}.kit-fields{align-items:center;gap:var(--space-8);grid-template-columns:max-content minmax(0,1fr);display:grid}.kit-form :is(input,select,textarea),[data-kit-output]{min-width:0;max-width:100%;font:inherit;color:var(--color-text-default);background:var(--color-surface-input);border:var(--border-width-default) solid var(--color-border-control);border-radius:var(--radius-none)}.kit-form input[type=checkbox]{accent-color:var(--color-action-primary-bg)}.kit-form :is(input,select,textarea):focus-visible,[data-kit-output]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.kit-form textarea,[data-kit-output]{resize:vertical;width:100%}.kit-form [type=submit]{justify-self:start}[data-kit-result][hidden]{display:none}