.pg-page{padding-bottom:80px}.pg-breadcrumbs{color:var(--subtle);gap:8px;padding-top:24px;font-size:11px;display:flex}.pg-breadcrumbs a{color:var(--brand);text-decoration:none}.pg-intro{padding:34px 0 28px}.pg-intro h1{margin-bottom:10px}.pg-lead{max-width:560px;color:var(--muted);margin:0;font-size:15px}.pg-workbench{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:start;gap:16px;display:grid}.pg-display-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:22px;padding:24px;display:grid}.pg-output-row{align-items:stretch;gap:10px;display:flex}.pg-output-wrap{flex:1;min-width:0;position:relative}.pg-strength-bar{gap:4px;margin-bottom:8px;display:flex}.pg-strength-bar span{background:var(--border);border-radius:999px;flex:1;height:4px;transition:background .3s}.pg-output{letter-spacing:.04em;width:100%;height:52px;color:var(--text);background:var(--surface-muted);border:2px solid var(--border);cursor:pointer;border-radius:10px;outline:none;padding:0 14px;font:700 18px DM Mono,monospace;transition:border-color .15s}.pg-output:hover{border-color:var(--brand)}.pg-strength-label{letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:600;transition:color .3s;display:block}.pg-copy-btn{background:var(--brand);color:#fff;cursor:pointer;letter-spacing:.04em;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;padding:10px 14px;font-size:11px;font-weight:600;transition:background .15s,transform .1s;display:flex}.pg-copy-btn:hover{background:#1d4ed8}.pg-copy-btn:active{transform:scale(.96)}.pg-copy-btn.copied{background:var(--money)}.pg-section{gap:12px;display:grid}.pg-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;display:block}.pg-option-row{justify-content:space-between;align-items:center;display:flex}.pg-length-val{color:var(--brand);font:600 18px DM Mono,monospace}.pg-slider-wrap{gap:8px;display:grid}.pg-slider{-webkit-appearance:none;appearance:none;background:var(--border);cursor:pointer;width:100%;height:6px;accent-color:var(--brand);border-radius:999px;outline:none}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand);cursor:pointer;border:3px solid var(--surface);width:20px;height:20px;box-shadow:0 0 0 2px var(--brand);border-radius:50%}.pg-slider-marks{justify-content:space-between;display:flex}.pg-slider-marks span{color:var(--subtle);font:10px DM Mono,monospace}.pg-checks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pg-check{cursor:pointer;user-select:none;color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.pg-check input{display:none}.pg-check-box{border:2px solid var(--border-strong);background:var(--surface);border-radius:5px;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.pg-check input:checked~.pg-check-box{background:var(--brand);border-color:var(--brand)}.pg-check input:checked~.pg-check-box:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:6px;height:10px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.pg-check code{color:var(--subtle);background:var(--surface-muted);border-radius:4px;padding:1px 5px;font-size:11px}.pg-actions{gap:10px;display:flex}.pg-generate{flex:1;justify-content:center;align-items:center;gap:8px;min-height:48px;display:flex}.pg-regenerate{flex:none}.pg-batch{border-top:1px solid var(--border);margin-top:-8px;padding-top:18px}.pg-batch-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.text-link{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.pg-batch-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pg-batch-item{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pg-batch-pw{color:var(--text);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font:13px DM Mono,monospace;overflow:hidden}.pg-batch-copy{background:var(--brand-soft);color:var(--brand);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:600}.pg-batch-copy:hover{background:var(--brand);color:#fff}.pg-info-panel{gap:14px;display:grid;position:sticky;top:16px}.pg-info-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.pg-info-card h3{margin:0 0 10px;font-size:14px}.pg-info-card>p{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.6}.pg-entropy-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.pg-info-label{color:var(--muted);font-size:11px}.pg-info-value{color:var(--text);font:600 13px DM Mono,monospace}.pg-tips{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.pg-tips h3{margin:0 0 10px;font-size:14px}.pg-tips ul{gap:7px;margin:0;padding:0 0 0 16px;display:grid}.pg-tips li{color:var(--muted);font-size:12px}.pg-toast{color:#fff;opacity:0;pointer-events:none;z-index:1000;white-space:nowrap;background:#1a1c1b;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 30px #00000040}.pg-toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.pg-toast svg{color:#22c55e;flex-shrink:0}@media (width<=880px){.pg-workbench{grid-template-columns:1fr}.pg-info-panel{position:static}.pg-checks{grid-template-columns:1fr}}@media (width<=520px){.pg-display-card{padding:16px}.pg-actions{flex-direction:column}.pg-output{font-size:14px}}