.GradientTool_preview__41PI0{width:100%;height:240px;border:1px solid var(--line);background-color:var(--panel)}.GradientTool_row2__lhng3{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:720px){.GradientTool_row2__lhng3{grid-template-columns:1fr}}.GradientTool_field__N_bXm{display:flex;flex-direction:column;gap:var(--space-1)}.GradientTool_fieldLabel__YQcUY{font-family:var(--font-mono),var(--font-mono-fallback);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.GradientTool_posBlock__3u9mZ{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.GradientTool_sliderRow__7acij{display:flex;align-items:center;gap:var(--space-2)}.GradientTool_sliderLabel__lINWk{font-family:var(--font-mono),var(--font-mono-fallback);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);min-width:32px}.GradientTool_range__TJQpT{flex:1 1;accent-color:var(--accent)}.GradientTool_sliderValue__2_wuA{font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px;color:var(--text-hero);min-width:56px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.GradientTool_hint__USQMa{margin:var(--space-2) 0 0;font-family:var(--font-mono),var(--font-mono-fallback);font-size:11px;color:var(--text-secondary);letter-spacing:.02em}.GradientTool_stopList__QO4hV{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}.GradientTool_stop__rjk0W{display:grid;grid-template-columns:36px 1fr 88px 24px 36px;grid-gap:var(--space-2);gap:var(--space-2);align-items:center;background:var(--panel);padding:var(--space-2)}.GradientTool_stopColor__J2XLO{width:36px;height:32px;padding:0;border:1px solid var(--line-strong);background:transparent;cursor:pointer}.GradientTool_stopPosition__bimf7,.GradientTool_stopText___VW2H{background:var(--bg);border:1px solid var(--line-strong);color:var(--text-hero);padding:6px 8px;font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px;outline:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.GradientTool_stopPosition__bimf7:focus,.GradientTool_stopText___VW2H:focus{border-color:var(--accent)}.GradientTool_stopUnit__fZGZW{font-size:11px;text-align:center}.GradientTool_removeBtn__dObnF,.GradientTool_stopUnit__fZGZW{font-family:var(--font-mono),var(--font-mono-fallback);color:var(--text-secondary)}.GradientTool_removeBtn__dObnF{background:var(--bg);border:1px solid var(--line-strong);font-size:16px;height:32px;cursor:pointer;transition:background var(--dur-hover) var(--ease),color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease)}.GradientTool_removeBtn__dObnF:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--bg)}.GradientTool_removeBtn__dObnF:disabled{opacity:.3;cursor:not-allowed}.GradientTool_addBtn__mwCk7{margin-top:var(--space-2);background:transparent;border:1px dashed var(--line-strong);color:var(--text-secondary);font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;cursor:pointer;transition:color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease)}.GradientTool_addBtn__mwCk7:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.GradientTool_addBtn__mwCk7:disabled{opacity:.3;cursor:not-allowed}.GradientTool_codeBlock__FMAf2{margin:0;padding:var(--space-3);background:var(--panel);border:1px solid var(--line);white-space:pre;overflow-x:auto}.GradientTool_codeBlock__FMAf2,.GradientTool_copyBtn__qp8jS{font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px;color:var(--text-hero)}.GradientTool_copyBtn__qp8jS{margin-top:var(--space-2);background:var(--bg);border:1px solid var(--line-strong);letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;cursor:pointer;transition:color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease),background var(--dur-hover) var(--ease)}.GradientTool_copyBtn__qp8jS:hover{color:var(--accent);border-color:var(--accent)}.GradientTool_copyBtn__qp8jS[data-state=copied]{color:var(--bg);background:var(--accent);border-color:var(--accent)}