.tfpg{--tfpg-accent:#2563eb;--tfpg-border:#d8e1eb;--tfpg-muted:#596779;max-width:1160px;margin:0 auto;color:inherit;font:inherit}.tfpg *{box-sizing:border-box}.tfpg-intro{color:var(--tfpg-muted);margin:0 0 18px}.tfpg-grid{display:grid;grid-template-columns:minmax(260px,0.9fr) minmax(0,1.1fr);gap:20px}.tfpg-panel{border:1px solid var(--tfpg-border);border-radius:12px;padding:22px;background:#fff;color:#172333;min-width:0}.tfpg-panel h2,.tfpg-info h2{font-size:1.25rem;margin:0 0 18px}.tfpg-field{margin:0 0 18px}.tfpg-field>label{display:block;font-weight:600;margin-bottom:9px}.tfpg-field input[type=range]{width:100%;accent-color:var(--tfpg-accent);cursor:pointer}.tfpg-range{display:flex;justify-content:space-between;font-size:.78rem;color:var(--tfpg-muted)}.tfpg-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.tfpg-inline label{margin:0}.tfpg input[type=number]{max-width:94px;width:100%;padding:9px 10px;border:1px solid #aab8c9;border-radius:7px;font:inherit;background:#fff;color:#172333}.tfpg-options{border:1px solid var(--tfpg-border);border-radius:9px;margin:0 0 15px;padding:13px 14px;display:grid;gap:12px}.tfpg-options legend{font-weight:600;padding:0 6px}.tfpg-options label,.tfpg-check{display:flex;gap:9px;align-items:flex-start;cursor:pointer;font-size:.95rem}.tfpg input[type=checkbox]{accent-color:var(--tfpg-accent);margin-top:4px;flex:none}.tfpg-check{margin:0 0 13px}.tfpg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid #bfcbdb;background:#f8fafc;color:#192e4e;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s}.tfpg-btn:hover:not(:disabled){background:#eaf1fa}.tfpg-btn:disabled{opacity:.55;cursor:not-allowed}.tfpg-primary{background:var(--tfpg-accent);border-color:var(--tfpg-accent);color:#fff;width:100%}.tfpg-primary:hover:not(:disabled){background:#1d4ed8}.tfpg-danger{color:#a11f30}.tfpg :is(button,input,summary):focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.tfpg-result-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tfpg-result-head h2{margin-bottom:10px}.tfpg-private{border-radius:20px;background:#e9f7ef;color:#17623a;font-size:.75rem;padding:4px 9px;white-space:nowrap}.tfpg-message{margin:4px 0 13px;color:var(--tfpg-muted);min-height:1.5em}.tfpg-message[data-error]{color:#a11f30}.tfpg-strength{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--tfpg-border);padding-bottom:12px;font-size:.86rem}.tfpg-list{display:grid;gap:9px;margin:15px 0;max-height:520px;overflow:auto}.tfpg-item{display:flex;gap:8px;align-items:center;border:1px solid var(--tfpg-border);border-radius:8px;padding:7px;background:#fbfdff}.tfpg-output{width:100%;min-width:0;border:0;background:transparent;color:#172333;font:500 .9rem ui-monospace,SFMono-Regular,Consolas,monospace;padding:6px}.tfpg-item .tfpg-btn{flex:none;padding:7px 11px;font-size:.82rem}.tfpg-actions{display:flex;flex-wrap:wrap;gap:8px}.tfpg-note{font-size:.82rem;color:var(--tfpg-muted);line-height:1.55;margin:18px 0 0}.tfpg-info{margin-top:22px;padding:22px;border:1px solid var(--tfpg-border);border-radius:12px;line-height:1.7}.tfpg-info h2{margin:0 0 8px}.tfpg-info h3{font-size:1.05rem;margin:17px 0 6px}.tfpg-info p{margin:6px 0 12px}.tfpg-info details{border-top:1px solid var(--tfpg-border);padding:11px 0}.tfpg-info summary{cursor:pointer;font-weight:600}.tfpg code{font-size:.9em}@media(max-width:760px){.tfpg-grid{grid-template-columns:1fr}.tfpg-panel,.tfpg-info{padding:16px}.tfpg-actions .tfpg-btn{flex:1}}