.px{display:grid;gap:16px}.px [hidden]{display:none!important}.px-pick{display:grid;gap:12px}.px-drop{position:relative;display:grid!important;place-items:center;align-content:center;text-align:center;gap:6px!important;min-height:170px;border:2px dashed #c9d3cc;border-radius:var(--r);background:var(--bg);padding:24px 16px;cursor:pointer;color:var(--mute);font-weight:500!important}.px-drop b{color:var(--ink);font-size:16px}.px-drop .ic{color:var(--g2)}.px-drop:hover,.px-drop.is-over{border-color:var(--g2);background:var(--g-soft)}.px-drop:focus-within{outline:3px solid var(--gold);outline-offset:2px}.px-file{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.px-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.px-card.is-over{border-color:var(--g2);background:var(--g-soft)}.px-fico{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#fdecec;color:#c0262d}.px-card p{margin:0;flex:1;min-width:0;display:grid}.px-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-card small{color:var(--mute);font-size:13.5px}.px-msg{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:#fdecec;color:#9b1c1c;font-size:14.5px}.px-msg.is-info{background:var(--g-soft);color:var(--g)}.px-note{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:#fff8e6;border:1px solid #f3dfae;color:#5c4206;font-size:14px;display:flex;gap:8px;align-items:flex-start}.px-note .ic{flex:none;margin-top:2px;color:#b7791f}.px-note.is-ok{background:var(--g-soft);border-color:#cfe5d8;color:var(--g)}.px-note.is-ok .ic{color:var(--g2)}.px-pw h3{margin-bottom:4px}.px-pwnote{margin:0 0 10px}.px-pwrow{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.px-pwrow>label{flex:1 1 220px}.px-pwrow>button{min-height:46px}.px-pwfield{position:relative;display:block}.px-pwfield input{padding-right:52px!important}.px-eye{position:absolute;right:1px;top:1px;bottom:1px;width:48px;padding:0;border-radius:0 var(--r-sm) var(--r-sm) 0!important;background:transparent!important;color:var(--mute)!important;box-shadow:none!important;border:0!important}.px-eye[aria-pressed=true]{color:var(--g)!important}.px-eye:hover{color:var(--g)!important;transform:none!important}.px-pwerr{margin:8px 0 0;color:#b00020;font-size:14px;font-weight:600}.px-ghost{background:#fff!important;color:var(--g)!important;border:1px solid var(--g2)!important;box-shadow:none!important;min-height:44px}.px-ghost:hover{background:var(--g-soft)!important;transform:none!important}.px button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.px-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.px .tool-chips button{min-height:44px}.px-chiplabel{display:block;font-size:14px;font-weight:600;margin:0 0 6px}.px-check{display:flex!important;align-items:center;gap:10px!important;min-height:44px;cursor:pointer;font-weight:500!important}.px-check input{width:22px!important;height:22px;flex:none;margin:0;accent-color:var(--g2)}.px-check:has(small){align-items:flex-start;padding:6px 0}.px-check:has(small) input{margin-top:2px}.px-check small{display:block;color:var(--mute);font-size:13px;font-weight:400}.px-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.px-bar>button{min-height:46px}.px-sum{margin:0;flex:1 1 220px;color:var(--mute);font-size:14.5px}.px-sum b{color:var(--g)}.px-prog{height:8px;border-radius:99px;background:var(--g-soft);overflow:hidden}.px-prog span{display:block;height:100%;width:0;background:var(--green-grad);transition:width .25s}.px-done{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border-radius:var(--r);background:var(--g-soft);border:1px solid #cfe5d8}.px-done>.ic{color:var(--g2);flex:none}.px-done>p{margin:0;flex:1 1 200px;display:grid}.px-done small{color:var(--mute);font-size:14px}.px-dl{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:var(--r-sm);background:var(--green-grad);color:#fff!important;font-weight:600;text-decoration:none!important}.px-dl.is-alt{background:#fff;color:var(--g)!important;border:1px solid var(--g2)}.px-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.px-mode{position:relative;display:grid!important;grid-template-columns:auto 1fr;gap:2px 10px!important;align-items:start;padding:12px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;cursor:pointer;font-weight:500!important}.px-mode input{grid-row:span 2;width:20px!important;height:20px;margin:3px 0 0;accent-color:var(--g2)}.px-mode b{font-size:15.5px}.px-mode small{grid-column:2;color:var(--mute);font-size:13.5px;line-height:1.45}.px-mode:has(input:checked){border-color:var(--g2);background:var(--g-soft);box-shadow:0 0 0 1px var(--g2) inset}.px-mode:focus-within{outline:3px solid var(--gold);outline-offset:2px}.px-strength{margin:6px 0 0;font-size:13px;color:var(--mute);display:flex;align-items:center;gap:8px}.px-strength i{display:block;flex:none;width:72px;height:6px;border-radius:9px;background:#e6e3d8;overflow:hidden;position:relative}.px-strength:has(>span:empty){visibility:hidden}.px-strength i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0);background:var(--c,#d33);border-radius:9px}@media(max-width:620px){.px-bar>button{flex:1 1 100%}.px-done>.px-dl{flex:1 1 100%}.px-pwrow>button{flex:1 1 100%}.px-card{flex-wrap:wrap}.px-card>.px-ghost{flex:1 1 100%}}