.partial-surface-lab{color:#1e293b;background:#fbfcff;border:1px solid #cbd5e1;border-radius:10px;min-width:0;margin:1.5rem 0;padding:1rem;font:15px/1.5 system-ui,sans-serif}.partial-surface-lab *{box-sizing:border-box}.partial-surface-lab .ps-heading{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.partial-surface-lab .ps-heading strong{font-size:1.08rem}.partial-surface-lab button,.partial-surface-lab select{font:inherit;color:#1e293b;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:5px;max-width:100%;padding:.45rem .6rem}.partial-surface-lab button[aria-pressed=true]{color:#5b21b6;background:#ede9fe;border-color:#7c3aed}.partial-surface-lab :focus-visible{outline-offset:3px;outline:3px solid #7c3aed}.partial-surface-lab .ps-function{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.85rem 0;display:flex}.partial-surface-lab .ps-controls{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 .1rem;display:grid}.partial-surface-lab .ps-controls label{min-width:0}.partial-surface-lab .ps-controls label>span{justify-content:space-between;gap:.5rem;display:flex}.partial-surface-lab input{accent-color:#7c3aed;width:100%;min-height:30px}.partial-surface-lab output{color:#6d28d9;font-variant-numeric:tabular-nums}.partial-surface-lab .ps-surface{touch-action:none;cursor:grab;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:auto;display:block}.partial-surface-lab .ps-surface:active{cursor:grabbing}.partial-surface-lab svg text{fill:#334155;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round;font:15px system-ui,sans-serif}.partial-surface-lab svg .ps-tick,.partial-surface-lab svg .ps-tick text{font-size:12px}.partial-surface-lab .ps-legend{flex-wrap:wrap;gap:.3rem 1rem;margin:.5rem 0;font-size:.8rem;display:flex}.partial-surface-lab .ps-legend .ps-legend-surface{color:#0369a1}.partial-surface-lab .ps-legend .ps-legend-curve{color:#6d28d9}.partial-surface-lab .ps-legend .ps-legend-tangent{color:#16a34a}.partial-surface-lab .ps-slice{background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:0;padding:.7rem}.partial-surface-lab .ps-slice>strong,.partial-surface-lab .ps-slice>span{font-size:.85rem;display:block}.partial-surface-lab .ps-slice>span{color:#6d28d9;text-align:center}.partial-surface-lab .ps-slice svg{width:100%;height:auto;margin-top:.5rem;display:block}@media (width<=600px){.partial-surface-lab{padding:.7rem}.partial-surface-lab .ps-controls{gap:.7rem}.partial-surface-lab .ps-surface{min-height:250px}.partial-surface-lab svg text{font-size:25px}.partial-surface-lab svg .ps-tick,.partial-surface-lab svg .ps-tick text{font-size:21px}}.partial-surface-lab .ps-surface{user-select:none}.partial-surface-lab [hidden]{display:none!important}.partial-surface-lab .ps-transition-note{margin:.7rem 0;font-size:.9rem}.partial-surface-lab .ps-legend .ps-legend-gradient{color:#f97316}.partial-surface-lab .ps-slices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.partial-surface-lab .ps-slice svg text{font-size:14px}.partial-surface-lab .ps-slice .ps-slice-slope{color:#9a3412;text-align:center;margin:.5rem 0 0;font-size:.9rem}@media (width<=480px){.partial-surface-lab .ps-slices{grid-template-columns:1fr}}.gradient-direction{box-sizing:border-box;color:#334155;background:#fbfcff;border:1px solid #cbd5e1;border-radius:12px;width:100%;max-width:560px;margin:2rem auto;padding:.8rem;font:15px/1.5 system-ui,sans-serif}.gradient-direction .gd-heading{justify-content:center;align-items:center;gap:.5rem;display:flex}.gradient-direction button{font:inherit;color:#1e293b;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:5px;padding:.35rem .6rem}.gradient-direction svg{touch-action:none;user-select:none;cursor:grab;width:100%;height:auto;display:block}.gradient-direction .gd-interaction{touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.gradient-direction .gd-interaction[data-dragging=true]{cursor:grabbing}.gradient-direction :focus-visible{outline-offset:3px;outline:3px solid #7c3aed}.gradient-direction svg text{fill:#334155;paint-order:stroke;stroke:#fbfcff;stroke-width:3px;stroke-linejoin:round;font:17px system-ui,sans-serif}.gradient-direction svg .gd-tick{font-size:13px}.gradient-direction .gd-legend{text-align:center;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:.85rem;display:flex}.gradient-direction .gd-legend span:first-child{color:#6d28d9}.gradient-direction .gd-legend span:last-child{color:#15803d}@media (width<=600px){.gradient-direction svg text{font-size:21px}.gradient-direction svg .gd-tick{font-size:18px}}.gradient-direction .gd-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}