bcrypt-playground{--bcrypt-bg:#f8fafc;--bcrypt-input:#fff;--bcrypt-text:#172033;--bcrypt-muted:#475569;--bcrypt-border:#94a3b8;--bcrypt-version:#155e75;--bcrypt-cost:#9a3412;--bcrypt-salt:#16675b;--bcrypt-result:#805500;border:1px solid var(--bcrypt-border);background:var(--bcrypt-bg);color:var(--bcrypt-text);overflow-wrap:anywhere;color-scheme:light;border-radius:4px;margin-block:2rem;padding:clamp(.875rem,3vw,1.5rem);font-size:1rem;line-height:1.6;display:block}.dark bcrypt-playground{--bcrypt-bg:#20252d;--bcrypt-input:#171b22;--bcrypt-text:#f1f5f9;--bcrypt-muted:#cbd5e1;--bcrypt-border:#64748b;--bcrypt-version:#91d6ed;--bcrypt-cost:#ffb89c;--bcrypt-salt:#88ddc8;--bcrypt-result:#f4d27d;color-scheme:dark}bcrypt-playground [hidden]{display:none!important}bcrypt-playground .bcrypt-warning{border-left:3px solid var(--bcrypt-cost);margin:0 0 1rem;padding-left:.75rem;font-weight:600}bcrypt-playground .bcrypt-note{color:var(--bcrypt-muted);margin-block:.75rem;font-size:.875rem}bcrypt-playground label{font-weight:600;display:block}bcrypt-playground textarea{box-sizing:border-box;border:1px solid var(--bcrypt-border);background:var(--bcrypt-input);width:100%;color:var(--bcrypt-text);resize:vertical;border-radius:4px;margin-top:.5rem;padding:.75rem;font:.875rem/1.7 monospace;display:block}bcrypt-playground .bcrypt-controls{flex-wrap:wrap;gap:.5rem;margin-block:.75rem;display:flex}bcrypt-playground button{border:1px solid var(--bcrypt-border);background:var(--bcrypt-input);min-height:44px;color:var(--bcrypt-text);cursor:pointer;border-radius:4px;padding:.5rem .75rem;font-size:.875rem}bcrypt-playground button:hover{border-color:currentColor}bcrypt-playground :is(button,textarea):focus-visible{outline:2px solid var(--bcrypt-version);outline-offset:3px}bcrypt-playground #bcrypt-status{margin-block:1rem;font-size:.875rem}bcrypt-playground .bcrypt-segments{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}bcrypt-playground [data-part]{text-align:left;border-top:3px solid;min-width:0}bcrypt-playground [data-part="0"]{color:var(--bcrypt-version)}bcrypt-playground [data-part="1"]{color:var(--bcrypt-cost)}bcrypt-playground [data-part="2"]{color:var(--bcrypt-salt);grid-column:1/-1}bcrypt-playground [data-part="3"]{color:var(--bcrypt-result);grid-column:1/-1}bcrypt-playground [aria-pressed=true]{box-shadow:inset 0 0 0 1px}bcrypt-playground .bcrypt-part-name{font-weight:700;display:block}bcrypt-playground code{overflow-wrap:anywhere;color:inherit;margin-block:.5rem;font:.8rem/1.7 monospace;display:block}bcrypt-playground code:before,bcrypt-playground code:after{content:none}bcrypt-playground .bcrypt-length{color:var(--bcrypt-muted);font-size:.75rem;display:block}bcrypt-playground .bcrypt-explanation{border-top:1px solid var(--bcrypt-border);margin-top:1rem;padding-top:1rem}bcrypt-playground .bcrypt-explanation p{margin:.5rem 0 0}@media (width>=768px){bcrypt-playground .bcrypt-segments{grid-template-columns:max-content max-content minmax(0,22fr) minmax(0,31fr)}bcrypt-playground [data-part]{grid-column:auto}}