.gradient-presets[data-astro-cid-ptxeftjj]{margin-bottom:2rem}.gradient-presets[data-astro-cid-ptxeftjj] h3[data-astro-cid-ptxeftjj]{margin-bottom:1rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.preset-buttons[data-astro-cid-ptxeftjj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.preset-btn[data-astro-cid-ptxeftjj]{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.preset-btn[data-astro-cid-ptxeftjj]:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.gradient-controls-section[data-astro-cid-ptxeftjj]{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.gradient-controls-section[data-astro-cid-ptxeftjj] h3[data-astro-cid-ptxeftjj]{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.gradient-controls-section[data-astro-cid-ptxeftjj].hidden{display:none}.gradient-type-selector[data-astro-cid-ptxeftjj]{display:flex;gap:.75rem;flex-wrap:wrap}.type-btn[data-astro-cid-ptxeftjj]{flex:1;min-width:100px;padding:.75rem 1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.type-btn[data-astro-cid-ptxeftjj]:hover{border-color:var(--accent-primary)}.type-btn[data-astro-cid-ptxeftjj].active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.control-group[data-astro-cid-ptxeftjj]{margin-bottom:1.5rem}.control-group[data-astro-cid-ptxeftjj]:last-child{margin-bottom:0}.control-group[data-astro-cid-ptxeftjj] label[data-astro-cid-ptxeftjj]{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.slider-input-group[data-astro-cid-ptxeftjj]{display:flex;align-items:center;gap:1rem}.slider[data-astro-cid-ptxeftjj]{flex:1;height:6px;border-radius:3px;background:var(--bg-primary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider[data-astro-cid-ptxeftjj]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}.slider[data-astro-cid-ptxeftjj]::-webkit-slider-thumb:hover{background:var(--accent-secondary)}.slider[data-astro-cid-ptxeftjj]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;-moz-transition:background .2s ease;transition:background .2s ease}.slider[data-astro-cid-ptxeftjj]::-moz-range-thumb:hover{background:var(--accent-secondary)}.number-input[data-astro-cid-ptxeftjj]{width:80px;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;text-align:center}.number-input[data-astro-cid-ptxeftjj]:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary)}.unit[data-astro-cid-ptxeftjj]{color:var(--text-secondary);font-size:.9rem;min-width:30px}.shape-selector[data-astro-cid-ptxeftjj],.position-selector[data-astro-cid-ptxeftjj]{width:100%}select[data-astro-cid-ptxeftjj]{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer}select[data-astro-cid-ptxeftjj]:focus{outline:none;border-color:var(--accent-primary)}.color-stops-list[data-astro-cid-ptxeftjj]{margin-bottom:1.5rem}.color-stop-item[data-astro-cid-ptxeftjj]{margin-bottom:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.color-stop-item[data-astro-cid-ptxeftjj]:last-child{margin-bottom:0}.color-stop-input-group[data-astro-cid-ptxeftjj]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.color-picker[data-astro-cid-ptxeftjj]{width:50px;height:50px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.position-input-group[data-astro-cid-ptxeftjj]{display:flex;align-items:center;gap:.5rem;flex:1;min-width:120px}.position-input[data-astro-cid-ptxeftjj]{width:80px;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;text-align:center}.position-input[data-astro-cid-ptxeftjj]:focus{outline:none;border-color:var(--accent-primary)}.btn-remove[data-astro-cid-ptxeftjj]{padding:.5rem 1rem;background:var(--accent-error);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;cursor:pointer;transition:background .2s ease}.btn-remove[data-astro-cid-ptxeftjj]:hover{background:#dc2626}.color-stops-actions[data-astro-cid-ptxeftjj]{display:flex;gap:.75rem}.btn-secondary[data-astro-cid-ptxeftjj]{padding:.75rem 1.5rem;background:var(--accent-secondary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-secondary[data-astro-cid-ptxeftjj]:hover{background:#0284c7}.gradient-preview[data-astro-cid-ptxeftjj]{width:100%;height:300px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000004d}.code-output-wrapper[data-astro-cid-ptxeftjj]{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.code-output-actions[data-astro-cid-ptxeftjj]{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.code-output[data-astro-cid-ptxeftjj]{margin:0;padding:1.5rem;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.btn-copy[data-astro-cid-ptxeftjj]{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s ease}.btn-copy[data-astro-cid-ptxeftjj]:hover{background:#7c3aed}@media(max-width:768px){.preset-buttons[data-astro-cid-ptxeftjj]{grid-template-columns:repeat(2,1fr)}.gradient-preview[data-astro-cid-ptxeftjj]{height:250px}.type-btn[data-astro-cid-ptxeftjj]{min-width:80px}.slider-input-group[data-astro-cid-ptxeftjj]{flex-direction:column;align-items:stretch}.unit[data-astro-cid-ptxeftjj]{text-align:center}.color-stop-input-group[data-astro-cid-ptxeftjj]{flex-direction:column}.position-input-group[data-astro-cid-ptxeftjj]{width:100%}}