.GradientGenerator-module__02vcVW__shell{width:min(100%,56rem)}.GradientGenerator-module__02vcVW__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.25rem;display:grid}.GradientGenerator-module__02vcVW__controls{gap:1rem;display:grid}.GradientGenerator-module__02vcVW__preview{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);place-items:end start;min-height:18rem;padding:1rem;display:grid;overflow:hidden}.GradientGenerator-module__02vcVW__preview code{background:color-mix(in srgb, var(--color-page) 70%, transparent);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.35rem .5rem;font-size:.8rem}.GradientGenerator-module__02vcVW__typeGrid{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.GradientGenerator-module__02vcVW__segment{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;padding:.6rem;font-size:.84rem}.GradientGenerator-module__02vcVW__segment[aria-pressed=true],.GradientGenerator-module__02vcVW__segment:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.GradientGenerator-module__02vcVW__stopList{gap:.55rem;display:grid}.GradientGenerator-module__02vcVW__stopRow{grid-template-columns:3rem minmax(0,1fr) 4.5rem;align-items:center;gap:.5rem;display:grid}.GradientGenerator-module__02vcVW__colorInput{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:0 0;block-size:2.45rem;inline-size:3rem;padding:.15rem}.GradientGenerator-module__02vcVW__presetGrid{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.45rem;display:grid}.GradientGenerator-module__02vcVW__preset{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;min-height:2.4rem}@media (max-width:760px){.GradientGenerator-module__02vcVW__grid,.GradientGenerator-module__02vcVW__typeGrid{grid-template-columns:1fr}}