.page.svelte-w353ve{padding:var(--space-xl);max-width:1200px}.detail-header.svelte-w353ve{margin-bottom:var(--space-lg)}.back-link.svelte-w353ve{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:.875rem;transition:color .15s}.back-link.svelte-w353ve:hover{color:var(--color-text)}.detail-layout.svelte-w353ve{display:grid;grid-template-columns:1fr 360px;gap:var(--space-xl);align-items:start}.preview-section.svelte-w353ve{position:relative}.preview-large.svelte-w353ve{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.stops-overlay.svelte-w353ve{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius-lg)}.mesh-points-visual.svelte-w353ve{position:absolute;top:0;right:0;bottom:0;left:0}.grid-lines-svg.svelte-w353ve{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.grid-lines-svg.svelte-w353ve path:where(.svelte-w353ve){fill:none;stroke:#ffffff80;stroke-width:.3;vector-effect:non-scaling-stroke}.mesh-dot.svelte-w353ve{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0000004d;transform:translate(-50%,-50%);pointer-events:auto;cursor:default}.mesh-dot.svelte-w353ve:hover{width:18px;height:18px;z-index:1}.linear-stops-visual.svelte-w353ve{position:absolute;bottom:0;left:0;right:0;height:24px;background:#00000026}.stop-marker.svelte-w353ve{position:absolute;bottom:0;width:12px;height:24px;transform:translate(-50%);border-radius:2px 2px 0 0;border:1px solid rgba(255,255,255,.6);border-bottom:none;pointer-events:auto;cursor:default}.info-section.svelte-w353ve{display:flex;flex-direction:column;gap:var(--space-lg)}.gradient-name.svelte-w353ve{font-size:1.25rem;font-weight:600;margin:0}.meta-grid.svelte-w353ve{display:flex;flex-direction:column;gap:var(--space-sm)}.meta-item.svelte-w353ve{display:flex;justify-content:space-between;align-items:center}.meta-label.svelte-w353ve{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.04em}.meta-value.svelte-w353ve{font-size:.8125rem;color:var(--color-text)}.meta-value.svelte-w353ve a:where(.svelte-w353ve){color:var(--color-accent);display:inline-flex;align-items:center;gap:4px}.meta-value.svelte-w353ve a:where(.svelte-w353ve):hover{text-decoration:underline}.badge.svelte-w353ve{background:var(--color-bg-overlay);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem}.tags.svelte-w353ve{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag.svelte-w353ve{font-size:.6875rem;padding:2px var(--space-sm);background:var(--color-bg-overlay);border-radius:var(--radius-sm);color:var(--color-text-muted)}.actions.svelte-w353ve{display:flex;gap:var(--space-sm)}.btn.svelte-w353ve{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.btn.svelte-w353ve:hover{border-color:var(--color-text-dim);color:var(--color-text)}.btn-fork.svelte-w353ve{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-fork.svelte-w353ve:hover{opacity:.9}.btn-fork.svelte-w353ve:disabled{opacity:.5;cursor:default}.smoothing-control.svelte-w353ve{display:flex;flex-direction:column;gap:var(--space-xs)}.slider-row.svelte-w353ve{display:flex;align-items:center;gap:var(--space-sm)}.slider-label.svelte-w353ve{font-size:.6875rem;color:var(--color-text-dim);white-space:nowrap}.slider-row.svelte-w353ve input[type=range]:where(.svelte-w353ve){flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.slider-row.svelte-w353ve input[type=range]:where(.svelte-w353ve)::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-raised);box-shadow:0 1px 3px #0000004d;cursor:grab}.section-title.svelte-w353ve{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-dim);margin:0 0 var(--space-sm)}.stops-grid.svelte-w353ve{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-sm)}.stop-tile.svelte-w353ve{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);border-radius:var(--radius-md);transition:background .1s}.stop-tile.svelte-w353ve:hover{background:var(--color-bg-overlay)}.stop-swatch.svelte-w353ve{width:100%;aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--color-border)}.stop-color.svelte-w353ve{font-family:var(--font-mono, monospace);font-size:.625rem;color:var(--color-text-muted);text-align:center;word-break:break-all}.css-code.svelte-w353ve{background:var(--color-bg-overlay);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.75rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}@media(max-width:767px){.page.svelte-w353ve{padding:var(--space-md)}.detail-layout.svelte-w353ve{grid-template-columns:1fr;gap:var(--space-lg)}}