.pp [hidden]{display:none!important}.pp{display:grid;gap:16px}.pp-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}.pp-drop b{color:var(--ink);font-size:16px}.pp-drop .ic{color:var(--g2)}.pp-drop:hover,.pp.is-over .pp-drop{border-color:var(--g2);background:var(--g-soft)}.pp-drop:focus-within{outline:3px solid var(--gold);outline-offset:2px}.pp.has-file .pp-drop{display:none!important}.pp-input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.pp-msg{margin:0;padding:10px 12px;border-radius:var(--r-sm);background:#fdecec;color:#9b1c1c;font-size:14px}.pp-msg a{color:#7a1010;text-decoration:underline;font-weight:600}.pp-pass{display:grid;gap:10px;padding:14px;border-radius:var(--r);border:1px solid #f0d9a8;background:#fff8e8}.pp-passhead{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:15px;overflow-wrap:anywhere}.pp-passhead .ic{flex:none;color:#a16207;margin-top:2px}.pp-passrow{display:flex;gap:8px;flex-wrap:wrap}.pp-passrow input{flex:1 1 180px;min-height:46px}.pp-passrow button{min-height:46px}.pp-err{margin:0;color:#9b1c1c;font-size:14px;font-weight:600}.pp-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.pp-info>.ic{color:#dc2626;flex:none}.pp-info p{margin:0;flex:1 1 200px;display:grid;min-width:0}.pp-info b{overflow-wrap:anywhere;line-height:1.35}.pp-info small{color:var(--mute);font-size:13.5px}.pp-ghost{background:#fff!important;color:var(--g)!important;border:1px solid var(--g2)!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.pp-ghost:hover{background:var(--g-soft)!important;transform:none!important}.pp button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pp-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pp-bar>button,.pp-bar>.pp-ghost{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.pp-sum{margin:0;flex:1 1 220px;color:var(--mute);font-size:14.5px}.pp-sum b{color:var(--g)}.pp-sum:empty{display:none}.pp-prog{height:8px;border-radius:99px;background:var(--g-soft);overflow:hidden}.pp-prog span{display:block;height:100%;width:0;background:var(--green-grad);transition:width .25s}.pp-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}.pp-done>.ic{color:var(--g2);flex:none}.pp-done p{margin:0;flex:1 1 180px;display:grid;min-width:0}.pp-done small{color:var(--mute);font-size:14px;overflow-wrap:anywhere}.pp-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;font-weight:600}.pp-dl:hover{color:#fff;text-decoration:none}.pp-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pp .tool-chips button{min-height:44px}.pp-check{display:flex!important;align-items:center;gap:10px!important;min-height:44px;cursor:pointer;font-weight:500!important}.pp-check input{width:22px;height:22px;margin:0;flex:none;accent-color:var(--g2)}.pp-sl{display:grid!important;gap:0!important}.pp-sl>span{display:flex;justify-content:space-between;gap:8px}.pp-sl output{font-weight:700;color:var(--g);white-space:nowrap}.pp input[type=range]{border:0;padding:0;background:transparent;box-shadow:none;min-height:44px;accent-color:var(--g2);width:100%}.pp-selbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.pp-selbtns{display:flex;gap:6px;flex-wrap:wrap}.pp-selbtns button{min-height:44px;min-width:56px;padding:0 12px;background:#fff!important;color:var(--g)!important;border:1px solid var(--line)!important;box-shadow:none!important;font-weight:600;font-size:14px}.pp-selbtns button:hover{border-color:var(--g2)!important;background:var(--g-soft)!important;transform:none!important}.pp-selinfo{color:var(--mute);font-size:14px}.pp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pp-card{position:relative;display:grid;gap:6px;min-width:0}.pp-hit{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;background:#e9ece8;border:2px solid transparent;overflow:hidden;user-select:none;-webkit-user-select:none}.pp-hit img,.pp-ph{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;transition:transform .2s;filter:drop-shadow(0 1px 3px rgba(0,0,0,.22))}.pp-ph{display:block;inset:14% 22%;width:auto;height:auto;background:#fff;border-radius:3px;filter:none;box-shadow:0 1px 3px #0000001f}.pp-no{position:absolute;left:50%;bottom:6px;transform:translate(-50%);min-width:26px;height:24px;padding:0 8px;border-radius:99px;display:grid;place-items:center;background:#14211bd1;color:#fff;font-weight:700;font-size:12.5px}.pp-tick{display:none;position:absolute;right:6px;top:6px;width:28px;height:28px;border-radius:50%;place-items:center;background:#fff;border:2px solid #b9c3bc;color:transparent}.pp-badge{position:absolute;left:6px;top:6px;max-width:calc(100% - 12px);padding:2px 8px;border-radius:99px;background:var(--g);color:#fff;font-weight:700;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-badge[data-tone=gold]{background:var(--gold);color:#241a00}.pp-badge[data-tone=red]{background:#b91c1c}.pp.is-selectable .pp-hit{cursor:pointer}.pp.is-selectable .pp-tick{display:grid}.pp.is-selectable .pp-hit:hover{border-color:#b9c3bc}.pp-hit:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.pp.is-selectable .pp-card.is-sel .pp-hit{border-color:var(--g2);background:var(--g-soft)}.pp.is-selectable .pp-card.is-sel .pp-tick{background:var(--g2);border-color:var(--g2);color:#fff}.pp-danger.is-selectable .pp-card.is-sel .pp-hit{border-color:#dc2626;background:#fdecec}.pp-danger.is-selectable .pp-card.is-sel .pp-tick{background:#dc2626;border-color:#dc2626}.pp-danger.is-selectable .pp-card.is-sel .pp-hit img{opacity:.35}.pp-danger.is-selectable .pp-card.is-sel .pp-hit:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1.5px),rgba(220,38,38,.75) calc(50% - 1.5px),rgba(220,38,38,.75) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.pp-card.is-dim .pp-hit img{opacity:.35}.pp-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:4px}.pp-acts button{min-height:44px;min-width:0;padding:0;display:grid;place-items:center;background:#fff!important;color:var(--g)!important;border:1px solid var(--line)!important;box-shadow:none!important}.pp-acts button:hover{border-color:var(--g2)!important;background:var(--g-soft)!important;transform:none!important}.pp.is-busy .pp-grid,.pp.is-busy .pp-selbar{pointer-events:none;opacity:.7}@media(max-width:620px){.pp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pp-hit img{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.pp-bar>[data-pp-go]{flex:1 1 100%}.pp-bar>.pp-ghost{flex:1 1 auto}.pp-dl,.pp-info .pp-ghost,.pp-selbtns{flex:1 1 100%}.pp-selbtns button{flex:1 1 0;min-width:0}}
