/* Cartões de Curves e Colors: mesma fonte nas duas interfaces. */
#ld-demo .ld-generic-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
#ld-demo .ld-generic-controls .lm-control{grid-template-columns:1fr}
#ld-demo .la-tone-curve{display:block;width:100%;height:auto;aspect-ratio:1;max-width:300px;margin-inline:auto;overflow:visible;background:var(--lm-surface);border:1px solid #3a4432;border-radius:0}
#ld-demo .la-curve-grid{fill:none;stroke:#3a4432;stroke-width:1}
#ld-demo .la-curve-reference{fill:none;stroke:#61734c;stroke-width:1}
#ld-demo .la-curve-line{fill:none;stroke:var(--lm-primary);stroke-width:2}
#ld-demo .la-curve-points{fill:var(--lm-primary)}
@media(max-width:660px){#ld-demo .ld-generic-controls{grid-template-columns:1fr}}
#ld-demo .ld-inspector-body{display:grid;gap:14px}

#ld-demo .la-curve-guides{fill:none;stroke:#3a4432;stroke-width:1}
#ld-demo .la-curve-selection{fill:none;stroke:var(--lm-primary);stroke-width:1}
#ld-demo .la-tone-curve{touch-action:none}