@layer mlola.recipes{.ml-canvas{--ml-canvas-dot:color-mix(in oklab, var(--ml-text) 16%, transparent);--ml-canvas-line:color-mix(in oklab, var(--ml-text) 6%, transparent);background-color:var(--ml-background-subtle);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;outline:none;width:100%;height:100%;min-height:12rem;position:relative;overflow:hidden;container:ml-canvas/inline-size}.ml-canvas[data-grid=dots]{background-image:radial-gradient(circle at 1px 1px, var(--ml-canvas-dot) 1px, transparent 1.5px);background-position:var(--ml-canvas-x) var(--ml-canvas-y);background-size:var(--ml-canvas-step) var(--ml-canvas-step)}.ml-canvas[data-grid=lines]{background-image:linear-gradient(to right, var(--ml-canvas-line) 1px, transparent 1px), linear-gradient(to bottom, var(--ml-canvas-line) 1px, transparent 1px);background-position:var(--ml-canvas-x) var(--ml-canvas-y);background-size:var(--ml-canvas-step) var(--ml-canvas-step)}.ml-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--ml-focus)}.ml-canvas[data-panning=ready]{cursor:grab}.ml-canvas[data-panning=active],.ml-canvas[data-panning=active] *{cursor:grabbing}.ml-canvas-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0;overflow:visible}.ml-canvas-overlay{pointer-events:none;position:absolute;inset:0}.ml-canvas-panel{gap:var(--ml-space-2);max-width:calc(100% - 2 * var(--ml-space-3));pointer-events:auto;display:flex;position:absolute}.ml-canvas-panel[data-position=top-left]{top:var(--ml-space-3);left:var(--ml-space-3)}.ml-canvas-panel[data-position=top]{top:var(--ml-space-3);left:50%;translate:-50%}.ml-canvas-panel[data-position=top-right]{top:var(--ml-space-3);right:var(--ml-space-3)}.ml-canvas-panel[data-position=left]{top:50%;left:var(--ml-space-3);translate:0 -50%}.ml-canvas-panel[data-position=right]{top:50%;right:var(--ml-space-3);translate:0 -50%}.ml-canvas-panel[data-position=bottom-left]{bottom:var(--ml-space-3);left:var(--ml-space-3)}.ml-canvas-panel[data-position=bottom]{bottom:var(--ml-space-3);left:50%;translate:-50%}.ml-canvas-panel[data-position=bottom-right]{right:var(--ml-space-3);bottom:var(--ml-space-3)}.ml-canvas-controls{padding:var(--ml-space-0-5);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-md);background:var(--ml-surface);box-shadow:var(--ml-shadow-sm);align-items:center;display:inline-flex}.ml-canvas-control{min-width:1.875rem;height:1.875rem;padding:0 var(--ml-space-1-5);border-radius:var(--ml-radius-sm);color:var(--ml-text-muted);font:inherit;font-size:var(--ml-type-xs);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.ml-canvas-control[data-kind=level]{min-width:3.25rem;color:var(--ml-text)}.ml-canvas-control:hover:not(:disabled){background:var(--ml-fill-hover);color:var(--ml-text)}.ml-canvas-control:disabled{opacity:.4;cursor:default}.ml-canvas-control:focus-visible{outline:2px solid var(--ml-focus);outline-offset:-1px}.ml-canvas-cursor{--ml-canvas-cursor-color:var(--ml-primary);--ml-canvas-cursor-ink:var(--ml-primary-foreground);z-index:var(--ml-layer-raised);scale:calc(1 / var(--ml-canvas-zoom,1));transform-origin:0 0;pointer-events:none;align-items:flex-start;transition:translate .14s linear;display:flex;position:absolute;top:0;left:0}.ml-canvas-cursor[data-tone=info]{--ml-canvas-cursor-color:var(--ml-info);--ml-canvas-cursor-ink:var(--ml-info-foreground)}.ml-canvas-cursor[data-tone=success]{--ml-canvas-cursor-color:var(--ml-success);--ml-canvas-cursor-ink:var(--ml-success-foreground)}.ml-canvas-cursor[data-tone=warning]{--ml-canvas-cursor-color:var(--ml-warning);--ml-canvas-cursor-ink:var(--ml-warning-foreground)}.ml-canvas-cursor[data-tone=danger]{--ml-canvas-cursor-color:var(--ml-danger);--ml-canvas-cursor-ink:var(--ml-danger-foreground)}.ml-canvas-cursor-arrow{width:1.125rem;max-width:none;height:1.125rem;fill:var(--ml-canvas-cursor-color);stroke:var(--ml-surface);stroke-width:1.25px;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #0003)}.ml-canvas-cursor-label{margin:var(--ml-space-3) 0 0 calc(-1 * var(--ml-space-1));padding:var(--ml-space-0-5) var(--ml-space-2);border-radius:var(--ml-radius-sm) var(--ml-radius-md) var(--ml-radius-md) var(--ml-radius-md);background:var(--ml-canvas-cursor-color);color:var(--ml-canvas-cursor-ink);font-size:var(--ml-type-xs);white-space:nowrap;box-shadow:var(--ml-shadow-sm);font-weight:600;display:grid}.ml-canvas-cursor-label small{font-size:var(--ml-type-2xs);opacity:.85;font-weight:500}@media (prefers-reduced-motion:reduce){.ml-canvas-cursor{transition:none}}}