.gradient-generator[data-v-b30a48b1]{color:#141b24;margin:0 auto;max-width:1000px;padding:0}.color-pickers-section[data-v-b30a48b1]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;margin-bottom:20px;padding:16px 20px}.header-controls[data-v-b30a48b1]{align-items:center;border-bottom:1px solid #f1f5f8;display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-bottom:14px;padding-bottom:12px}.control-group[data-v-b30a48b1]{align-items:center;display:flex;flex-direction:row;gap:6px}.control-label[data-v-b30a48b1]{color:#454e58;font-size:13px;font-weight:500;margin-bottom:0;white-space:nowrap}.select-input[data-v-b30a48b1],.text-input[data-v-b30a48b1]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#141b24;font-size:13px;outline:none;padding:5px 8px;transition:all .2s ease}.select-input[data-v-b30a48b1]:focus,.text-input[data-v-b30a48b1]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.slider[data-v-b30a48b1]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f1f5f8;border-radius:3px;cursor:pointer;height:5px;outline:none;width:90px}.slider[data-v-b30a48b1]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #00828f4d;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.slider[data-v-b30a48b1]::-webkit-slider-thumb:hover{background:#00535c;box-shadow:0 4px 10px #00828f66;transform:scale(1.1)}.slider[data-v-b30a48b1]::-moz-range-thumb{background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #00828f4d;cursor:pointer;height:16px;width:16px}.slider-value[data-v-b30a48b1]{color:#00535c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;min-width:32px;text-align:right}.preset-group[data-v-b30a48b1]{align-items:center;border-left:1px solid #f1f5f8;display:flex;gap:8px;padding-left:18px}.preset-btn[data-v-b30a48b1]{border:1px solid rgba(0,0,0,.08);border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:5px 14px;text-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.preset-btn[data-v-b30a48b1]:hover{box-shadow:0 3px 10px #141b242e;transform:translateY(-1px)}.preset-btn[data-v-b30a48b1]:active{box-shadow:0 1px 3px #141b241f;transform:translateY(0)}.preset-gold[data-v-b30a48b1]{background:linear-gradient(135deg,#b8860b,gold 50%,#fff8dc)}.preset-blue[data-v-b30a48b1]{background:linear-gradient(135deg,#0a2463,#3e92cc 50%,#a8dadc)}.preset-red[data-v-b30a48b1]{background:linear-gradient(135deg,#8b0000,#e63946 50%,#ffb3b3)}.color-pickers[data-v-b30a48b1]{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.color-picker-card[data-v-b30a48b1]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px;transition:all .2s ease}.color-picker-card[data-v-b30a48b1]:hover{background-color:#fff;border-color:#d8dfe4;box-shadow:0 4px 12px #141b240f}.color-title[data-v-b30a48b1]{color:#141b24;font-size:14px;font-weight:600;letter-spacing:.2px;margin:0}.color-controls[data-v-b30a48b1]{gap:8px}.color-controls[data-v-b30a48b1],.position-control[data-v-b30a48b1]{display:flex;flex-direction:column}.position-control[data-v-b30a48b1]{gap:4px}.position-label[data-v-b30a48b1]{color:#5b646f;font-size:12px;font-weight:500}.position-slider[data-v-b30a48b1]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:3px;cursor:pointer;height:5px;outline:none;width:100%}.position-slider[data-v-b30a48b1]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #00828f4d;cursor:pointer;height:14px;width:14px}.position-slider[data-v-b30a48b1]::-moz-range-thumb{background:#00828f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #00828f4d;cursor:pointer;height:14px;width:14px}.color-input[data-v-b30a48b1]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:36px;padding:2px;width:100%}.hex-input-group[data-v-b30a48b1]{align-items:center;display:flex}.hex-prefix[data-v-b30a48b1]{background:#f1f5f8;border:1px solid #e2e8f0;border-radius:6px 0 0 6px;border-right:none;color:#5b646f;font-size:13px;font-weight:600;padding:6px 10px}.hex-input[data-v-b30a48b1]{border-radius:0 6px 6px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;width:100%}.color-preview[data-v-b30a48b1]{border:1px solid #e2e8f0;border-radius:6px;box-shadow:inset 0 0 0 1px #fff6;height:36px}.gradient-preview-section[data-v-b30a48b1]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;margin-bottom:20px;padding:20px}.section-title[data-v-b30a48b1]{color:#141b24;font-size:1rem;font-weight:600;letter-spacing:.2px;margin-bottom:15px;margin-top:0}.gradient-preview[data-v-b30a48b1]{border:1px solid #e2e8f0;border-radius:8px;height:150px;margin-bottom:15px;transition:all .3s ease}.gradient-code[data-v-b30a48b1]{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#454e58;display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;gap:10px;justify-content:space-between;padding:10px 14px}.gradient-code code[data-v-b30a48b1]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn[data-v-b30a48b1]{background-color:#dbf2f5;border:none;border-radius:6px;color:#00828f;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.copy-btn[data-v-b30a48b1]:hover{background-color:#00828f;color:#fff}.copy-btn[data-v-b30a48b1]:active{transform:scale(.98)}.midpoints-section[data-v-b30a48b1]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;padding:20px}.midpoints-container[data-v-b30a48b1]{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:15px}.color-swatch[data-v-b30a48b1]{border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:60px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.color-swatch[data-v-b30a48b1]:hover{box-shadow:0 4px 12px #141b241f;transform:scale(1.05);z-index:2}.color-value[data-v-b30a48b1]{background-color:#141b248c;bottom:0;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;left:0;padding:2px 4px;position:absolute;right:0;text-align:center}.copy-all-btn[data-v-b30a48b1]{background-color:#dbf2f5;border:none;border-radius:6px;color:#00828f;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s ease}.copy-all-btn[data-v-b30a48b1]:hover{background-color:#00828f;color:#fff}.copy-all-btn[data-v-b30a48b1]:active{transform:scale(.98)}.notification[data-v-b30a48b1]{background-color:#141b24eb;border-radius:8px;bottom:24px;box-shadow:0 8px 24px #141b2426;color:#fff;font-size:.85rem;opacity:0;padding:9px 16px;pointer-events:none;position:fixed;right:24px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.notification.visible[data-v-b30a48b1]{opacity:1;transform:translateY(0)}@media (max-width:768px){.header-controls[data-v-b30a48b1],.preset-group[data-v-b30a48b1]{justify-content:flex-start}.preset-group[data-v-b30a48b1]{border-left:none;flex-wrap:wrap;padding-left:0;width:100%}.color-pickers[data-v-b30a48b1]{grid-template-columns:1fr}.midpoints-container[data-v-b30a48b1]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}