.tooltip-trigger[data-v-592c588a]{display:inline-flex}.tooltip-bubble{z-index:200;white-space:nowrap;max-width:22rem;font-family:var(--font-ui);color:var(--color-bg-default);background:var(--color-text-default);border-radius:var(--radius-sm);pointer-events:none;padding:.375rem .5rem;font-size:.6875rem;font-weight:400;line-height:1.3;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 16px #00000040}.tooltip-bubble--multiline{white-space:normal;text-align:left;max-width:19rem;padding:.5rem .625rem;font-size:.75rem;line-height:1.45}.page[data-v-ab00a32e]{background:var(--color-bg-default);min-height:100vh;color:var(--color-text-default)}.tool-hero[data-v-ab00a32e]{padding:calc(4rem + var(--navbar-height)) 1.5rem 2.5rem;justify-content:center;display:flex}@media (width<=768px){.tool-hero[data-v-ab00a32e]{padding:calc(2.5rem + var(--navbar-height)) 1.5rem 2rem}}.tool-hero__inner[data-v-ab00a32e]{width:100%;max-width:1100px}.tool-breadcrumb[data-v-ab00a32e]{color:var(--color-text-muted);align-items:center;gap:.375rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.tool-breadcrumb__link[data-v-ab00a32e]{color:var(--color-text-muted);text-decoration:none}.tool-breadcrumb__link[data-v-ab00a32e]:hover{color:var(--color-text-default);text-decoration:underline}.tool-breadcrumb__sep[data-v-ab00a32e]{color:var(--color-border-default)}.tool-breadcrumb__current[data-v-ab00a32e]{color:var(--color-text-default)}.tool-hero__title[data-v-ab00a32e]{font-family:var(--font-heading);color:var(--color-text-default);margin:0 0 .875rem;font-size:max(1.75rem,min(4vw,2.75rem));font-weight:400;line-height:1.1}.tool-hero__subtitle[data-v-ab00a32e]{max-width:580px;color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.65}.tool-section[data-v-ab00a32e]{padding:0 1.5rem 4rem}.tool-section__inner[data-v-ab00a32e]{grid-template-columns:280px 1fr;align-items:start;gap:2rem;max-width:1100px;margin:0 auto;display:grid}@media (width<=900px){.tool-section__inner[data-v-ab00a32e]{grid-template-columns:1fr}}.controls-panel[data-v-ab00a32e]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);top:calc(var(--navbar-height) + 1.5rem);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;position:sticky}@media (width<=900px){.controls-panel[data-v-ab00a32e]{position:static}}.controls-panel__header[data-v-ab00a32e]{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.randomize-btn[data-v-ab00a32e]{font-family:var(--font-ui);color:var(--color-text-default);background:var(--color-bg-default);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:.375rem;padding:.3rem .6rem;font-size:.75rem;display:inline-flex}.randomize-btn[data-v-ab00a32e]:hover{border-color:var(--color-brand-default);color:var(--color-brand-default)}.controls-panel__title[data-v-ab00a32e]{font-family:var(--font-heading);color:var(--color-text-muted);margin:0;font-size:.875rem;font-style:italic;font-weight:500}.control-group[data-v-ab00a32e]{flex-direction:column;gap:.5rem;display:flex}.control-group--curve[data-v-ab00a32e]{gap:.75rem}.control-label[data-v-ab00a32e]{color:var(--color-text-default);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;display:flex}.control-value[data-v-ab00a32e]{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:400}.control-label__text[data-v-ab00a32e]{align-items:center;gap:.375rem;display:flex}.control-icon[data-v-ab00a32e]{color:var(--color-text-muted);flex-shrink:0}.control-group--inline[data-v-ab00a32e]{flex-direction:row;justify-content:space-between;align-items:center}.control-label--inline[data-v-ab00a32e]{flex:none}.name-input[data-v-ab00a32e]{width:100%;height:2rem;font-family:var(--font-ui);color:var(--color-text-default);background:var(--color-bg-default);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);box-sizing:border-box;padding:0 .5rem;font-size:.8125rem}.name-input[data-v-ab00a32e]::placeholder{color:var(--color-text-subtle)}.name-input[data-v-ab00a32e]:focus-visible{border-color:var(--color-brand-default);outline:none}.num-stepper[data-v-ab00a32e]{align-items:center;gap:.25rem;display:flex}.num-stepper__btn[data-v-ab00a32e]{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-default);width:1.75rem;height:1.75rem;color:var(--color-text-default);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.num-stepper__btn[data-v-ab00a32e]:hover:not(:disabled){border-color:var(--color-brand-default);color:var(--color-brand-default)}.num-stepper__btn[data-v-ab00a32e]:disabled{opacity:.4;cursor:not-allowed}.num-stepper__input[data-v-ab00a32e]{text-align:center;width:2.75rem;height:1.75rem;font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--color-text-default);background:var(--color-bg-default);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);appearance:textfield;padding:0;font-size:.8125rem}.num-stepper__input[data-v-ab00a32e]::-webkit-outer-spin-button{appearance:none;margin:0}.num-stepper__input[data-v-ab00a32e]::-webkit-inner-spin-button{appearance:none;margin:0}.num-stepper__input[data-v-ab00a32e]:focus-visible{border-color:var(--color-brand-default);outline:none}.range-input[data-v-ab00a32e]{appearance:none;cursor:grab;background:linear-gradient(to right, var(--color-brand-default) 0%, var(--color-brand-default) var(--fill-pct,50%), var(--color-border-default) var(--fill-pct,50%), var(--color-border-default) 100%);border:none;border-radius:3px;outline:none;width:100%;height:6px;padding:0}.range-input[data-v-ab00a32e]:active{cursor:grabbing}.range-input[data-v-ab00a32e]::-webkit-slider-thumb{appearance:none;background:var(--color-brand-default);cursor:grab;border:2px solid var(--color-bg-default);border-radius:50%;width:14px;height:14px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #0000004d}.range-input[data-v-ab00a32e]::-moz-range-thumb{background:var(--color-brand-default);cursor:grab;border:2px solid var(--color-bg-default);border-radius:50%;width:14px;height:14px;transition:transform .12s,box-shadow .12s;box-shadow:0 1px 4px #0000004d}.range-input[data-v-ab00a32e]:hover::-webkit-slider-thumb{transform:scale(1.2)}.range-input[data-v-ab00a32e]:hover::-moz-range-thumb{transform:scale(1.2)}.range-input[data-v-ab00a32e]:active::-webkit-slider-thumb{cursor:grabbing}.range-input[data-v-ab00a32e]:active::-moz-range-thumb{cursor:grabbing}@media (prefers-reduced-motion:reduce){.range-input[data-v-ab00a32e]::-webkit-slider-thumb{transition:none}.range-input[data-v-ab00a32e]::-moz-range-thumb{transition:none}}.range-labels[data-v-ab00a32e]{color:var(--color-text-subtle);justify-content:space-between;font-size:.625rem;display:flex}.output-panel[data-v-ab00a32e]{flex-direction:column;gap:2rem;display:flex}.ramp-section[data-v-ab00a32e]{flex-direction:column;gap:.75rem;display:flex}.ramp-section__header[data-v-ab00a32e]{align-items:center;gap:.75rem;display:flex}.ramp-section__title[data-v-ab00a32e]{font-family:var(--font-heading);color:var(--color-text-muted);text-transform:capitalize;margin:0;font-size:1rem;font-style:italic;font-weight:400}.ramp-section__meta[data-v-ab00a32e]{color:var(--color-text-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:.125rem .4375rem;font-size:.6875rem}.swatch-row[data-v-ab00a32e]{flex-wrap:nowrap;gap:4px;display:flex}.swatch-cell[data-v-ab00a32e]{cursor:pointer;flex-direction:column;flex:1 1 0;min-width:0;display:flex}.swatch-cell:focus-within .swatch-cell__color[data-v-ab00a32e]{outline:2px solid var(--color-brand-default);outline-offset:2px}.swatch-cell__color[data-v-ab00a32e]{border-radius:var(--radius-sm);justify-content:center;align-items:flex-end;height:3.5rem;padding-bottom:.375rem;transition:transform .1s;display:flex;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.swatch-cell__color[data-v-ab00a32e]{transition:none}}.swatch-cell:hover .swatch-cell__color[data-v-ab00a32e]{transform:scaleY(1.04)}.swatch-cell__copied[data-v-ab00a32e]{font-family:var(--font-code);pointer-events:none;font-size:.5625rem;font-weight:600}.swatch-cell__tooltip[data-v-ab00a32e]{width:100%;display:block}.swatch-cell__meta[data-v-ab00a32e]{justify-content:space-between;align-items:center;gap:.25rem;padding-top:.3125rem;display:flex}.swatch-cell__step[data-v-ab00a32e]{font-variant-numeric:tabular-nums;color:var(--color-text-subtle);font-size:.625rem}.ramp-skeleton[data-v-ab00a32e]{gap:4px;display:flex}.ramp-skeleton__cell[data-v-ab00a32e]{border-radius:var(--radius-sm);background:var(--color-bg-surface);flex:1;height:3.5rem;animation:1.6s ease-in-out infinite skeleton-pulse-ab00a32e}@keyframes skeleton-pulse-ab00a32e{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ramp-skeleton__cell[data-v-ab00a32e]{opacity:.7;animation:none}}.tool-pairings[data-v-ab00a32e]{padding:0 1.5rem 4rem}.tool-pairings__inner[data-v-ab00a32e]{max-width:1100px;margin:0 auto}.tool-cta[data-v-ab00a32e]{padding:0 1.5rem 5rem}.tool-cta__inner[data-v-ab00a32e]{isolation:isolate;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface);justify-content:space-between;align-items:center;gap:2rem;max-width:1100px;margin:0 auto;padding:2.5rem;display:flex;position:relative;overflow:hidden}@media (width<=768px){.tool-cta__inner[data-v-ab00a32e]{flex-direction:column;align-items:flex-start;padding:1.5rem}}.tool-cta__blueprint[data-v-ab00a32e]{opacity:.42;-webkit-mask-image:linear-gradient(#0000 0% 10%,#000 72%);mask-image:linear-gradient(#0000 0% 10%,#000 72%)}.tool-cta__body[data-v-ab00a32e]{z-index:1;flex-direction:column;gap:.75rem;display:flex;position:relative}.tool-cta__title[data-v-ab00a32e]{font-family:var(--font-heading);color:var(--color-text-default);margin:0;font-size:1.375rem;font-weight:500;line-height:1.2}.tool-cta__text[data-v-ab00a32e]{max-width:600px;color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.65}.tool-cta__text strong[data-v-ab00a32e]{color:var(--color-text-default);font-weight:600}.tool-cta__btn[data-v-ab00a32e]{z-index:1;flex-shrink:0;position:relative}