.pg-hero-lock{width:min(100%,390px);padding:34px;border:1px solid rgba(18,23,34,.08);border-radius:30px;background:linear-gradient(145deg,#fff,#f3f5f8);box-shadow:0 24px 70px rgba(18,23,34,.1);text-align:center}.pg-hero-lock>i{display:grid;width:86px;height:86px;margin:0 auto 22px;place-items:center;border-radius:26px;background:#121722;color:#fff;font-size:38px}.pg-hero-lock span{display:block;padding:16px;border:1px solid rgba(18,23,34,.08);border-radius:16px;background:#fff;font:700 22px/1.2 monospace;letter-spacing:3px;direction:ltr}.pg-hero-lock small{display:block;margin-top:13px;color:#747b89}.pg-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.pg-section-head h2{margin:9px 0 6px}.pg-section-head p{margin:0;color:#747b89}.pg-private-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#edf8f2;color:#167449;font-size:13px;white-space:nowrap}.pg-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:22px;align-items:start}.pg-main-card,.pg-settings{border:1px solid rgba(18,23,34,.08);border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(18,23,34,.07)}.pg-main-card{position:sticky;top:100px;padding:25px}.pg-output-wrap>label{display:block;margin-bottom:10px;font-weight:700}.pg-output{display:grid;grid-template-columns:minmax(0,1fr) 46px auto;gap:8px;padding:8px;border:1px solid rgba(18,23,34,.12);border-radius:18px;background:#f8f9fb}.pg-output input{min-width:0;border:0;outline:0;background:transparent;color:#121722;font:700 20px/1.5 monospace;letter-spacing:.5px;padding:6px 8px}.pg-output button{border:0;border-radius:12px;background:#fff;color:#303745;transition:.2s}.pg-output button:hover{transform:translateY(-1px)}.pg-output .pg-copy{display:inline-flex;align-items:center;gap:8px;padding:0 17px;background:#121722;color:#fff}.pg-strength{margin-top:20px;padding:18px;border-radius:19px;background:#f7f8fa}.pg-strength-top{display:flex;justify-content:space-between;gap:15px}.pg-strength-top span{color:#747b89;font-size:13px}.pg-strength-track{height:8px;margin:12px 0;border-radius:99px;background:#e4e7ec;overflow:hidden}.pg-strength-track span{display:block;height:100%;width:3%;border-radius:inherit;background:#d93939;transition:width .3s ease,background .3s ease}.pg-strength-track span[data-level="1"]{background:#df4b42}.pg-strength-track span[data-level="2"]{background:#e9842b}.pg-strength-track span[data-level="3"]{background:#d3a414}.pg-strength-track span[data-level="4"]{background:#3a9c68}.pg-strength-track span[data-level="5"]{background:#14784a}.pg-strength>p{min-height:42px;margin:0;color:#626a78;font-size:14px}.pg-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.pg-metrics span{padding:11px;border-radius:13px;background:#fff;text-align:center}.pg-metrics small,.pg-metrics strong{display:block}.pg-metrics small{margin-bottom:4px;color:#858c98;font-size:11px}.pg-metrics strong{font-size:14px}.pg-generate{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;margin-top:16px;padding:15px;border:0;border-radius:15px;background:#eb5600;color:#fff;font-weight:700}.pg-settings{padding:22px}.pg-settings fieldset{min-width:0;margin:0 0 22px;padding:0;border:0}.pg-settings legend{width:auto;margin-bottom:12px;font-size:15px;font-weight:800}.pg-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pg-preset-grid button{padding:10px 5px;border:1px solid rgba(18,23,34,.09);border-radius:11px;background:#f8f9fb;font-size:13px}.pg-preset-grid button.is-active{border-color:#eb5600;background:#fff3ec;color:#c94700;font-weight:700}.pg-length-control{margin-bottom:24px}.pg-setting-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pg-setting-title label{font-weight:800}.pg-setting-title input{width:66px;padding:7px;border:1px solid rgba(18,23,34,.12);border-radius:10px;text-align:center}.pg-length-control input[type=range]{width:100%;accent-color:#eb5600}.pg-range-labels{display:flex;justify-content:space-between;color:#999;font-size:11px}.pg-options>label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(18,23,34,.07);cursor:pointer}.pg-options>label>span{display:grid;grid-template-columns:30px 1fr;column-gap:8px}.pg-options>label>span>i{grid-row:1/3;align-self:center;color:#eb5600;font-size:18px}.pg-options b,.pg-advanced b{font-size:14px}.pg-options small,.pg-advanced small{display:block;color:#858c98;font-size:11px}.pg-options input{position:absolute;opacity:0}.pg-switch{position:relative;flex:0 0 43px;height:24px;border-radius:30px;background:#d6dae1;transition:.2s}.pg-switch:before{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.pg-options input:checked+.pg-switch{background:#eb5600}.pg-options input:checked+.pg-switch:before{transform:translateX(-19px)}.pg-advanced label{display:flex;gap:10px;padding:9px 0;cursor:pointer}.pg-advanced input{margin-top:4px;accent-color:#eb5600}.pg-error{padding:12px 14px;border-radius:12px;background:#fff0f0;color:#b52b2b;font-size:13px}.pg-faq{display:grid;gap:10px}.pg-faq details{border:1px solid rgba(18,23,34,.08);border-radius:16px;background:#fff}.pg-faq summary{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;cursor:pointer;font-weight:700}.pg-faq p{margin:0;padding:0 18px 18px;color:#68707e}.pg-toast{position:fixed;z-index:9999;right:50%;bottom:24px;display:flex;align-items:center;gap:8px;padding:12px 17px;border-radius:13px;background:#121722;color:#fff;opacity:0;visibility:hidden;transform:translate(50%,15px);transition:.22s}.pg-toast.is-visible{opacity:1;visibility:visible;transform:translate(50%,0)}
@media(max-width:991px){.pg-layout{grid-template-columns:1fr}.pg-main-card{position:static}.pg-section-head{align-items:flex-start}}@media(max-width:575px){.pg-section-head{display:block}.pg-private-badge{margin-top:12px}.pg-main-card,.pg-settings{padding:16px;border-radius:20px}.pg-output{grid-template-columns:minmax(0,1fr) 42px}.pg-output .pg-copy{grid-column:1/-1;justify-content:center;height:43px}.pg-output input{font-size:16px}.pg-metrics{gap:6px}.pg-metrics span{padding:9px 4px}.pg-preset-grid{grid-template-columns:repeat(2,1fr)}.pg-hero-lock{padding:24px}.pg-hero-lock span{font-size:17px}.pg-generator{padding-left:0!important;padding-right:0!important}}
