.grad-wrap[data-astro-cid-6naapjxs]{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.breadcrumb[data-astro-cid-6naapjxs]{font-size:.83rem;color:var(--muted);margin-bottom:1rem}.breadcrumb[data-astro-cid-6naapjxs] a[data-astro-cid-6naapjxs]{color:var(--muted);text-decoration:none}.breadcrumb[data-astro-cid-6naapjxs] a[data-astro-cid-6naapjxs]:hover{color:var(--brand)}h1[data-astro-cid-6naapjxs]{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 .5rem}.lead[data-astro-cid-6naapjxs]{color:var(--muted);margin:0 0 1.5rem;max-width:70ch;line-height:1.6}.type-tabs[data-astro-cid-6naapjxs]{display:flex;gap:.4rem;margin-bottom:1.25rem}.tab-btn[data-astro-cid-6naapjxs]{padding:.45rem 1.1rem;border:1px solid var(--border, #2a3350);background:var(--surface, #131928);color:var(--text, #e8eaf0);border-radius:6px;cursor:pointer;font-size:.92rem;transition:background .15s,border-color .15s,color .15s}.tab-btn[data-astro-cid-6naapjxs]:hover{border-color:var(--brand);color:var(--brand)}.tab-btn[data-astro-cid-6naapjxs].active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.grad-layout[data-astro-cid-6naapjxs]{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}@media(max-width:700px){.grad-layout[data-astro-cid-6naapjxs]{grid-template-columns:1fr}}.controls-col[data-astro-cid-6naapjxs]{background:var(--surface, #131928);border:1px solid var(--border, #2a3350);border-radius:10px;padding:1.1rem 1rem;display:flex;flex-direction:column;gap:1rem}.ctrl-group[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.45rem}.ctrl-group[data-astro-cid-6naapjxs]>label[data-astro-cid-6naapjxs]{font-size:.83rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.type-panel[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.8rem}.type-panel[data-astro-cid-6naapjxs].hidden{display:none}.range-input[data-astro-cid-6naapjxs]{width:100%;accent-color:var(--brand);cursor:pointer}.radio-row[data-astro-cid-6naapjxs]{display:flex;gap:1.1rem;font-size:.9rem}.radio-row[data-astro-cid-6naapjxs] label[data-astro-cid-6naapjxs]{display:flex;align-items:center;gap:.35rem;cursor:pointer}.select-input[data-astro-cid-6naapjxs]{width:100%;background:var(--bg, #0a0e16);border:1px solid var(--border, #2a3350);color:var(--text, #e8eaf0);padding:.4rem .6rem;border-radius:5px;font-size:.9rem}.stops-header[data-astro-cid-6naapjxs]{display:flex;align-items:center;justify-content:space-between}.stops-header[data-astro-cid-6naapjxs] label[data-astro-cid-6naapjxs]{font-size:.83rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.btn-small[data-astro-cid-6naapjxs]{padding:.25rem .6rem;font-size:.8rem;background:var(--brand);color:#fff;border:none;border-radius:5px;cursor:pointer}.btn-small[data-astro-cid-6naapjxs]:hover{opacity:.85}#stops-list[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.5rem}.stop-row[data-astro-cid-6naapjxs]{display:grid;grid-template-columns:34px 1fr 28px;gap:.45rem;align-items:center}.stop-swatch[data-astro-cid-6naapjxs]{width:34px;height:28px;border:none;border-radius:5px;cursor:pointer;padding:0;background:transparent}.stop-swatch[data-astro-cid-6naapjxs]::-webkit-color-swatch-wrapper{padding:0}.stop-swatch[data-astro-cid-6naapjxs]::-webkit-color-swatch{border:none;border-radius:4px}.stop-pos-wrap[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.2rem}.stop-pos-label[data-astro-cid-6naapjxs]{font-size:.75rem;color:var(--muted)}.stop-remove[data-astro-cid-6naapjxs]{background:none;border:1px solid var(--border, #2a3350);color:var(--muted);border-radius:4px;width:28px;height:28px;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.stop-remove[data-astro-cid-6naapjxs]:hover{border-color:#e05;color:#e05}.presets-grid[data-astro-cid-6naapjxs]{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.preset-swatch[data-astro-cid-6naapjxs]{height:40px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s;position:relative}.preset-swatch[data-astro-cid-6naapjxs]:hover{border-color:var(--brand);transform:scale(1.05)}.preset-swatch[data-astro-cid-6naapjxs]:after{content:attr(title);position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%);font-size:.65rem;color:var(--muted);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.preset-swatch[data-astro-cid-6naapjxs]:hover:after{opacity:1}.preview-col[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:1rem}.grad-preview[data-astro-cid-6naapjxs]{width:100%;min-height:220px;border-radius:10px;border:1px solid var(--border, #2a3350);background:linear-gradient(135deg,#ff6b6b,#feca57,#4ecdc4);transition:background .12s}.output-block[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.4rem}.output-label[data-astro-cid-6naapjxs]{font-size:.83rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.output-row[data-astro-cid-6naapjxs]{display:flex;gap:.5rem;align-items:flex-start}.css-output[data-astro-cid-6naapjxs]{flex:1;background:var(--bg, #0a0e16);border:1px solid var(--border, #2a3350);color:var(--text, #e8eaf0);padding:.6rem .75rem;border-radius:6px;font-family:Fira Mono,Cascadia Code,monospace;font-size:.82rem;resize:none;line-height:1.55}.copy-btn[data-astro-cid-6naapjxs]{padding:.4rem .85rem;background:var(--surface, #131928);border:1px solid var(--border, #2a3350);color:var(--text, #e8eaf0);border-radius:6px;cursor:pointer;font-size:.85rem;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.copy-btn[data-astro-cid-6naapjxs]:hover{border-color:var(--brand);color:var(--brand)}.copy-btn[data-astro-cid-6naapjxs].copied{border-color:var(--ok, #3ecf8e);color:var(--ok, #3ecf8e)}.prose-section[data-astro-cid-6naapjxs]{margin-top:2.5rem}.prose-section[data-astro-cid-6naapjxs] h2[data-astro-cid-6naapjxs]{font-size:1.3rem;margin:0 0 .8rem}.how-list[data-astro-cid-6naapjxs],.use-list[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.5rem;padding-left:1.4rem}.how-list[data-astro-cid-6naapjxs] li[data-astro-cid-6naapjxs],.use-list[data-astro-cid-6naapjxs] li[data-astro-cid-6naapjxs]{line-height:1.6;color:var(--text)}.table-wrap[data-astro-cid-6naapjxs]{overflow-x:auto}.ref-table[data-astro-cid-6naapjxs]{width:100%;border-collapse:collapse;font-size:.88rem}.ref-table[data-astro-cid-6naapjxs] th[data-astro-cid-6naapjxs],.ref-table[data-astro-cid-6naapjxs] td[data-astro-cid-6naapjxs]{border:1px solid var(--border, #2a3350);padding:.55rem .75rem;text-align:left}.ref-table[data-astro-cid-6naapjxs] th[data-astro-cid-6naapjxs]{background:var(--surface, #131928);font-weight:600}.ref-table[data-astro-cid-6naapjxs] td[data-astro-cid-6naapjxs]:first-child{white-space:nowrap}.ref-table[data-astro-cid-6naapjxs] code[data-astro-cid-6naapjxs]{background:var(--bg, #0a0e16);padding:.1em .35em;border-radius:3px;font-size:.82em}.faq[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:1.2rem}.faq-item[data-astro-cid-6naapjxs]{border-left:3px solid var(--brand);padding-left:1rem}.faq-q[data-astro-cid-6naapjxs]{margin:0 0 .3rem;font-size:1rem;font-weight:600}.faq-a[data-astro-cid-6naapjxs]{margin:0;color:var(--muted);line-height:1.6;font-size:.93rem}.related-list[data-astro-cid-6naapjxs]{display:flex;flex-direction:column;gap:.4rem;padding-left:1.2rem}.related-list[data-astro-cid-6naapjxs] a[data-astro-cid-6naapjxs]{color:var(--brand);text-decoration:none}.related-list[data-astro-cid-6naapjxs] a[data-astro-cid-6naapjxs]:hover{text-decoration:underline}