.gp{display:grid;grid-gap:14px;gap:14px}.gp-card{display:grid;grid-gap:10px;gap:10px;align-content:start;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.gp-card h2{margin:0;font-size:16px}.gp-legend{margin:0;font-size:12px}.gp-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}@media (max-width:800px){.gp-main{grid-template-columns:1fr}}.gp-head,.gp-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 96px 32px;grid-gap:6px;gap:6px;align-items:center}.gp-head{font-size:12px;font-weight:600;color:var(--muted)}.gp-rows{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.gp-row .input{padding:8px 10px;min-width:0}.gp-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gp-actions{display:flex;flex-wrap:wrap;gap:8px}.gp-actions .btn{font-size:13px}.xf-del{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.xf-del:hover{background:var(--surface-2);color:var(--text)}.gp-side{display:grid;grid-gap:14px;gap:14px}.gp-result{position:static}.gp-note{margin-top:10px!important}.gp-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.gp-need{margin:0;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-weight:600}