.tool-main{min-inline-size:0}.crumbs a{color:inherit}.error{color:var(--nb-berry);font-weight:700}.faq details{padding-block:10px;border-block-end:1px solid var(--nb-rule)}.faq summary{cursor:pointer;font-weight:700}.faq p{margin-block:8px 0;color:var(--nb-muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.inline{display:inline-flex;align-items:center;gap:6px}.stack{display:grid;gap:8px;margin-block-start:8px}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.pane{display:grid;gap:6px;margin:0;min-inline-size:0}.pane-head{font-weight:600;display:flex;gap:8px;align-items:baseline}.code,textarea,select,input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file]){font:inherit;padding-block:8px;padding-inline:10px;border-radius:8px;border:1px solid var(--nb-rule);background:var(--nb-bg);color:var(--nb-ink);min-inline-size:0}.code{font-family:var(--nb-font-mono);font-size:.85rem}textarea.code{inline-size:100%;min-block-size:360px;resize:vertical;white-space:pre;overflow:auto;tab-size:2}textarea.code.short{min-block-size:120px;white-space:pre-wrap;overflow-wrap:anywhere}pre.code{margin:0;overflow:auto;max-block-size:360px}.btn-file{position:relative}.btn-file input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.tag{display:inline-block;font-size:.8rem;font-weight:600;border-radius:999px;padding-block:2px;padding-inline:10px;border:1px solid var(--nb-rule);white-space:nowrap}.tag.good{border-color:var(--nb-mint);color:inherit;background:color-mix(in srgb,var(--nb-mint) 18%,transparent)}.tag.bad{border-color:var(--nb-berry);color:var(--nb-berry)}.digests,.findings{list-style:none;padding:0;margin:0;display:grid;gap:8px}.digests li,.findings li{display:grid;grid-template-columns:max-content 1fr max-content;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--nb-rule);border-radius:10px}.digests code,.findings code{overflow-wrap:anywhere;font-size:.85rem}.digests .algo{font-weight:600;min-inline-size:90px}.digests li.is-match{border-color:var(--nb-mint)}.findings li.is-sensitive{border-color:var(--nb-berry)}@media(max-width:520px){.digests li,.findings li{grid-template-columns:1fr;gap:4px}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.form-grid label,.color-field{display:grid;gap:6px;min-inline-size:0}.color-field .inline{display:flex;min-inline-size:0}.color-field .code{flex:1;min-inline-size:0}input[type=color]{inline-size:44px;block-size:38px;padding:2px;border:1px solid var(--nb-rule);border-radius:8px;background:transparent}.icon-previews{display:flex;flex-wrap:wrap;gap:20px;align-items:end}.icon-previews figure{margin:0;display:grid;justify-items:center;gap:6px}.icon-previews figcaption{font-size:.8rem;color:var(--nb-muted)}.icon-previews canvas{image-rendering:pixelated;max-inline-size:100%}.icon-previews canvas.round{border-radius:50%}.svg-compare img{inline-size:100%;max-block-size:280px;object-fit:contain;background:repeating-conic-gradient(var(--nb-rule) 0 25%,transparent 0 50%) 0 0 / 16px 16px;border-radius:8px}.contrast-sample{padding:20px;border-radius:var(--nb-radius-md);border:1px solid var(--nb-rule)}.contrast-sample p{margin:0}.contrast-sample .big{font-size:24px;font-weight:700;margin-block-end:8px}.ratio{font-size:2.4rem;font-weight:800;margin:0;font-variant-numeric:tabular-nums}.swatch{display:inline-block;inline-size:18px;block-size:18px;border-radius:4px;vertical-align:middle;border:1px solid var(--nb-rule)}canvas.mockup{max-inline-size:100%;cursor:crosshair;border-radius:8px}.preview{inline-size:100%;max-block-size:420px;border-radius:8px;background:#000;object-fit:contain}img.preview{background:transparent;inline-size:auto;max-inline-size:100%}.rec-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.rec-dot{inline-size:12px;block-size:12px;border-radius:50%;background:var(--nb-berry);animation:rec-blink 1s steps(2) infinite}.timer{font-variant-numeric:tabular-nums;min-inline-size:110px}.btn.rec{background:var(--nb-berry);color:#fff}@keyframes rec-blink{50%{opacity:.2}}.no-limits{font-weight:600}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.opt-group{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.opt-group legend{font-weight:800;margin-block-end:8px;padding:0}.result,.working{display:grid;gap:12px}.result p,.working p,.state h2{margin:0}.tool>.btn.ghost{justify-self:start}