.out{align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--np-border);border-radius:var(--r-md);background:var(--np-surface);display:flex}.out__value{overflow-wrap:anywhere;min-inline-size:0;font-family:var(--font-mono);text-align:start;direction:ltr;flex:1;padding:8px 10px;font-size:clamp(1.0625rem,.95rem + .6vw,1.375rem);line-height:1.45}.out__value .d{color:var(--np-accent)}.out__value .s{color:var(--np-warning,#a15c00)}.out__buttons{flex:none;gap:6px;display:flex}.icon-btn{border:1px solid var(--np-border);border-radius:var(--r-sm,10px);background:var(--np-bg);min-block-size:44px;min-inline-size:44px;color:var(--np-text);font:inherit;font-size:var(--fs-small);cursor:pointer;transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.icon-btn:hover{border-color:var(--np-accent)}.icon-btn--primary{border-color:var(--np-accent);background:var(--np-accent);color:var(--np-on-accent)}@media (width<=480px){.out{flex-direction:column;align-items:stretch}.out__buttons>*{flex:1}}.meter{align-items:center;gap:var(--s-3);font-size:var(--fs-small);margin-block-start:var(--s-4);display:flex}.meter__bar{background:var(--np-surface);border-radius:999px;flex:1;block-size:8px;overflow:hidden}.meter__fill{border-radius:inherit;background:var(--np-accent);block-size:100%;inline-size:0;transition:inline-size var(--t-med,.24s) var(--ease), background var(--t-fast) var(--ease);display:block}.meter__fill[data-level=weak]{background:var(--np-danger,#b42318)}.meter__fill[data-level=fair]{background:var(--np-warning,#a15c00)}.meter__text{min-inline-size:12ch;color:var(--np-text-muted);text-align:end}.controls{gap:var(--s-5);border-block-start:1px solid var(--np-border);margin-block-start:var(--s-6);padding-block-start:var(--s-5);display:grid}.control-row{align-items:center;gap:var(--s-2) var(--s-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.control-row label{font-weight:600}.control-row output{min-inline-size:3ch;font-family:var(--font-mono);text-align:end;font-weight:600}.control-row input[type=range]{inline-size:100%;accent-color:var(--np-accent);grid-column:1/-1}.checks{gap:var(--s-3);border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));margin:0;padding:0;display:grid}.checks legend{margin-block-end:var(--s-3);padding:0;font-weight:600}.check{min-block-size:44px;padding:0 var(--s-3);border:1px solid var(--np-border);border-radius:var(--r-sm,10px);cursor:pointer;align-items:center;gap:10px;display:flex}.check:has(input:checked){border-color:color-mix(in srgb, var(--np-accent) 50%, var(--np-border));background:var(--np-accent-surface)}.check input{block-size:18px;inline-size:18px;accent-color:var(--np-accent)}.field{gap:var(--s-2);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.field label{font-weight:600}.field input[type=text],.field input[type=password],.field select{border:1px solid var(--np-border-strong,var(--np-border));border-radius:var(--r-sm,10px);background:var(--np-bg);min-block-size:48px;color:var(--np-text);font:inherit;padding:0 14px}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--np-accent);outline-offset:1px}.result{gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--np-surface);margin-block-start:var(--s-5);display:flex}.result[hidden]{display:none}.result svg{flex:none;margin-block-start:3px}.result--bad{background:var(--np-danger-surface,#fdecea)}.result--bad svg{color:var(--np-danger,#b42318)}.result--good{background:var(--np-accent-surface)}.result--good svg{color:var(--np-accent)}.tool-section[data-astro-cid-5ipy3lzm]{padding-block-start:0}.tool[data-astro-cid-5ipy3lzm]{border:1px solid var(--np-border);border-radius:var(--r-xl,24px);background:var(--np-bg);box-shadow:var(--site-shadow-2);padding:clamp(20px,4vw,36px)}.tool-private[data-astro-cid-5ipy3lzm]{color:var(--np-text-muted);font-size:var(--fs-small);text-align:center;margin-block-start:var(--s-4)}.how-title[data-astro-cid-5ipy3lzm]{font-size:var(--fs-h3);margin-block-end:var(--s-5)}
