.pg-root{--pg-mono: var(--font-mono);--pg-strength-weak: var(--color-danger);--pg-strength-fair: #f97316;--pg-strength-strong: var(--color-warning);--pg-strength-vstrong: var(--color-success);container-type:inline-size;color:var(--fg-body)}.pg-card{background:radial-gradient(circle at 100% 0,var(--accent-primary-subtle),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--bg-surface) 94%,transparent),var(--bg-surface));border:1px solid color-mix(in srgb,var(--accent-primary) 24%,var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow-lift);padding:var(--space-5) var(--space-4);margin:var(--space-4) 0 var(--space-8)}@media(min-width:640px){.pg-card{padding:var(--space-7) var(--space-6)}}.pg-privacy-badge{display:inline-flex;align-items:center;gap:var(--space-1_5);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4);border:1px solid color-mix(in srgb,var(--color-success) 30%,var(--border));border-radius:var(--radius-full);background:var(--color-success-subtle);color:var(--color-success);font-size:var(--text-xs);line-height:1.4}.pg-privacy-badge svg{flex-shrink:0}.pg-mode-switcher{display:flex;background:color-mix(in srgb,var(--bg-panel) 86%,var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-lg);padding:3px;margin-bottom:var(--space-5)}.pg-mode-btn{flex:1;min-height:44px;padding:var(--space-2_5) var(--space-4);border:none;background:transparent;color:var(--fg-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.pg-mode-btn[aria-selected=true]{background:var(--bg-surface);color:var(--fg-strong);box-shadow:var(--shadow-soft)}.pg-mode-btn:hover:not([aria-selected=true]){color:var(--fg-body)}.pg-mode-btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-output-area{position:relative;margin-bottom:var(--space-3)}.pg-output{width:100%;min-height:56px;padding:var(--space-3_5, 14px) 100px var(--space-3_5, 14px) var(--space-4);background:var(--bg-surface);border:2px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border));border-radius:var(--radius-lg);color:var(--fg-strong);font-family:var(--pg-mono);font-size:var(--text-lg);line-height:1.5;word-break:break-all;overflow-wrap:anywhere;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard);display:flex;align-items:center}.pg-output:hover{border-color:var(--accent-primary)}.pg-output:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-output--masked{letter-spacing:2px;font-size:var(--text-xl)}.pg-output--stale{opacity:.55;border-color:var(--color-warning)}.pg-output[aria-disabled=true]{cursor:not-allowed}.pg-output-actions{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);display:flex;gap:var(--space-1)}.pg-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pg-icon-btn:hover:not(:disabled){background:var(--hover-overlay);color:var(--fg-body)}.pg-icon-btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-icon-btn--copied{color:var(--color-success)}.pg-icon-btn:disabled{opacity:.45;cursor:not-allowed}.pg-strength{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);min-height:22px}.pg-strength-meter{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.pg-strength-meter__fill{height:100%;width:0%;border-radius:3px;transition:width var(--duration-slow) var(--ease-standard),background var(--duration-slow) var(--ease-standard)}.pg-strength__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.pg-strength__bits{font-size:var(--text-xs);color:var(--fg-muted);cursor:help;font-variant-numeric:tabular-nums}.pg-strength--weak .pg-strength-meter__fill{background:var(--pg-strength-weak)}.pg-strength--weak .pg-strength__label{color:var(--pg-strength-weak)}.pg-strength--fair .pg-strength-meter__fill{background:var(--pg-strength-fair)}.pg-strength--fair .pg-strength__label{color:var(--pg-strength-fair)}.pg-strength--strong .pg-strength-meter__fill{background:var(--pg-strength-strong)}.pg-strength--strong .pg-strength__label{color:var(--pg-strength-strong)}.pg-strength--vstrong .pg-strength-meter__fill{background:var(--pg-strength-vstrong)}.pg-strength--vstrong .pg-strength__label{color:var(--pg-strength-vstrong)}.pg-inline-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2_5) var(--space-3_5, 14px);background:var(--color-danger-subtle);border:1px solid color-mix(in srgb,var(--color-danger) 30%,var(--border));border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-3)}.pg-inline-error svg{flex-shrink:0}.pg-controls{border-top:1px solid color-mix(in srgb,var(--accent-primary) 16%,var(--border));padding-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.pg-control-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.pg-control-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-body);min-width:100px}.pg-slider-group{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:200px}.pg-slider-group input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none}.pg-slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:var(--shadow-soft)}.pg-slider-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:var(--shadow-soft)}.pg-slider-group input[type=range]:focus-visible{outline:3px solid var(--accent-primary);outline-offset:4px}.pg-num-input{width:64px;min-height:44px;padding:var(--space-2);text-align:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-body);font:inherit;font-family:var(--pg-mono);font-size:var(--text-sm)}.pg-num-input:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-num-input:disabled{opacity:.5;cursor:not-allowed}.pg-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);flex:1}@media(min-width:480px){.pg-toggle-grid{grid-template-columns:repeat(4,1fr)}}.pg-toggle-chip{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-1_5);min-height:44px;padding:var(--space-2_5) var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pg-toggle-chip:hover{border-color:var(--fg-muted)}.pg-toggle-chip--active{border-color:var(--accent-primary);background:var(--accent-primary-subtle);color:var(--accent-primary-hover)}.pg-toggle-chip input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.pg-toggle-chip:has(input:focus-visible){outline:3px solid var(--accent-primary);outline-offset:2px}.pg-extra-toggles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pg-extra-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1_5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-body);font-size:var(--text-sm);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.pg-extra-toggle:hover{border-color:var(--fg-muted)}.pg-extra-toggle--active{border-color:var(--accent-primary);background:var(--accent-primary-subtle);color:var(--accent-primary-hover)}.pg-extra-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.pg-extra-toggle:has(input:focus-visible){outline:3px solid var(--accent-primary);outline-offset:2px}.pg-advanced-btn{display:inline-flex;align-items:center;gap:var(--space-1_5);min-height:44px;padding:var(--space-2) 0;background:none;border:none;color:var(--accent-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.pg-advanced-btn svg{transition:transform var(--duration-base) var(--ease-standard)}.pg-advanced-btn--open svg{transform:rotate(90deg)}.pg-advanced-btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-advanced-panel{padding:var(--space-4);background:linear-gradient(140deg,color-mix(in srgb,var(--accent-primary) 8%,transparent),transparent 60%),var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.pg-advanced-panel__hint{font-size:var(--text-sm);color:var(--fg-muted);margin-bottom:var(--space-3)}.pg-min-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(min-width:480px){.pg-min-grid{grid-template-columns:repeat(4,1fr)}}.pg-min-item{display:flex;flex-direction:column;gap:var(--space-1)}.pg-min-item label{font-size:var(--text-xs);color:var(--fg-muted)}.pg-min-item input{width:100%;min-height:44px;padding:var(--space-1_5) var(--space-2);text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg-body);font:inherit;font-size:var(--text-sm)}.pg-min-item input:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-symbol-input-wrap{margin-top:var(--space-3)}.pg-symbol-input-wrap label{display:block;font-size:var(--text-sm);color:var(--fg-body);margin-bottom:var(--space-1)}.pg-symbol-input{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-body);font-family:var(--pg-mono);font-size:var(--text-sm);letter-spacing:2px}.pg-symbol-input:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-select{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-body);font:inherit;font-size:var(--text-sm)}.pg-select:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-btn-row{display:flex;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap}.pg-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-6);background:var(--accent-primary);color:var(--fg-on-accent);border:none;border-radius:var(--radius-md);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}.pg-btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.pg-btn-primary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-btn-primary:disabled{opacity:.45;cursor:not-allowed}.pg-btn-primary--small{min-height:40px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.pg-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1_5);min-height:44px;padding:var(--space-2_5) var(--space-4);background:var(--bg-surface);color:var(--fg-body);border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.pg-btn-secondary:hover:not(:disabled){background:var(--bg-panel);border-color:var(--fg-muted)}.pg-btn-secondary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.pg-btn-secondary--small{min-height:36px;padding:var(--space-1_5) var(--space-3);font-size:var(--text-xs)}.pg-reset-link{background:none;border:none;color:var(--fg-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;padding:var(--space-1) var(--space-2);min-height:44px;display:inline-flex;align-items:center}.pg-reset-link:hover{color:var(--accent-primary)}.pg-reset-link:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px}.pg-hint{font-size:var(--text-xs);color:var(--fg-muted);margin-top:var(--space-2)}.pg-bulk-section{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-5)}.pg-bulk-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-body);cursor:pointer;user-select:none}.pg-bulk-toggle input{width:18px;height:18px;accent-color:var(--accent-primary)}.pg-bulk-toggle:has(input:focus-visible){outline:3px solid var(--accent-primary);outline-offset:2px}.pg-bulk-controls{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.pg-bulk-list{max-height:300px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border));border-radius:var(--radius-lg);background:var(--bg-panel)}.pg-bulk-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-family:var(--pg-mono);font-size:var(--text-xs);word-break:break-all;color:var(--fg-body)}.pg-bulk-item:last-child{border-bottom:none}.pg-bulk-item__num{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--fg-muted);min-width:28px;flex-shrink:0}.pg-bulk-item__pw{flex:1;overflow-wrap:anywhere}.pg-bulk-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pg-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(100px);background:var(--fg-strong);color:var(--fg-invert);padding:var(--space-2_5) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);opacity:0;transition:all var(--duration-slow) var(--ease-standard);z-index:var(--z-toast);pointer-events:none;box-shadow:var(--shadow-popover)}.pg-toast--show{transform:translate(-50%) translateY(0);opacity:1}.pg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.pg-output,.pg-mode-btn,.pg-toggle-chip,.pg-extra-toggle,.pg-strength-meter__fill,.pg-toast,.pg-icon-btn,.pg-btn-primary,.pg-btn-secondary,.pg-advanced-btn svg{transition:none}}