.color-generator[data-v-785149ce]{padding:20px}.page-header[data-v-785149ce]{text-align:center;margin-bottom:30px}.page-header h2[data-v-785149ce]{font-size:28px;color:#333;margin-bottom:8px}.page-header p[data-v-785149ce]{color:#666;font-size:14px}.tool-container[data-v-785149ce]{width:100%;display:flex;flex-direction:column;gap:20px}.card-header[data-v-785149ce]{display:flex;justify-content:space-between;align-items:center;font-weight:500}.gradient-preview[data-v-785149ce]{height:200px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000001a}.preview-text[data-v-785149ce]{text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview-text h3[data-v-785149ce]{margin:0 0 8px;font-size:24px}.preview-text p[data-v-785149ce]{margin:0;font-size:12px;opacity:.9;font-family:Courier New,monospace}.settings-section[data-v-785149ce]{display:flex;flex-direction:column;gap:24px}.setting-item[data-v-785149ce]{display:flex;flex-direction:column;gap:12px}.setting-item label[data-v-785149ce]{font-weight:500;color:#333;font-size:14px}.color-list[data-v-785149ce]{display:flex;flex-direction:column;gap:12px}.color-item[data-v-785149ce]{display:flex;align-items:center;gap:12px}.presets-grid[data-v-785149ce]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.preset-item[data-v-785149ce]{width:80px;height:80px;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.preset-item[data-v-785149ce]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.code-output[data-v-785149ce]{font-family:Courier New,monospace}