.gradient-tool[data-astro-cid-og2snv7h]{margin:2rem 0}.gradient-tool-inner[data-astro-cid-og2snv7h]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:960px;margin:0 auto;width:100%}.gt-left[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:1.25rem;background:var(--card-bg, #fff);border:1px solid var(--border);border-radius:12px;padding:1.25rem;overflow:visible;min-width:0}.gt-right[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:1.25rem;background:var(--card-bg, #fff);border:1px solid var(--border);border-radius:12px;padding:1.25rem;min-width:0}.gt-tabs-row[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:.75rem}.gt-tabs-row[data-astro-cid-og2snv7h] .tabs[data-astro-cid-og2snv7h]{margin-bottom:0}.gt-type-option[data-astro-cid-og2snv7h]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gt-type-option[data-astro-cid-og2snv7h].hidden{display:none}.gt-option-label[data-astro-cid-og2snv7h]{font-size:.8125rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.gt-angle-row[data-astro-cid-og2snv7h]{display:flex;align-items:center;gap:.5rem;flex:1}.gt-angle-row[data-astro-cid-og2snv7h] input[data-astro-cid-og2snv7h][type=range]{flex:1;min-width:60px}.gt-angle-row[data-astro-cid-og2snv7h] input[data-astro-cid-og2snv7h][type=number]{width:3.5rem;padding:.35rem .5rem}.gt-type-option[data-astro-cid-og2snv7h] select[data-astro-cid-og2snv7h]{padding:.35rem .5rem;font-size:.875rem}.gt-picker-col[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:.6rem}.cp-sv[data-astro-cid-og2snv7h]{position:relative;width:100%;height:180px;border-radius:8px;cursor:crosshair;touch-action:none;background:#0004ff;overflow:hidden;border:1px solid var(--border)}.cp-sv-layer[data-astro-cid-og2snv7h]{position:absolute;inset:0;pointer-events:none}.cp-sv-white[data-astro-cid-og2snv7h]{background:linear-gradient(to right,#fff,transparent)}.cp-sv-black[data-astro-cid-og2snv7h]{background:linear-gradient(to top,#000,transparent)}.cp-sv-cursor[data-astro-cid-og2snv7h]{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0006;pointer-events:none;left:50%;top:30%}.cp-label[data-astro-cid-og2snv7h]{font-weight:600;font-size:.8125rem}.cp-mini-label[data-astro-cid-og2snv7h]{font-size:.7rem;font-weight:600;color:var(--text-muted);text-align:center}.cp-sr[data-astro-cid-og2snv7h]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cp-hex-input[data-astro-cid-og2snv7h]{width:100%;font-family:ui-monospace,monospace;font-size:.875rem;text-transform:uppercase}.cp-rgb-grid[data-astro-cid-og2snv7h]{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.cp-num[data-astro-cid-og2snv7h]{width:100%;padding:.35rem .25rem;font-size:.8125rem;text-align:center}.cp-hue-slider[data-astro-cid-og2snv7h]{width:100%;height:14px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:7px;border:1px solid var(--border)}.cp-hue-slider[data-astro-cid-og2snv7h]::-webkit-slider-thumb,.cp-alpha-slider[data-astro-cid-og2snv7h]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border);box-shadow:0 1px 3px #00000040;cursor:pointer}.cp-hue-slider[data-astro-cid-og2snv7h]::-moz-range-thumb,.cp-alpha-slider[data-astro-cid-og2snv7h]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border);cursor:pointer}.cp-alpha-track[data-astro-cid-og2snv7h]{position:relative;height:14px;border-radius:7px;border:1px solid var(--border);background-color:#e2e8f0;background-image:linear-gradient(45deg,#cbd5e1 25%,transparent 25%),linear-gradient(-45deg,#cbd5e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cbd5e1 75%),linear-gradient(-45deg,transparent 75%,#cbd5e1 75%);background-size:10px 10px}.cp-alpha-track[data-astro-cid-og2snv7h]:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(to right,transparent,var(--cp-alpha-color, #6366f1));pointer-events:none}.cp-alpha-slider[data-astro-cid-og2snv7h]{position:relative;z-index:1;width:100%;height:14px;margin:0;-webkit-appearance:none;appearance:none;background:transparent}.gt-stops-section[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:.75rem}.gt-stops-bar-wrap[data-astro-cid-og2snv7h]{position:relative;width:100%;height:40px;border-radius:8px;border:1px solid var(--border);overflow:visible;touch-action:none;user-select:none;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:10px 10px;background-color:#fff}.gt-stops-bar[data-astro-cid-og2snv7h]{position:absolute;inset:0;border-radius:7px;pointer-events:none}.gt-marker{position:absolute;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059,0 2px 4px #0003;cursor:grab;pointer-events:auto;padding:0;user-select:none;transition:box-shadow .1s}.gt-marker.selected{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 2px var(--accent),0 2px 6px #00000040;z-index:3}.gt-marker:active{cursor:grabbing}.gt-stops-footer[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:.75rem}.gt-add-stop[data-astro-cid-og2snv7h]{align-self:flex-start}.gt-stop-pills[data-astro-cid-og2snv7h]{display:flex;flex-wrap:wrap;gap:.5rem}.gt-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .35rem .25rem .25rem;background:#fff;border:2px solid var(--border);border-radius:999px;cursor:pointer}.gt-pill.selected{border-color:var(--accent);background:#f5f3ff}.gt-pill-swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:8px 8px;position:relative;overflow:hidden}.gt-pill-swatch-fill{position:absolute;inset:0;border-radius:50%}.gt-pill-hex{width:5.5rem;font-family:ui-monospace,monospace;font-size:.75rem;padding:.2rem .35rem;border:1px solid var(--border);border-radius:4px;text-transform:uppercase}.gt-pill-pos{width:4rem;font-size:.75rem;padding:.2rem;border:1px solid var(--border);border-radius:4px;text-align:center}.gt-pill-pct{font-size:.75rem;color:var(--text-muted)}.gt-pill-remove{width:22px;height:22px;padding:0;border:none;background:transparent;color:#94a3b8;font-size:1rem;line-height:1;cursor:pointer;border-radius:50%}.gt-pill-remove:hover:not(:disabled){background:#fee2e2;color:#dc2626}.gt-pill-remove:disabled{opacity:.3;cursor:not-allowed}.gt-preview-bar[data-astro-cid-og2snv7h]{flex:1;min-height:200px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(135deg,#6366f1,#ec4899)}.gt-output-col[data-astro-cid-og2snv7h]{display:flex;flex-direction:column;gap:.5rem}.gt-output-title[data-astro-cid-og2snv7h]{font-size:.95rem;margin:0}.gt-output-col[data-astro-cid-og2snv7h] .code-output[data-astro-cid-og2snv7h]{font-size:.75rem;margin:0;overflow-x:auto;word-break:break-all;white-space:pre-wrap}@media(max-width:768px){.gradient-tool-inner[data-astro-cid-og2snv7h]{grid-template-columns:1fr}.gt-preview-bar[data-astro-cid-og2snv7h]{min-height:180px;flex:none}}