.gradient-page[data-v-150e413f]{display:flex;min-height:calc(100vh - 92px);flex-direction:column;gap:1rem;padding:1rem 1.5rem}.tool-hero[data-v-150e413f],.workspace[data-v-150e413f]{display:grid;gap:1rem}.tool-hero[data-v-150e413f]{grid-template-columns:minmax(0,1fr) auto;align-items:end}.tool-title[data-v-150e413f]{font-size:1.5rem;line-height:1.2}.tool-description[data-v-150e413f]{margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.gradient-chip[data-v-150e413f]{display:flex;width:132px;height:76px;align-items:flex-end;justify-content:flex-end;padding:.625rem;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #0f172a1f}.gradient-chip span[data-v-150e413f]{border-radius:6px;background:#ffffffe0;color:#111827;font-size:.75rem;padding:.125rem .375rem}.workspace[data-v-150e413f]{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr)}.panel[data-v-150e413f]{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--background);box-shadow:0 12px 30px #0f172a0d}.panel-header[data-v-150e413f]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border);background:var(--background-secondary)}.panel-header h2[data-v-150e413f]{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.panel-header p[data-v-150e413f]{margin:.125rem 0 0;color:var(--text-secondary);font-size:.75rem}.actions[data-v-150e413f]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.panel-body[data-v-150e413f]{display:grid;gap:1rem;padding:1rem}.form-grid[data-v-150e413f]{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) minmax(130px,.6fr);align-items:end;gap:1rem}.field[data-v-150e413f]{display:grid;min-width:0;gap:.5rem;color:var(--text-primary);font-size:.8125rem}.stop-list[data-v-150e413f]{display:grid;gap:.75rem}.stop-row[data-v-150e413f]{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,.7fr) auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--background-secondary)}.stop-position[data-v-150e413f],.stop-alpha[data-v-150e413f]{display:grid;min-width:0;gap:.35rem;color:var(--text-secondary);font-size:.75rem}.preset-grid[data-v-150e413f]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}.preset[data-v-150e413f]{display:flex;min-height:72px;align-items:flex-end;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:.5rem}.preset span[data-v-150e413f]{border-radius:6px;background:#ffffffe0;color:#111827;font-size:.75rem;padding:.125rem .375rem}.preview-wrap[data-v-150e413f]{padding:1rem}.gradient-preview[data-v-150e413f]{min-height:320px;border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 42px #0f172a24}.output-list[data-v-150e413f]{display:grid;border-top:1px solid var(--border)}.output-row[data-v-150e413f]{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.875rem 1rem;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-primary);cursor:pointer;text-align:left}.output-row[data-v-150e413f]:last-child{border-bottom:0}.output-row[data-v-150e413f]:hover{background:var(--background-secondary)}.output-row span[data-v-150e413f]{color:var(--text-secondary);font-size:.75rem;font-weight:700}.output-row code[data-v-150e413f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.workspace[data-v-150e413f],.form-grid[data-v-150e413f]{grid-template-columns:1fr}}@media (max-width: 768px){.gradient-page[data-v-150e413f]{min-height:auto;padding:.75rem 1rem}.tool-hero[data-v-150e413f]{grid-template-columns:1fr}.gradient-chip[data-v-150e413f]{width:100%}.panel-header[data-v-150e413f]{align-items:stretch;flex-direction:column}.actions[data-v-150e413f]{justify-content:flex-start}.preset-grid[data-v-150e413f]{grid-template-columns:repeat(2,minmax(0,1fr))}.gradient-preview[data-v-150e413f]{min-height:240px}}@media (max-width: 480px){.gradient-page[data-v-150e413f]{padding:.5rem}.stop-row[data-v-150e413f]{grid-template-columns:auto minmax(0,1fr)}.stop-alpha[data-v-150e413f]{grid-column:1 / -1}}