.gr-page .gr-stops{display:grid;gap:12px;margin:20px 0}.gr-page .gr-stop{display:grid;grid-template-columns:52px minmax(0,1fr) 70px 42px;gap:8px;align-items:end;padding:12px;background:#251a30;border:1px solid #735588;border-radius:12px}.gr-page .gr-stop label{margin:0;font-size:12px}.gr-page .gr-stop input{padding:6px}.gr-page .gr-stop input[type=color]{width:100%;height:44px}.gr-page .gr-stop button{padding:6px;min-width:0}.gr-page #grCSS{min-height:120px;height:140px;font-family:monospace;overflow-wrap:anywhere}.gr-page .gr-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.gr-page .gr-actions button{flex:1;min-width:140px}.gr-page .gr-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.gr-page .gr-presets button{min-height:48px}.gr-page .gr-stop :disabled{opacity:.45}.gr-page #grSummary{overflow-wrap:anywhere}.gr-page #grCSSPreview{height:60px;border:1px solid #79598f;border-radius:10px;margin:16px 0}.gr-page .gr-stop input[type=number]{width:100%}@media(max-width:450px){.gr-page .gr-stop{grid-template-columns:44px minmax(0,1fr) 62px 36px;gap:6px;padding:8px}}

@media(max-width:450px){.gr-page .gr-stop{grid-template-columns:44px minmax(0,1fr) 80px 32px}}