.pg-card{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 40%),var(--color-section);border:1px solid var(--color-border);border-radius:18px;padding:clamp(24px,3.5vw,40px);box-shadow:0 1px #ffffff0a inset,0 24px 48px -20px #0000008c,0 0 0 1px #e656160a;position:relative}.pg-card:before{content:"";position:absolute;top:0;left:0;width:60%;height:1px;background:linear-gradient(90deg,var(--color-orange) 0%,transparent 100%);opacity:.5;border-radius:18px 18px 0 0}.pg-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-orange);font-weight:800;margin-bottom:10px}.pg-output-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}.pg-output{flex:1 1 auto;min-width:0;padding:16px 18px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:16px;font-weight:600;letter-spacing:.04em;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-white);transition:border-color .2s;user-select:all}.pg-output:focus{outline:none;border-color:var(--color-orange)}.pg-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-grey-light);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.pg-icon-btn:hover{color:var(--color-orange);border-color:var(--color-orange);background:#e656160f}.pg-icon-btn.is-success{color:var(--color-signal-green);border-color:var(--color-signal-green)}.pg-copy-hint{font-size:12px;color:var(--color-signal-green);margin-bottom:8px;animation:pg-fade-in .25s ease-out}@keyframes pg-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.pg-strength{margin:18px 0 24px}.pg-strength-bar{height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-bottom:8px}.pg-strength-fill{height:100%;width:0%;border-radius:999px;transition:width .35s ease,background-color .35s ease;background:var(--color-grey)}.pg-strength-fill.weak{background:var(--color-orange)}.pg-strength-fill.medium{background:var(--color-signal-yellow)}.pg-strength-fill.strong{background:var(--color-signal-green)}.pg-strength-fill.elite{background:linear-gradient(90deg,var(--color-signal-green),#34d399)}.pg-strength-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:700}.pg-strength-label{color:var(--color-white);letter-spacing:.02em}.pg-strength-entropy{color:var(--color-grey-light);font-family:SF Mono,monospace;font-weight:500}.pg-control{margin:22px 0}.pg-control-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.pg-control-head .pg-label{margin-bottom:0}.pg-length-val{font-family:var(--font-heading);font-size:24px;font-weight:900;color:var(--color-orange);letter-spacing:-.02em}.pg-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff14;border-radius:999px;outline:none;cursor:pointer}.pg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-orange);border-radius:50%;cursor:pointer;border:3px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-orange);transition:transform .15s}.pg-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pg-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-orange);border-radius:50%;cursor:pointer;border:3px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-orange)}.pg-toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}@media(max-width:600px){.pg-toggles{grid-template-columns:1fr}}.pg-toggle{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-section-2);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:border-color .2s,background-color .2s}.pg-toggle:hover{border-color:#e656164d}.pg-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-orange);cursor:pointer;flex-shrink:0}.pg-toggle-label{font-size:14px;color:var(--color-grey-light);line-height:1.3}.pg-toggle-label code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;color:var(--color-grey);background:#ffffff0a;padding:1px 6px;border-radius:4px;margin-left:4px}.pg-error{margin-top:14px;padding:10px 14px;background:#e656161a;border:1px solid rgba(230,86,22,.3);border-radius:8px;color:var(--color-orange);font-size:13px}.pg-mode-switch{display:flex;gap:4px;padding:4px;background:var(--color-section-2);border:1px solid var(--color-border);border-radius:10px;margin-bottom:20px;width:fit-content}.pg-mode-btn{padding:8px 18px;background:transparent;border:none;border-radius:7px;color:var(--color-grey-light);font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background-color .2s,color .2s}.pg-mode-btn:hover{color:var(--color-white)}.pg-mode-btn.is-active{background:var(--color-orange);color:var(--color-white)}.pg-memo-input{width:100%;padding:14px 16px;font-family:inherit;font-size:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-white);transition:border-color .2s}.pg-memo-input:focus{outline:none;border-color:var(--color-orange)}.pg-memo-input::placeholder{color:var(--color-grey)}.pg-memo-hint{margin-top:8px;font-size:12.5px;color:var(--color-grey-light);line-height:1.5}.pg-memo-note{margin-top:18px;padding:12px 16px;background:#f5c85012;border-left:3px solid var(--color-signal-yellow);border-radius:6px;font-size:13px;color:var(--color-grey-light);line-height:1.55}.pg-memo-note strong{color:var(--color-signal-yellow)}