.tool-gradient-generator .tool-container{display:flex;flex-direction:column;gap:var(--spacing-xl);}
.tool-gradient-generator .preview-box{height:300px;border:2px solid var(--border);border-radius:var(--radius-md);}
.tool-gradient-generator .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0;}
.tool-gradient-generator .control-group{display:flex;flex-direction:column;gap:var(--spacing-xs);}
.tool-gradient-generator .control-group label{font-weight:600;}
.tool-gradient-generator .control-group select,.tool-gradient-generator .control-group input{padding:var(--spacing-sm);border:2px solid var(--border);border-radius:var(--radius-sm);}
.tool-gradient-generator .control-group input[type="color"]{height:50px;cursor:pointer;}
.tool-gradient-generator .code-output textarea{width:100%;padding:var(--spacing-md);font-family:'Courier New',monospace;border:2px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);}