.cg-slider{width:100%;min-height:44px;accent-color:var(--accent);margin:-6px 0 10px;display:block}.cg-h{margin:18px 0 4px;font-size:1.1rem}.cg-h3{margin:14px 0 8px;font-size:1rem}.cg-stop-list{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cg-stop-fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;margin:0;padding:4px 12px 0}.cg-stop-legend{padding:0 6px;font-size:.9rem;font-weight:700}.cg-stop-grid{grid-template-columns:52px minmax(0,1fr) minmax(0,9em) 44px;grid-template-areas:"picker color pos remove";align-items:start;gap:0 10px;display:grid}.cg-picker{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;grid-area:picker;width:52px;height:46px;margin-top:calc(1.615rem + 4px);padding:3px}.cg-color{grid-area:color}.cg-color .input{font-family:var(--font-mono)}.cg-pos{grid-area:pos}.cg-remove{grid-area:remove;min-width:44px;margin-top:calc(1.615rem + 4px);padding:4px;font-size:1.4rem;line-height:1}@media (max-width:520px){.cg-stop-grid{grid-template-columns:52px minmax(0,1fr) 44px;grid-template-areas:"picker color remove""pos pos pos"}}.cg-preview{border:1px solid var(--border);border-radius:var(--radius-sm);height:180px}.cg-css{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;font-size:.9rem;line-height:1.6}