.pipeline-page .palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pipeline-page .tile-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #9cc7b8;background:#f2faf7;color:var(--ink);border-radius:10px;padding:8px 6px;min-height:58px;font-weight:700}.pipeline-page .tile-button:hover:enabled{background:#e1f2eb}
.frac{display:inline-grid;text-align:center;font:600 13px/1.3 ui-monospace,SFMono-Regular,PhisicosArabic,monospace}.frac span:first-child{border-bottom:1.5px solid currentColor;padding:0 3px 1px}.frac span:last-child{padding-top:1px}
.pipeline-page .chain{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.pipeline-page .chain li{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:5px 5px 5px 10px;background:#fff}.pipeline-page .chain li.wrong{border-color:#e6c377;background:#fff7e6}
.chain-factor{flex:1;min-width:0;font:600 12px ui-monospace,SFMono-Regular,PhisicosArabic,monospace;white-space:nowrap}.pipeline-page .mini{border:1px solid var(--line);background:#f4f7f9;border-radius:8px;min-height:44px;min-width:44px;padding:4px 8px;font-size:13px;font-weight:600;color:var(--ink)}.pipeline-page .clear-chain{width:100%;margin-top:10px}