.pg-app{background:#f6f9fb;border:1px solid #c9e6db;border-radius:18px;padding:26px;margin:26px auto;max-width:800px;box-shadow:0 8px 30px #082e4912}
.pg-app[hidden],.pg-fallback[hidden]{display:none}
.blog-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pg-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.pg-output{flex:1 1 260px;min-width:0;font:600 1.25rem/1.4 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;letter-spacing:.03em;padding:14px 16px;border:2px solid #bcd3de;border-radius:12px;background:#fff;color:#082f4a;word-break:break-all}
.pg-output:focus{outline:3px solid #159b70;outline-offset:2px}
.pg-btn{appearance:none;border:0;border-radius:12px;padding:12px 20px;font-family:inherit;font-weight:700;font-size:.98rem;line-height:1.2;cursor:pointer;background:#087655;color:#fff}
.pg-btn:hover{background:#06604a}
.pg-btn:focus-visible{outline:3px solid #159b70;outline-offset:3px}
.pg-btn:disabled{background:#9db3ad;cursor:not-allowed}
.pg-btn-alt{background:#082f4a}
.pg-btn-alt:hover{background:#05223a}
.pg-meter{height:12px;border-radius:8px;background:#dbe6ec;overflow:hidden;margin:18px 0 6px}
.pg-meter-bar{height:100%;width:0;border-radius:8px;transition:width .2s}
.pg-lvl-0{width:0}
.pg-lvl-1{width:20%;background:#c0392b}
.pg-lvl-2{width:40%;background:#d68910}
.pg-lvl-3{width:60%;background:#8aa51d}
.pg-lvl-4{width:80%;background:#159b70}
.pg-lvl-5{width:100%;background:#087655}
.pg-strength{font-weight:700;color:#082f4a;margin:0 0 4px}
.pg-status{min-height:1.4em;color:#07573e;font-weight:600;margin:4px 0 0}
.pg-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:18px 0 8px;padding:0;border:0}
.pg-opts legend{font-weight:700;color:#082f4a;margin-bottom:8px;padding:0}
.pg-opts label,.pg-length-row label{display:flex;gap:8px;align-items:center;color:#18394c}
.pg-opts input[type=checkbox]{width:18px;height:18px;accent-color:#087655}
.pg-length-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0 6px}
.pg-length-row input[type=range]{flex:1 1 200px;accent-color:#087655}
.pg-length-row input[type=number]{width:76px;padding:8px;border:1px solid #bcd3de;border-radius:8px;font:inherit}
.pg-note{font-size:.92rem;color:#2c5a45;background:#edf9f2;border:1px solid #c9e6db;border-radius:10px;padding:10px 14px;margin:16px 0 0}
.pg-fallback{max-width:800px;margin:26px auto;padding:18px 22px;border:1px solid #e3c9a5;background:#fff8ec;border-radius:12px;color:#5a3d12}
@media(max-width:650px){.pg-app{padding:18px}.pg-opts{grid-template-columns:1fr}.pg-output{font-size:1.05rem}}