.pn-tool{flex-direction:column;gap:1rem;display:flex}.pn-group-label{letter-spacing:.05em;color:var(--text-dim);font-size:.78rem}.pn-controls{grid-template-columns:minmax(0,3fr) minmax(min(100%,160px),1fr);align-items:end;gap:.7rem .9rem;display:grid}@media (width<=520px){.pn-controls{grid-template-columns:minmax(0,1fr)}}.pn-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.pn-row{align-items:center;gap:.6rem;display:flex}.pn-tool .pn-row input[type=range]{min-width:0;accent-color:var(--accent);flex:auto}.pn-tool .pn-field input:is([type=number],[data-num]){width:100%;min-width:0;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);border-radius:0;padding:.45rem .55rem;font-size:.95rem}.pn-tool .pn-row input:is([type=number],[data-num]){flex:none;width:4.5rem}.pn-verdict-box{border-left:3px solid var(--accent);background:var(--bg-hover);padding:.6rem .85rem}.pn-verdict{color:var(--text);margin:0;font-size:.93rem;line-height:1.5}.pn-pairs{border:1px solid var(--border);background:var(--bg-surface);flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.pn-tool .pn-pairs:fullscreen{background:var(--bg);padding:1.25rem;overflow:auto}.pn-cap{color:var(--text-dim);padding-right:2.2rem;font-size:.82rem}.pn-focus{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.pn-focus-dia{min-width:0;overflow-x:auto}.pn-focus-text{flex:240px;min-width:0;font-size:.9rem}.pn-focus-text p{margin:0 0 .4rem}.pn-key .s,.pn-tool .pn-dot.s{color:#d97706;fill:#d97706}.pn-key .g,.pn-tool .pn-dot.g{color:#7c3aed;fill:#7c3aed}.pn-tool .pn-dot.s.g{fill:#be123c}.pn-tool .pn-dot{fill:var(--text)}.pn-tool .pn-btn{border-radius:0;padding:.45rem .85rem;font-size:.88rem}.pn-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:.5rem;display:grid}.pn-pair{border:1px solid var(--border);align-items:center;gap:.4rem;padding:.35rem;display:flex}.pn-pair.fixed{background:#16a34a14;border:2px solid #16a34a}.pn-tool .pn-part{cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:0;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.25rem;font:.75rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.pn-tool .pn-part:hover,.pn-tool .pn-part:focus-visible{border-color:var(--accent)}.pn-tool .pn-part.even span{color:#2563eb}.pn-tool .pn-part.odd span{color:#dc2626}.pn-tool .pn-part.fixed span{color:#16a34a;font-weight:700}.pn-arrow{color:var(--text-dim)}.pn-alone{color:#16a34a;font-size:.8rem;font-weight:600}.pn-more{color:var(--text-dim);margin:0;font-size:.82rem}.pn-visual{margin:0}.pn-factors{color:var(--text-dim);align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:.82rem;display:flex}.pn-tool .pn-factors input{min-width:0;accent-color:var(--accent);flex:auto}.pn-factors b{min-width:2ch;color:var(--text);font-variant-numeric:tabular-nums}.pn-tool .pn-ghost{fill:none;stroke:var(--text-dim);stroke-width:1.2px;stroke-dasharray:2.5 2}.pn-tool .pn-arrived{fill:none;stroke:var(--accent);stroke-width:2px}.pn-moved-note{color:var(--text-dim);font-size:.88rem}