.index-module__zf6E_G__panel{gap:18px;display:grid}.index-module__zf6E_G__previewSection,.index-module__zf6E_G__section{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:16px;padding:18px;display:grid}.index-module__zf6E_G__previewHeader,.index-module__zf6E_G__sectionHeader,.index-module__zf6E_G__rangeField{justify-content:space-between;align-items:center;gap:14px;display:flex}.index-module__zf6E_G__eyebrow,.index-module__zf6E_G__label,.index-module__zf6E_G__compactField span,.index-module__zf6E_G__rangeField span{color:var(--text-muted);font-size:13px;font-weight:700}.index-module__zf6E_G__title{color:var(--text);margin:2px 0 0;font-size:24px;line-height:1.2}.index-module__zf6E_G__description{max-width:58ch;color:var(--text-muted);margin:6px 0 0;font-size:14px;line-height:1.5}.index-module__zf6E_G__copyButton,.index-module__zf6E_G__sectionHeader button,.index-module__zf6E_G__iconButton{border-color:var(--border);background:var(--bg);color:var(--text);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.index-module__zf6E_G__copyButton:disabled,.index-module__zf6E_G__sectionHeader button:disabled,.index-module__zf6E_G__iconButton:disabled{opacity:.45}.index-module__zf6E_G__preview{border:1px solid var(--border);border-radius:8px;min-height:330px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.index-module__zf6E_G__previewLabel{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff47;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.index-module__zf6E_G__select,.index-module__zf6E_G__textInput,.index-module__zf6E_G__numberInput{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px}.index-module__zf6E_G__select,.index-module__zf6E_G__textInput{min-height:42px;padding:10px 12px}.index-module__zf6E_G__select{max-width:260px}.index-module__zf6E_G__numberInput{min-height:38px;padding:8px 10px}.index-module__zf6E_G__presetGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.index-module__zf6E_G__presetButton,.index-module__zf6E_G__presetButtonActive{border:1px solid var(--border);background:var(--bg);min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:700;display:grid}.index-module__zf6E_G__presetButtonActive{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 20%, transparent)}.index-module__zf6E_G__presetSwatch{aspect-ratio:1;border:1px solid #ffffff47;border-radius:8px;width:38px}.index-module__zf6E_G__controlsGrid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;display:grid}.index-module__zf6E_G__stopsList,.index-module__zf6E_G__sliderGroup,.index-module__zf6E_G__shapeGroup{gap:10px;display:grid}.index-module__zf6E_G__stopRow{grid-template-columns:48px minmax(110px,1fr) 112px 42px;align-items:end;gap:10px;display:grid}.index-module__zf6E_G__colorInput{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:48px;height:42px;padding:3px}.index-module__zf6E_G__compactField{gap:6px;display:grid}.index-module__zf6E_G__stopSummary{overflow-wrap:anywhere;color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.index-module__zf6E_G__range{width:100%;accent-color:var(--primary)}.index-module__zf6E_G__rangeField strong{min-width:58px;color:var(--text);text-align:right;font-size:13px}.index-module__zf6E_G__segmentedControl{border:1px solid var(--border);background:var(--bg);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.index-module__zf6E_G__segment,.index-module__zf6E_G__segmentActive{min-height:38px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:700}.index-module__zf6E_G__segmentActive{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.index-module__zf6E_G__code{border:1px solid var(--border);background:var(--surface-subtle);max-height:280px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:14px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow:auto}@media (max-width:980px){.index-module__zf6E_G__presetGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.index-module__zf6E_G__controlsGrid{grid-template-columns:1fr}}@media (max-width:680px){.index-module__zf6E_G__previewHeader,.index-module__zf6E_G__sectionHeader{flex-direction:column;align-items:stretch}.index-module__zf6E_G__copyButton,.index-module__zf6E_G__select{width:100%;max-width:none}.index-module__zf6E_G__preview{min-height:260px}.index-module__zf6E_G__presetGrid,.index-module__zf6E_G__stopRow{grid-template-columns:1fr}.index-module__zf6E_G__presetButton,.index-module__zf6E_G__presetButtonActive{grid-template-columns:44px minmax(0,1fr)}.index-module__zf6E_G__colorInput{width:100%}.index-module__zf6E_G__iconButton{justify-content:center;width:100%}}