.stops { display: flex; flex-wrap: wrap; gap: 8px; }
.stop { display: flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: var(--radius); padding: 4px; background: var(--surface-2); }
.stop input[type='color'] { width: 38px; height: 34px; padding: 2px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); cursor: pointer; }
.stop .mc-input { width: 96px; height: 34px; font-size: 13px; }
.stop .mc-btn.small { height: 30px; min-width: 30px; padding: 0 8px; }
.mc-btn.preset { position: relative; padding-left: 26px; }
.mc-btn.preset::before { content: ''; position: absolute; left: 8px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 3px; background: var(--g); }
#gpreview { font-size: 20px; }