.representation-lab{color:#e2e8f0;color-scheme:dark;background:#0f172a;border:1px solid #334155;border-radius:10px;margin:2rem 0;padding:clamp(.75rem,2vw,1.2rem);font:.8rem/1.6 system-ui,sans-serif}.representation-lab *{box-sizing:border-box}.representation-lab .rp-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.representation-lab .rp-heading strong{font-size:1rem}.representation-lab p{font:inherit;color:#cbd5e1;margin:.7rem 0}.representation-lab button,.representation-lab select{color:#e2e8f0;max-width:100%;font:inherit;cursor:pointer;background:#17253d;border:1px solid #475569;border-radius:5px;padding:.4rem .6rem}.representation-lab button[aria-pressed=true]{color:#fff;background:#164e63;border-color:#38bdf8}.representation-lab :is(button,input,select,summary,svg):focus-visible{outline-offset:3px;outline:2px solid #38bdf8}.representation-lab .rp-sliders{grid-template-columns:1fr 1fr;gap:1.2rem;margin:1rem 0;display:grid}.representation-lab .rp-sliders label,.representation-lab .rp-amount{min-width:0;display:block}.representation-lab output{float:right;font-variant-numeric:tabular-nums}.representation-lab input[type=range]{accent-color:#38bdf8;cursor:pointer;width:100%;margin:.5rem 0;display:block}.representation-lab .rp-sliders label:first-child input{accent-color:#fbbf24}.representation-lab .rp-pipeline{grid-template-columns:1fr 1.05fr 1fr;align-items:center;gap:.75rem;margin:1rem 0 1.25rem;display:grid}.representation-lab .rp-label{color:#cbd5e1;margin-bottom:.35rem;font-size:.75rem;display:block}.representation-lab .rp-pixel-card{min-width:0}.representation-lab .rp-pixels{border:1px solid #64748b;border-radius:5px;height:65px;display:flex;overflow:hidden}.representation-lab .rp-pixels>div{flex:1}.representation-lab .rp-pixels>div+div{border-left:1px solid #64748b}.representation-lab .rp-pixel-numbers{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:.25rem;margin-top:.3rem;font-size:.68rem;display:flex}.representation-lab .rp-hidden{text-align:center}.representation-lab .rp-hidden>div{flex-direction:column;gap:.1rem;font:.73rem/1.8 ui-monospace,monospace;display:flex}.representation-lab .rp-plot-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;display:flex}.representation-lab .rp-basis{flex-wrap:wrap;gap:.35rem;display:flex}.representation-lab .rp-color-control{align-items:center;gap:.4rem;display:flex}.representation-lab .rp-space{cursor:grab;touch-action:none;background:#101d31;border:1px solid #334155;border-radius:6px;width:100%;height:auto;margin-top:.8rem;display:block}.representation-lab .rp-space:active{cursor:grabbing}.representation-lab .rp-plot-footer{color:#94a3b8;flex-wrap:wrap;justify-content:space-between;gap:.25rem .8rem;margin-top:.35rem;font-size:.7rem;display:flex}.representation-lab .rp-basis-note{min-height:6.4em}.representation-lab details{border-top:1px solid #334155;padding:.7rem 0}.representation-lab details:last-child{padding-bottom:0}.representation-lab summary{cursor:pointer;color:#e2e8f0;font-weight:600}.representation-lab details[open] summary{margin-bottom:.7rem}.representation-lab .rp-table-wrap{overflow-x:auto}.representation-lab table{border-collapse:collapse;width:100%;font:inherit;margin:0;font-size:.75rem}.representation-lab caption{text-align:left;color:#94a3b8;padding:0 0 .4rem}.representation-lab td,.representation-lab th{text-align:right;font-variant-numeric:tabular-nums;border:1px solid #334155;padding:.45rem}.representation-lab th{color:#e2e8f0;background:#17253d;font-weight:500}.representation-lab tr{background:#0f172a}.representation-lab tr:nth-child(2n){background:#17253d}.representation-lab th:first-child{text-align:left}.representation-lab .rp-intervention-label{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.representation-lab .rp-amount{margin-top:.8rem}.representation-lab .rp-intervention-result{font-variant-numeric:tabular-nums;grid-template-columns:minmax(120px,.6fr) 1fr;align-items:center;gap:1rem;margin:.8rem 0;display:grid}.representation-lab .rp-clipping{color:#f0abfc;margin-top:.35rem;font-size:.7rem}.representation-lab .rp-weights{overflow-wrap:anywhere;flex-wrap:wrap;gap:1rem;font:.72rem/1.8 ui-monospace,monospace;display:flex}@media (width<=480px){.representation-lab .rp-sliders{grid-template-columns:1fr;gap:.4rem}.representation-lab .rp-pipeline{grid-template-columns:1fr 1fr}.representation-lab .rp-hidden{grid-area:2/1/auto/-1}.representation-lab .rp-hidden>div{flex-flow:wrap;justify-content:center;gap:.5rem}.representation-lab .rp-intervention-result{grid-template-columns:1fr}}
