.pw-tool{width:min(100%, var(--content-width));margin-inline:auto}.pw-display-row{align-items:stretch;gap:.75rem;display:flex}.pw-display{letter-spacing:.03em;word-break:break-all;border-radius:var(--radius);background:#fafafa;border:1px solid #ccc;flex:1;min-width:0;padding:1.25rem 1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.5rem}.pw-copy-button{font:inherit;border-radius:var(--radius);flex-shrink:0;padding:0 1.25rem}.pw-regenerate-button{width:100%;font:inherit;border-radius:var(--radius);margin-top:.75rem;padding:.75rem 1rem;font-weight:600;display:block}.pw-strength{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.pw-strength-bar{background:#e6e6e6;border-radius:999px;flex:1;height:8px;overflow:hidden}.pw-strength-fill{background:#ccc;border-radius:999px;width:0%;height:100%;transition:width .2s,background .2s}.pw-strength-label{text-align:right;flex-shrink:0;min-width:90px;font-size:.9rem;font-weight:600}.pw-note{color:#b26a00;min-height:1.25rem;margin-top:.5rem;font-size:.85rem}.pw-options{margin-top:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.option-block{border-radius:var(--radius);border:1px solid #ddd;padding:1rem}.option-label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;display:flex}.option-value{color:#444;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.pw-options input[type=range]{width:100%}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.checkbox-item{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.checkbox-item:not(:last-child){margin-bottom:.5rem}.checkbox-grid .checkbox-item{margin-bottom:0}.checkbox-item input[type=checkbox]{flex-shrink:0}.checkbox-item input[type=checkbox]:disabled{accent-color:#999}.option-hint{color:#777;font-size:.8rem}.pw-info{width:min(100%, var(--content-width));margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid #eee}.pw-info h2{margin-top:0;font-size:1.1rem}.pw-info p{color:#444;margin:0 0 1rem}.pw-info p:last-child{margin-bottom:0}@media (width<=700px){.pw-display{font-size:1.15rem}.pw-strength-label{min-width:80px}}
