[data-tool="gradient-olusturucu"] .tool__form,
[data-tool="gradient-olusturucu"] .result { min-width: 0; }
[data-tool="gradient-olusturucu"] .gradient-picker { width: 100%; padding: 5px; cursor: pointer; }
[data-tool="gradient-olusturucu"] .gradient-preview { min-height: 200px; width: 100%; aspect-ratio: 8 / 5; border: 1px solid var(--line); border-radius: 12px; background-color: #eeeeee; margin: 20px 0; }
[data-tool="gradient-olusturucu"] [data-code] { min-height: 130px; width: 100%; resize: vertical; overflow-wrap: anywhere; }