.gradient-generator[data-v-1cb49ea3]{width:100%}.content-inner[data-v-1cb49ea3]{margin:0 auto;max-width:1260px;padding:0 4px;width:100%}.section[data-v-1cb49ea3]{opacity:0;transform:translateY(16px);transition:all .5s cubic-bezier(.4,0,.2,1)}.section.visible[data-v-1cb49ea3]{opacity:1;transform:translateY(0)}.layout-wrap[data-v-1cb49ea3]{display:flex;flex-direction:column;gap:24px}@media (min-width:768px){.layout-wrap[data-v-1cb49ea3]{flex-direction:row;gap:32px}.layout-left[data-v-1cb49ea3]{flex:1;min-width:0}.layout-right[data-v-1cb49ea3]{flex-shrink:0;width:460px}.right-sticky[data-v-1cb49ea3]{position:sticky;top:16px}}.section-header[data-v-1cb49ea3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.section-title[data-v-1cb49ea3]{font-size:16px;font-weight:600;letter-spacing:.3px}.section-label[data-v-1cb49ea3]{font-size:14px;opacity:.7}.divider[data-v-1cb49ea3]{background:#0000000f;height:1px;margin:22px 0}.direction-section[data-v-1cb49ea3]{margin-top:18px}.subsection-header[data-v-1cb49ea3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.angle-value[data-v-1cb49ea3]{font-size:18px;font-variant-numeric:tabular-nums;font-weight:600;opacity:.8}.direction-presets[data-v-1cb49ea3]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.direction-presets .n-button.active[data-v-1cb49ea3]{opacity:1}.radial-section[data-v-1cb49ea3]{margin-top:14px}.radial-row[data-v-1cb49ea3]{flex-wrap:wrap;gap:20px;justify-content:center}.radial-field[data-v-1cb49ea3],.radial-row[data-v-1cb49ea3]{align-items:center;display:flex}.radial-field[data-v-1cb49ea3]{flex-direction:column;gap:8px}.stops-bar[data-v-1cb49ea3]{border:1px solid rgba(0,0,0,.06);border-radius:6px;height:12px;margin-bottom:14px;position:relative}.stop-dot[data-v-1cb49ea3]{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0003;cursor:grab;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .15s ease,transform .15s ease,box-shadow .15s ease;width:16px;z-index:1}.stop-dot[data-v-1cb49ea3]:hover{box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-50%) scale(1.2)}.stop-dot.dragging[data-v-1cb49ea3]{box-shadow:0 3px 12px #00000059;cursor:grabbing;transform:translate(-50%,-50%) scale(1.35);transition:none;z-index:2}.stops-list[data-v-1cb49ea3]{display:flex;flex-direction:column;gap:10px}.stop-row[data-v-1cb49ea3]{align-items:center;background:#00000005;border:1px solid rgba(0,0,0,.04);border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.stop-row.dragging[data-v-1cb49ea3]{opacity:.4}.stop-row.drag-over[data-v-1cb49ea3]{background:#2080f00f;border-color:#2080f0}.drag-handle[data-v-1cb49ea3]{align-items:center;cursor:grab;display:flex;flex-direction:column;flex-shrink:0;gap:2.5px;justify-content:center;opacity:.2;padding:0 2px;transition:opacity .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stop-row:hover .drag-handle[data-v-1cb49ea3]{opacity:.6}.drag-handle[data-v-1cb49ea3]:active{cursor:grabbing}.drag-handle span[data-v-1cb49ea3]{background:currentColor;border-radius:1px;display:block;height:2px;width:14px}.stop-color-wrap[data-v-1cb49ea3]{flex-shrink:0;width:90px}.stop-position[data-v-1cb49ea3]{align-items:center;display:flex;flex:1;gap:8px}.stop-position .n-slider[data-v-1cb49ea3]{flex:1}.stop-position-value[data-v-1cb49ea3]{font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;min-width:32px;opacity:.7;text-align:right}.preview-area[data-v-1cb49ea3]{align-items:center;border:1px solid rgba(0,0,0,.06);border-radius:12px;display:flex;height:260px;justify-content:center;overflow:hidden;position:relative;transition:background .3s ease}@media (min-width:768px){.preview-area[data-v-1cb49ea3]{height:200px}}.preview-overlay[data-v-1cb49ea3]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:8px 20px}.preview-label[data-v-1cb49ea3]{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.2)}.css-output[data-v-1cb49ea3]{display:flex;flex-direction:column;gap:6px;margin-top:0}.css-line-row[data-v-1cb49ea3]{align-items:center;display:flex;gap:6px}.css-line-row .n-button[data-v-1cb49ea3]{flex-shrink:0}.css-line-input[data-v-1cb49ea3]{flex:1}.css-line-input[data-v-1cb49ea3] textarea{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.6}.presets-grid[data-v-1cb49ea3]{display:grid;gap:6px;grid-template-columns:repeat(8,1fr)}@media (max-width:767px){.presets-grid[data-v-1cb49ea3]{grid-template-columns:repeat(4,1fr)}}.preset-card[data-v-1cb49ea3]{align-items:flex-end;border:1px solid rgba(0,0,0,.06);border-radius:10px;cursor:pointer;display:flex;height:72px;outline:none;overflow:hidden;padding:6px 8px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.preset-card[data-v-1cb49ea3]:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.preset-name[data-v-1cb49ea3]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;text-shadow:0 1px 4px rgba(0,0,0,.3)}body{padding:0!important}.gradient-page[data-v-3ef4bc8e]{align-items:center;display:flex;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease}.gradient-page.ready[data-v-3ef4bc8e]{opacity:1}.page-card[data-v-3ef4bc8e]{display:flex;flex:1;flex-direction:column;width:100%}.page-card[data-v-3ef4bc8e] .n-card,.page-card[data-v-3ef4bc8e] .n-card__content{display:flex;flex:1;flex-direction:column}.page-card[data-v-3ef4bc8e] .n-card__action{margin-top:auto;padding:10px}.loading-placeholder[data-v-3ef4bc8e]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-3ef4bc8e]{color:inherit!important;text-decoration:none}.subtle-link[data-v-3ef4bc8e]:hover{text-decoration:underline}.devtool-modal[data-v-3ef4bc8e]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-3ef4bc8e]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-3ef4bc8e]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-3ef4bc8e]{color:#333;font-size:16px}