@layer mlola.recipes{.ml-whiteboard{--ml-whiteboard-ink:var(--ml-text)}.ml-whiteboard[data-tool=rect],.ml-whiteboard[data-tool=ellipse],.ml-whiteboard[data-tool=diamond],.ml-whiteboard[data-tool=arrow],.ml-whiteboard[data-tool=draw],.ml-whiteboard[data-tool=sticky],.ml-whiteboard[data-tool=rect] .ml-whiteboard-shape,.ml-whiteboard[data-tool=ellipse] .ml-whiteboard-shape,.ml-whiteboard[data-tool=diamond] .ml-whiteboard-shape,.ml-whiteboard[data-tool=arrow] .ml-whiteboard-shape,.ml-whiteboard[data-tool=draw] .ml-whiteboard-shape{cursor:crosshair}.ml-whiteboard[data-tool=text]{cursor:text}.ml-whiteboard[data-tool=eraser],.ml-whiteboard[data-tool=eraser] .ml-whiteboard-shape{cursor:cell}.ml-whiteboard-shape{--ml-shape-ink:var(--ml-text);--ml-shape-fill:var(--ml-surface);--ml-shape-note:color-mix(in oklab, var(--ml-warning) 34%, var(--ml-surface));color:var(--ml-text);cursor:default;position:absolute}.ml-whiteboard-shape[data-tone=primary]{--ml-shape-ink:var(--ml-primary-text);--ml-shape-fill:color-mix(in oklab, var(--ml-primary) 10%, var(--ml-surface));--ml-shape-note:color-mix(in oklab, var(--ml-primary) 22%, var(--ml-surface))}.ml-whiteboard-shape[data-tone=info]{--ml-shape-ink:var(--ml-info-text);--ml-shape-fill:color-mix(in oklab, var(--ml-info) 12%, var(--ml-surface));--ml-shape-note:color-mix(in oklab, var(--ml-info) 28%, var(--ml-surface))}.ml-whiteboard-shape[data-tone=success]{--ml-shape-ink:var(--ml-success-text);--ml-shape-fill:color-mix(in oklab, var(--ml-success) 12%, var(--ml-surface));--ml-shape-note:color-mix(in oklab, var(--ml-success) 28%, var(--ml-surface))}.ml-whiteboard-shape[data-tone=warning]{--ml-shape-ink:var(--ml-warning-text);--ml-shape-fill:color-mix(in oklab, var(--ml-warning) 14%, var(--ml-surface));--ml-shape-note:color-mix(in oklab, var(--ml-warning) 34%, var(--ml-surface))}.ml-whiteboard-shape[data-tone=danger]{--ml-shape-ink:var(--ml-danger-text);--ml-shape-fill:color-mix(in oklab, var(--ml-danger) 11%, var(--ml-surface));--ml-shape-note:color-mix(in oklab, var(--ml-danger) 24%, var(--ml-surface))}.ml-whiteboard-shape[data-selected]{outline:calc(1.5px / var(--ml-canvas-zoom,1)) solid var(--ml-focus);outline-offset:calc(4px / var(--ml-canvas-zoom,1))}.ml-whiteboard-geo,.ml-whiteboard-stroke{max-width:none;position:absolute;inset:0;overflow:visible}.ml-whiteboard-geo>*{fill:var(--ml-shape-fill);stroke:var(--ml-shape-ink);stroke-width:2px;stroke-linejoin:round}.ml-whiteboard-stroke path{fill:none;stroke:var(--ml-shape-ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.ml-whiteboard-shape[data-kind=draw] .ml-whiteboard-stroke path{stroke-width:3px}.ml-whiteboard-shape[data-kind=arrow],.ml-whiteboard-shape[data-kind=draw]{pointer-events:none}.ml-whiteboard-stroke .ml-whiteboard-hit{stroke:#0000;stroke-width:16px;pointer-events:stroke}.ml-whiteboard-label{padding:var(--ml-space-3);font-size:var(--ml-type-sm);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;place-items:center;font-weight:500;line-height:1.4;display:grid;position:absolute;inset:0;overflow:hidden}.ml-whiteboard-shape[data-kind=sticky]{border-radius:var(--ml-radius-sm);background:var(--ml-shape-note);box-shadow:var(--ml-shadow-md)}.ml-whiteboard-shape[data-kind=sticky] .ml-whiteboard-label{padding:var(--ml-space-4);font-size:var(--ml-type-base)}.ml-whiteboard-shape[data-kind=text] .ml-whiteboard-label{padding:var(--ml-space-1) 0;color:var(--ml-shape-ink);font-size:var(--ml-type-lg);text-align:start;place-items:start;font-weight:500}.ml-whiteboard-shape[data-kind=text][data-tone=neutral] .ml-whiteboard-label{color:var(--ml-text)}.ml-whiteboard-shape[data-editing] .ml-whiteboard-label{visibility:hidden}.ml-whiteboard-editor{z-index:5;padding:var(--ml-space-3);color:var(--ml-text);font:inherit;font-size:var(--ml-type-sm);text-align:center;resize:none;field-sizing:content;caret-color:var(--ml-primary-text);background:0 0;border:0;outline:none;align-content:center;margin:0;font-weight:500;line-height:1.4;position:absolute;overflow:hidden}.ml-whiteboard-editor[data-kind=sticky]{padding:var(--ml-space-4);font-size:var(--ml-type-base)}.ml-whiteboard-editor[data-kind=text]{padding:var(--ml-space-1) 0;font-size:var(--ml-type-lg);text-align:start;align-content:start}.ml-whiteboard-group,.ml-whiteboard-marquee{pointer-events:none;position:absolute}.ml-whiteboard-group{outline:calc(1px / var(--ml-canvas-zoom,1)) dashed var(--ml-focus);outline-offset:calc(6px / var(--ml-canvas-zoom,1))}.ml-whiteboard-marquee{border:calc(1px / var(--ml-canvas-zoom,1)) solid var(--ml-focus);background:color-mix(in oklab, var(--ml-focus) 8%, transparent)}.ml-whiteboard-handle{z-index:4;width:calc(.625rem / var(--ml-canvas-zoom,1));height:calc(.625rem / var(--ml-canvas-zoom,1));border:calc(1.5px / var(--ml-canvas-zoom,1)) solid var(--ml-focus);border-radius:calc(2px / var(--ml-canvas-zoom,1));background:var(--ml-surface);position:absolute;translate:-50% -50%}.ml-whiteboard-handle[data-handle=nw],.ml-whiteboard-handle[data-handle=se]{cursor:nwse-resize}.ml-whiteboard-handle[data-handle=ne],.ml-whiteboard-handle[data-handle=sw]{cursor:nesw-resize}.ml-whiteboard-style{justify-items:center;gap:var(--ml-space-1-5);padding:var(--ml-space-2);border:var(--ml-border-width) solid var(--ml-border-subtle);border-radius:var(--ml-radius-lg);background:var(--ml-surface);box-shadow:var(--ml-shadow-md);display:grid}.ml-whiteboard-swatch{--ml-swatch:var(--ml-text);border:2px solid var(--ml-surface);background:var(--ml-swatch);width:1.375rem;height:1.375rem;box-shadow:0 0 0 1px var(--ml-border);cursor:pointer;border-radius:50%;padding:0}.ml-whiteboard-swatch[data-tone=neutral]{border-color:var(--ml-text);background:color-mix(in oklab, var(--ml-text) 10%, var(--ml-surface))}.ml-whiteboard-swatch[data-tone=primary]{--ml-swatch:var(--ml-primary)}.ml-whiteboard-swatch[data-tone=info]{--ml-swatch:var(--ml-info)}.ml-whiteboard-swatch[data-tone=success]{--ml-swatch:var(--ml-success)}.ml-whiteboard-swatch[data-tone=warning]{--ml-swatch:var(--ml-warning)}.ml-whiteboard-swatch[data-tone=danger]{--ml-swatch:var(--ml-danger)}.ml-whiteboard-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ml-focus)}.ml-whiteboard-swatch:focus-visible{outline:2px solid var(--ml-focus);outline-offset:2px}.ml-whiteboard-style-divider{width:100%;height:var(--ml-border-width);background:var(--ml-border-subtle)}.ml-whiteboard-style-action{border-radius:var(--ml-radius-sm);width:1.75rem;height:1.75rem;color:var(--ml-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.ml-whiteboard-style-action:hover{background:color-mix(in oklab, var(--ml-danger) 12%, transparent);color:color-mix(in oklab, var(--ml-danger-text) 78%, var(--ml-text))}.ml-whiteboard-style-action:focus-visible{outline:2px solid var(--ml-focus);outline-offset:-1px}@container ml-canvas (max-width:56rem){.ml-whiteboard .ml-canvas-panel.ml-whiteboard-zoom{bottom:calc(2 * var(--ml-space-3) + var(--ml-space-9) + 2 * var(--ml-space-1))}.ml-whiteboard .ml-canvas-panel.ml-whiteboard-minimap{display:none}}@container ml-canvas (max-width:30rem){.ml-whiteboard .ml-canvas-panel.ml-whiteboard-zoom{display:none}}@media (max-width:40rem){.ml-whiteboard .ml-canvas-panel.ml-whiteboard-minimap,.ml-whiteboard .ml-canvas-panel.ml-whiteboard-zoom{display:none}}}