.cab-tool.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.cab-row-head.svelte-17a8dkg{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.cab-row-head__label.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-subtle)}.cab-row-head__caption.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.cab-preview__controls.svelte-17a8dkg{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cab-preview__bg.svelte-17a8dkg{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.cab-preview__bg.svelte-17a8dkg input[type=color]:where(.svelte-17a8dkg){width:24px;height:24px;border:1px solid var(--color-border);border-radius:var(--r-sm);padding:0;background:transparent;cursor:pointer}.cab-preview__stage.svelte-17a8dkg{width:100%;aspect-ratio:16 / 9;border-radius:var(--r-md);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow:hidden}.preview-target{width:clamp(64px,30%,160px);aspect-ratio:3 / 2;background:var(--color-surface);border-radius:var(--r-md);box-shadow:0 1px 2px #00000014,0 4px 12px -4px #0000001f;border:1px solid var(--color-border)}.cab-warn.svelte-17a8dkg{border:1px solid var(--color-accent);border-radius:var(--r-md);background:var(--color-surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.cab-warn__title.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-accent);margin:0}.cab-warn__list.svelte-17a8dkg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.cab-warn__item.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.55}.cab-warn__prop.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface-sunk);padding:var(--space-1) var(--space-2);border-radius:var(--r-sm);align-self:flex-start}.cab-warn__suggest.svelte-17a8dkg code:where(.svelte-17a8dkg){font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text)}.cab-pill.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;min-height:var(--touch-min);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.cab-pill.svelte-17a8dkg:hover{color:var(--color-text);border-color:var(--color-text-subtle)}.cab-pill.svelte-17a8dkg:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cab-pill--active.svelte-17a8dkg{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.cab-pill--ghost.svelte-17a8dkg{background:transparent;border-style:dashed}.cab-presets__group.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.cab-presets__group-heading.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-subtle);margin:0}.cab-presets__grid.svelte-17a8dkg{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cab-grid.svelte-17a8dkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--space-4)}.cab-field.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.cab-field--inline.svelte-17a8dkg{flex-direction:row;align-items:center;gap:var(--space-3)}.cab-field__label.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-subtle)}.cab-input.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-small);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--r-md);background:var(--color-surface);color:var(--color-text);min-height:var(--touch-min);accent-color:var(--color-accent)}.cab-input.svelte-17a8dkg:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-text)}.cab-input.svelte-17a8dkg:disabled{opacity:.5;cursor:not-allowed}.cab-iter.svelte-17a8dkg{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cab-toggle.svelte-17a8dkg{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text);cursor:pointer;min-height:var(--touch-min)}.cab-toggle--block.svelte-17a8dkg{display:flex;padding:var(--space-2) 0}.cab-toggle.svelte-17a8dkg input[type=checkbox]:where(.svelte-17a8dkg){accent-color:var(--color-accent)}.cab-easing__families.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.cab-easing__family.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-2)}.cab-easing__family-label.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle);margin:0}.cab-bezier.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.cab-bezier__inputs.svelte-17a8dkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:var(--space-3)}.cab-bezier__preview.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface-sunk);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);align-self:flex-start}.cab-steps.svelte-17a8dkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--space-4);margin-top:var(--space-4)}.cab-keyframes__list.svelte-17a8dkg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.cab-keyframe.svelte-17a8dkg{border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--space-4);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3)}.cab-keyframe__head.svelte-17a8dkg{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cab-keyframe__offset.svelte-17a8dkg{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.cab-keyframe__offset.svelte-17a8dkg input[type=range]:where(.svelte-17a8dkg){flex:1;min-width:0;accent-color:var(--color-accent)}.cab-keyframe__offset.svelte-17a8dkg output:where(.svelte-17a8dkg){font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;font-size:var(--font-size-small);color:var(--color-text);min-width:3.5ch;text-align:right}.cab-keyframe__props.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-3)}.cab-prop-row.svelte-17a8dkg{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.cab-prop-row.svelte-17a8dkg .cab-input:where(.svelte-17a8dkg){flex:1;min-width:0}.cab-prop-add.svelte-17a8dkg{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.cab-icon-btn.svelte-17a8dkg{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--r-md);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cab-icon-btn.svelte-17a8dkg:hover{color:var(--color-text);border-color:var(--color-text-subtle)}.cab-icon-btn.svelte-17a8dkg:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cab-icon-btn.svelte-17a8dkg:disabled{opacity:.4;cursor:not-allowed}.cab-badge.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 8%,transparent);padding:var(--space-1) var(--space-2);border-radius:var(--r-sm)}.cab-output__code.svelte-17a8dkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--color-surface-sunk);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--space-4);color:var(--color-text);overflow-x:auto;white-space:pre;line-height:1.6;margin:var(--space-3) 0;max-height:28rem}.cab-output__copy.svelte-17a8dkg{display:flex;justify-content:flex-start}