.pg{display: grid;gap: 22px}.pg-out{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 16px 18px;padding: 22px 22px 18px 24px;border-radius: 16px;color: var(--cream);background: var(--espresso)}.pg-pass{min-width: 0;font: 500 clamp(19px,2.6vw,28px)/1.35 var(--mono);letter-spacing: .02em;overflow-wrap: anywhere}.pg-d{color: var(--amber)}.pg-s{color: #f0905a}.pg-out__acts{display: flex;gap: 8px;align-self: start}.pg-btn{display: inline-flex;align-items: center;justify-content: center;gap: 7px;height: 40px;padding: 0 14px;border-radius: 10px;cursor: pointer;font: 600 14px var(--font);color: var(--cream);background: rgba(255,255,255,.06);border: 1px solid var(--line-dark);transition: border-color .2s,color .2s,background .2s}.pg-btn svg{width: 16px;height: 16px}.pg-btn--icon{width: 40px;padding: 0}.pg-btn:hover{border-color: var(--amber);color: var(--amber)}.pg-btn--copy{color: var(--ink);background: var(--cream);border-color: var(--cream)}.pg-btn--copy:hover{color: #fff;background: var(--copper);border-color: var(--copper)}.pg-btn.is-copied{color: #fff;background: var(--copper);border-color: var(--copper)}.pg-meter{grid-column: 1 / -1;display: grid;gap: 9px}.pg-meter__bar{height: 6px;border-radius: 99px;overflow: hidden;background: rgba(255,255,255,.08)}.pg-meter__bar i{display: block;width: var(--fill,0%);height: 100%;border-radius: inherit;background: var(--pg-c,var(--green));transition: width .35s var(--ease),background .35s}.pg-meter p{font-size: 13.5px;color: var(--muted-dark)}.pg-meter strong{color: var(--pg-c,var(--green))}.pg-meter[data-level="weak"]{--pg-c: #ef6a5e}.pg-meter[data-level="fair"]{--pg-c: var(--amber)}.pg-meter[data-level="strong"]{--pg-c: #7fd6a4}.pg-meter[data-level="great"]{--pg-c: var(--green)}.pg-opts{display: grid;gap: 18px}.pg-len{display: grid;grid-template-columns: auto 1fr 76px;align-items: center;gap: 16px}.pg-len__h{font-size: 14px;font-weight: 600}.pg-len input[type="range"]{width: 100%;height: 6px;border-radius: 99px;cursor: pointer;appearance: none;-webkit-appearance: none;background: linear-gradient(90deg,var(--copper) var(--at,17%),rgba(29,23,18,.1) var(--at,17%))}.pg-len input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;width: 22px;height: 22px;border-radius: 50%;background: #fff;border: 2px solid var(--copper);box-shadow: 0 2px 8px rgba(60,30,10,.2)}.pg-len input[type="range"]::-moz-range-thumb{width: 18px;height: 18px;border-radius: 50%;background: #fff;border: 2px solid var(--copper)}.pg-len input[type="range"]:focus-visible{outline: 2px solid var(--copper);outline-offset: 6px}.pg-len__n{width: 100%;padding: 8px 10px;border-radius: 10px;text-align: center;font: 700 16px var(--display);color: var(--ink);background: #fbf7f2;border: 1px solid rgba(29,23,18,.12)}.pg-len__n:focus{outline: none;border-color: var(--copper);box-shadow: 0 0 0 4px rgba(226,117,58,.14)}.pg-sets{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 10px}.pg-set{display: flex;align-items: center;gap: 10px;padding: 12px 14px;border-radius: 12px;cursor: pointer;font-size: 14.5px;font-weight: 600;background: #fbf7f2;border: 1px solid rgba(29,23,18,.1);transition: border-color .2s,background .2s}.pg-set input{position: absolute;opacity: 0;pointer-events: none}.pg-set small{display: block;font: 400 12.5px var(--mono);color: var(--muted)}.pg-set:has(input:checked){background: #fff;border-color: rgba(226,117,58,.45)}.pg-set input:checked + .tt-check__box{color: #fff;background: var(--copper);border-color: var(--copper)}.pg-set input:focus-visible + .tt-check__box{outline: 2px solid var(--copper);outline-offset: 2px}.pg-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 20px}.pg .tt-box__foot .btn svg{width: 16px;height: 16px}.pg-more__h{margin-bottom: 10px;font-size: 12.5px;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;color: var(--muted)}.pg-list{display: grid;gap: 6px;margin: 0;padding: 0;list-style: none}.pg-list li{display: flex;align-items: center;gap: 12px;padding: 8px 8px 8px 16px;border-radius: 12px;background: #fbf7f2;border: 1px solid rgba(29,23,18,.08)}.pg-list code{flex: 1;min-width: 0;font: 500 15px/1.5 var(--mono);overflow-wrap: anywhere}.pg-list .pg-d{color: #c46a1c}.pg-list .pg-s{color: var(--copper)}.pg-list__copy{flex: none;display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px;border-radius: 9px;cursor: pointer;font: 600 13px var(--font);color: var(--ink);background: #fff;border: 1px solid rgba(29,23,18,.12);transition: border-color .2s,color .2s,background .2s}.pg-list__copy svg{width: 14px;height: 14px}.pg-list__copy:hover{border-color: var(--copper);color: var(--copper)}.pg-list__copy.is-copied{color: #fff;background: var(--copper);border-color: var(--copper)}@media (max-width: 760px){.pg-sets{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.pg-out{grid-template-columns: 1fr;padding: 18px}.pg-out__acts{order: 1}.pg-meter{order: 2}.pg-btn--copy{flex: 1}.pg-len{grid-template-columns: auto 1fr 64px;gap: 12px}.pg-list__copy span{display: none}}@media (prefers-reduced-motion: reduce){.pg-btn,.pg-meter__bar i,.pg-set,.pg-list__copy{transition: none}}