.py-field{margin:.6rem 0}.py-field-label{margin-bottom:.35rem;font-weight:700;display:block}.py-segmented{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0;display:grid;overflow:hidden}.py-seg-btn{background:var(--bg-surface);min-width:0;color:var(--text-dim);cursor:pointer;border:0;border-radius:0;padding:.45rem .4rem;font-size:.82rem;line-height:1.25}.py-seg-btn+.py-seg-btn{border-left:1px solid var(--border)}.py-seg-btn:hover{color:var(--text)}.py-seg-btn.active{background:color-mix(in srgb, var(--accent) 18%, var(--bg-surface));color:var(--text);font-weight:700}.py-curv-field[hidden]{display:none}.py-curv-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.py-curv-row input[type=range]{width:100%;min-width:0}.py-curv-end{color:var(--text-dim);white-space:nowrap;font-size:.78rem}.py-curv-note{color:var(--text-dim);font-variant-numeric:tabular-nums;min-height:1.2em;margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.py-key-row{border-top:1px solid var(--border);margin-top:.3rem;padding-top:.35rem}.py-key-row>strong{color:#16a34a;font-size:1.1rem}.py-illo{width:100%;max-width:22rem;height:auto;color:var(--text);margin:.2rem auto .7rem;display:block}@media (width<=480px){.py-seg-btn{padding:.45rem .25rem;font-size:.76rem}}