.GradientGeneratorClient-module__vcj-6a__gradientGen{gap:2rem;max-width:1100px;margin:0 auto}.GradientGeneratorClient-module__vcj-6a__layout{gap:1.5rem;display:grid}@media (min-width:960px){.GradientGeneratorClient-module__vcj-6a__layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.GradientGeneratorClient-module__vcj-6a__controlPanel,.GradientGeneratorClient-module__vcj-6a__previewPanel{gap:1.5rem}.GradientGeneratorClient-module__vcj-6a__controlHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.GradientGeneratorClient-module__vcj-6a__repeatingToggle{color:var(--muted);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.GradientGeneratorClient-module__vcj-6a__repeatingToggle input{width:18px;height:18px}.GradientGeneratorClient-module__vcj-6a__sectionHeading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.GradientGeneratorClient-module__vcj-6a__sectionHeading h3{margin:0;font-size:1rem}.GradientGeneratorClient-module__vcj-6a__stopActions{flex-wrap:wrap;gap:.5rem;display:flex}.GradientGeneratorClient-module__vcj-6a__stops{gap:.75rem}.GradientGeneratorClient-module__vcj-6a__stopRow{grid-template-columns:auto minmax(0,120px) minmax(0,1fr) 68px auto;align-items:center;gap:.5rem;display:grid}@media (max-width:680px){.GradientGeneratorClient-module__vcj-6a__stopRow{grid-template-rows:repeat(3,auto);grid-template-columns:auto 1fr}.GradientGeneratorClient-module__vcj-6a__stopRow input[type=color]{grid-row:1/span 3}.GradientGeneratorClient-module__vcj-6a__stopTextInput,.GradientGeneratorClient-module__vcj-6a__stopLabel,.GradientGeneratorClient-module__vcj-6a__stopNumber{width:100%}.GradientGeneratorClient-module__vcj-6a__stopNumber{justify-self:start}}.GradientGeneratorClient-module__vcj-6a__stopRow input[type=color]{border-radius:var(--radius-sm);cursor:pointer;border:none;width:44px;height:40px;padding:0;box-shadow:inset 0 0 0 1px #0000001a}.GradientGeneratorClient-module__vcj-6a__stopTextInput{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;font-family:var(--font-mono,monospace);padding:.4rem .5rem}.GradientGeneratorClient-module__vcj-6a__stopLabel{color:var(--muted);align-items:center;gap:.5rem;display:flex}.GradientGeneratorClient-module__vcj-6a__stopLabel input[type=range]{flex:1}.GradientGeneratorClient-module__vcj-6a__stopNumber{border-radius:var(--radius-sm);border:1px solid var(--border);width:68px;font-family:var(--font-mono,monospace);padding:.35rem .5rem}.GradientGeneratorClient-module__vcj-6a__radialControls{gap:.75rem}.GradientGeneratorClient-module__vcj-6a__inlineFields{flex-direction:column;gap:.35rem;display:flex}@media (min-width:560px){.GradientGeneratorClient-module__vcj-6a__radialControls{flex-direction:row}.GradientGeneratorClient-module__vcj-6a__inlineFields{flex:1}}.GradientGeneratorClient-module__vcj-6a__positionControls{gap:.75rem}.GradientGeneratorClient-module__vcj-6a__positionShortcuts{flex-wrap:wrap;gap:.35rem;display:flex}.GradientGeneratorClient-module__vcj-6a__presets{flex-wrap:wrap;gap:.5rem;display:flex}.GradientGeneratorClient-module__vcj-6a__previewWrapper{border-radius:var(--radius);box-shadow:var(--shadow-2);border:1px solid var(--border);position:relative;overflow:hidden}.GradientGeneratorClient-module__vcj-6a__preview{aspect-ratio:4/3;background-position:50%;background-size:cover;width:100%;transition:background .3s;position:relative}.GradientGeneratorClient-module__vcj-6a__positionIndicator{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0003}.GradientGeneratorClient-module__vcj-6a__meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.GradientGeneratorClient-module__vcj-6a__meta dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem}.GradientGeneratorClient-module__vcj-6a__meta dd{font-family:var(--font-mono,monospace);word-break:break-all;margin:0}.GradientGeneratorClient-module__vcj-6a__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.GradientGeneratorClient-module__vcj-6a__actions .GradientGeneratorClient-module__vcj-6a__btn{flex:1}@media (min-width:640px){.GradientGeneratorClient-module__vcj-6a__actions{justify-content:flex-start}.GradientGeneratorClient-module__vcj-6a__actions .GradientGeneratorClient-module__vcj-6a__btn{flex:initial}}