.plan-wf{--ink: var(--plan-text, hsl(var(--foreground)));--ink-soft: var(--plan-muted, hsl(var(--muted-foreground)));--line: var(--plan-line, hsl(var(--border)));--wf-sketch: var(--plan-muted-line, hsl(var(--border)));--paper: var(--plan-document, hsl(var(--background)));--card: var(--plan-block, hsl(var(--card)));--accent: hsl(var(--ring));--accent-soft: color-mix(in srgb, var(--accent) 15%, transparent);--warn: hsl(var(--destructive));--warn-soft: color-mix(in srgb, var(--warn) 14%, transparent);--ok: var(--accent);--ok-soft: color-mix(in srgb, var(--ok) 15%, transparent);--plan-wf-page-bg: var(--plan-canvas, hsl(var(--background)));--font-hand: "Excalifont", "Comic Sans MS", "Bradley Hand", "Marker Felt", cursive;--font-script: "Excalifont", "Comic Sans MS", "Bradley Hand", "Marker Felt", cursive;--font-clean: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--gap: 11px;--pad: 12px;--fs: 14px;--radius: 7px;--stroke: 1.4px;--wobble: none}.plan-wf[data-density=compact]{--gap: 7px;--pad: 9px;--fs: 13px;--radius: 6px;--stroke: 1.3px}.plan-wf[data-density=regular]{--gap: 11px;--pad: 12px;--fs: 14px;--radius: 7px;--stroke: 1.4px}.plan-wf[data-density=roomy]{--gap: 15px;--pad: 17px;--fs: 15px;--radius: 9px;--stroke: 1.6px}.plan-wf[data-style=clean]{--font-hand: var(--font-clean);--font-script: var(--font-clean)}.plan-wf[data-rough-ready] [data-rough]{border-color:transparent!important}.plan-wf[data-skeleton=true]{--ink: var(--skeleton-fill);--ink-soft: var(--skeleton-fill);--line: var(--skeleton-fill);--card: var(--skeleton-block);--accent: var(--skeleton-fill);--accent-soft: var(--skeleton-block);--warn: var(--skeleton-fill);--warn-soft: var(--skeleton-block);--ok: var(--skeleton-fill);--ok-soft: var(--skeleton-block);--stroke: 0px;--skeleton-fill: var(--plan-muted-line, hsl(var(--border)));--skeleton-block: var(--plan-block, hsl(var(--card)))}.plan-wf[data-skeleton=true] *{color:transparent!important;border-color:transparent!important}.plan-wf[data-skeleton=true]{--radius: 7px}@media(prefers-reduced-motion:no-preference){.plan-wf[data-skeleton=true]{animation:plan-skeleton-pulse 1.6s ease-in-out infinite}}@keyframes plan-skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.plan-html-frame{--wf-ink: var(--plan-text, hsl(var(--foreground)));--wf-muted: var(--plan-muted, hsl(var(--muted-foreground)));--wf-line: var(--plan-line, hsl(var(--border)));--wf-sketch: var(--plan-muted-line, hsl(var(--border)));--wf-paper: var(--plan-document, hsl(var(--background)));--wf-card: var(--plan-block, hsl(var(--card)));--wf-accent: hsl(var(--ring));--wf-accent-fg: hsl(var(--primary-foreground));--wf-accent-soft: color-mix(in srgb, var(--wf-accent) 11%, transparent);--wf-warn: hsl(var(--destructive));--wf-ok: var(--wf-accent);--wf-radius: 9px;--wf-font-hand: "Excalifont", "Comic Sans MS", "Bradley Hand", cursive;--wf-font-clean: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--wf-font: var(--wf-font-hand);position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background:var(--wf-paper);color:var(--wf-ink);font-family:var(--wf-font);font-size:14px;line-height:1.45}.plan-html-frame-content{width:100%;height:100%}.plan-html-frame[data-prototype-live=true]{overflow:auto}.plan-html-frame[data-prototype-live=true]>.plan-html-frame-content{height:100%;min-height:0;overflow:auto!important;overscroll-behavior:contain}.plan-html-frame[data-style=clean]{--wf-font: var(--wf-font-clean)}.plan-html-frame[data-render-mode=design]{--wf-font: var(--wf-font-clean);background:transparent;color:inherit;font-family:var(--wf-font-clean);font-size:16px;line-height:normal}:where(.plan-html-frame[data-render-mode=design] .plan-html-frame-content) :where(h1,h2,h3,p,small,a,button,input,textarea,select,hr){all:revert;box-sizing:border-box}.plan-html-frame[data-render-mode=design] button,.plan-html-frame[data-render-mode=design] [role=button],.plan-html-frame[data-render-mode=design] [data-goto]{cursor:pointer}.plan-html-frame[data-render-mode=design] [data-plan-design-selected]{outline:2px solid hsl(var(--ring))!important;outline-offset:2px}.plan-html-frame *{box-sizing:border-box;min-width:0}.plan-html-frame:not([data-render-mode=design]) h1{font-size:22px;font-weight:700;line-height:1.15;margin:0 0 8px}.plan-html-frame:not([data-render-mode=design]) h2{font-size:17px;font-weight:700;line-height:1.2;margin:0 0 6px}.plan-html-frame:not([data-render-mode=design]) h3{font-size:14px;font-weight:700;margin:0 0 4px}.plan-html-frame:not([data-render-mode=design]) p{margin:0 0 8px}.plan-html-frame:not([data-render-mode=design]) small,.plan-html-frame:not([data-render-mode=design]) .wf-muted{color:var(--wf-muted);font-size:12.5px}.plan-html-frame:not([data-render-mode=design]) a{color:var(--wf-accent);text-decoration:none}.plan-html-frame:not([data-render-mode=design]) hr{border:0;border-top:1.4px solid var(--wf-line);margin:10px 0}.plan-html-frame:not([data-render-mode=design]) .wf-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;color:currentColor;vertical-align:-.16em}.plan-html-frame:not([data-render-mode=design]) .wf-icon-fallback{display:inline-flex;align-items:center;justify-content:center;border:1.2px solid currentColor;border-radius:999px;font-size:.72em;font-weight:700;line-height:1}.plan-html-frame:not([data-render-mode=design]) button,.plan-html-frame:not([data-render-mode=design]) .wf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:700;color:var(--wf-ink);background:var(--wf-paper);border:1.4px solid var(--wf-line);border-radius:var(--wf-radius);padding:7px 14px;cursor:default}.plan-html-frame[data-prototype-live=true] :is(button,.wf-btn,[role=button],[data-goto]){cursor:pointer}.plan-html-frame[data-prototype-live=true] :is(button,.wf-btn):active{transform:translateY(1px)}.plan-html-frame[data-prototype-live=true] [hidden]{display:none!important}.plan-html-frame[data-prototype-live=true] .is-done,.plan-html-frame[data-prototype-live=true] [data-done=true]{color:var(--wf-muted);text-decoration:line-through;text-decoration-thickness:1.5px}.plan-html-frame:not([data-render-mode=design]) button.primary,.plan-html-frame:not([data-render-mode=design]) .wf-btn.primary,.plan-html-frame:not([data-render-mode=design]) [data-primary]{background:var(--wf-accent);border-color:var(--wf-accent);color:var(--wf-accent-fg)}.plan-html-frame:not([data-render-mode=design]) input,.plan-html-frame:not([data-render-mode=design]) textarea,.plan-html-frame:not([data-render-mode=design]) select{font:inherit;color:var(--wf-ink);background:var(--wf-card);border:1.4px solid var(--wf-line);border-radius:var(--wf-radius);padding:8px 10px;width:100%}.plan-html-frame:not([data-render-mode=design]) input[type=checkbox],.plan-html-frame:not([data-render-mode=design]) input[type=radio]{width:16px;height:16px;padding:0;accent-color:var(--wf-accent);flex:0 0 auto}.plan-html-frame:not([data-render-mode=design]) .wf-card,.plan-html-frame:not([data-render-mode=design]) .wf-box{background:var(--wf-card);border:1.4px solid var(--wf-line);border-radius:var(--wf-radius);padding:12px}.plan-html-frame:not([data-render-mode=design]) .wf-pill,.plan-html-frame:not([data-render-mode=design]) .wf-chip{display:inline-flex;align-items:center;gap:5px;border:1.4px solid var(--wf-line);border-radius:999px;padding:2px 10px;font-size:12.5px}.plan-html-frame:not([data-render-mode=design]) .wf-pill.accent{border-color:var(--wf-accent);color:var(--wf-accent);background:var(--wf-accent-soft)}.plan-html-frame[data-rough-ready] :is(button,input,textarea,select,.wf-card,.wf-box,hr,[data-rough]){border-color:transparent!important}.plan-html-frame[data-skeleton=true]{--wf-ink: var(--plan-muted-line, hsl(var(--border)));--wf-muted: var(--plan-muted-line, hsl(var(--border)));--wf-line: var(--plan-placeholder-line, hsl(var(--border)));--wf-card: var(--plan-block, hsl(var(--card)));--wf-accent: var(--plan-muted-line, hsl(var(--border)));--wf-accent-soft: var(--plan-block, hsl(var(--card)))}.plan-html-frame[data-skeleton=true] *{color:transparent!important}.plan-diagram-shell{position:relative;width:100%}.plan-diagram-frame{--wf-ink: var(--plan-text, hsl(var(--foreground)));--wf-muted: var(--plan-muted, hsl(var(--muted-foreground)));--wf-line: var(--plan-line, hsl(var(--border)));--wf-sketch: var(--plan-muted-line, hsl(var(--border)));--wf-paper: var(--plan-document, hsl(var(--background)));--wf-card: var(--plan-block, hsl(var(--card)));--wf-accent: hsl(var(--ring));--wf-accent-fg: hsl(var(--primary-foreground));--wf-accent-soft: color-mix(in srgb, var(--wf-accent) 11%, transparent);--wf-warn: hsl(var(--destructive));--wf-ok: var(--wf-accent);--wf-radius: 8px;--wf-font-hand: "Excalifont", "Comic Sans MS", "Bradley Hand", cursive;--wf-font-clean: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--wf-font: var(--wf-font-clean);position:relative;overflow:hidden;width:100%;border:0;border-radius:10px;background:var(--wf-paper);color:var(--wf-ink);font-family:var(--wf-font);font-size:14px;line-height:1.4}.plan-diagram-frame[data-style=sketchy]{--wf-font: var(--wf-font-hand);line-height:1.32}.plan-diagram-frame *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere;text-wrap:pretty}.plan-diagram-frame-content{width:100%}.plan-diagram-frame svg{display:block;max-width:100%}.plan-diagram-frame :is(h1,h2,h3,p,small,strong){margin:0}.plan-diagram-frame :is(h1,h2,h3,strong){color:var(--wf-ink)}.plan-diagram-frame h1{font-size:20px;line-height:1.15}.plan-diagram-frame h2{font-size:16px;line-height:1.2}.plan-diagram-frame h3{font-size:14px;line-height:1.2}.plan-diagram-frame :is(p,small,.diagram-muted){color:var(--wf-muted)}.plan-diagram-frame :is(.diagram-panel,.diagram-card,.diagram-node,.diagram-box){border:1.25px solid var(--wf-line);border-radius:var(--wf-radius);background:var(--wf-card)}.plan-diagram-frame :is(.diagram-panel,.diagram-card,.diagram-node,.diagram-box,[class*=card],[class*=panel],[class*=box]){border-color:var(--wf-line)!important;background:var(--wf-card)!important;color:var(--wf-ink)!important}.plan-diagram-frame :is(.diagram-node,.diagram-box,.diagram-card){max-width:100%}.plan-diagram-frame :is(.diagram-node,.diagram-box,.diagram-card) small{display:block;max-width:100%}.plan-diagram-frame :is(.diagram-muted,[class*=muted],small){color:var(--wf-muted)!important}.plan-diagram-frame :is(.diagram-pill,[class*=pill],[class*=badge],[class*=chip]){border-color:var(--wf-line)!important;background:var(--wf-paper)!important;color:var(--wf-ink)!important}.plan-diagram-frame :is(.diagram-accent,[class*=accent],[class*=active]){border-color:var(--wf-accent)!important;color:var(--wf-accent)!important;background:var(--wf-accent-soft)!important}.plan-diagram-frame :is(svg,line,path,polyline,polygon,rect,circle){stroke:var(--wf-line)!important}.plan-diagram-frame :is(rect,circle,ellipse,polygon)[fill]:not([fill=none]){fill:var(--wf-card)!important}.plan-diagram-frame svg text{fill:var(--wf-ink)!important}.plan-diagram-frame[data-style=sketchy] :is(.diagram-node,.diagram-box,.diagram-card){line-height:1.16}.plan-diagram-frame[data-style=sketchy] :is(.diagram-node,.diagram-box){padding-inline:7px}.plan-diagram-frame .diagram-pill{display:inline-flex;align-items:center;border:1px solid var(--wf-line);border-radius:999px;padding:2px 8px;color:var(--wf-ink);background:var(--wf-paper)}.plan-diagram-frame :is(.diagram-accent,.diagram-pill.accent){--rough-stroke: var(--wf-accent);border-color:var(--wf-accent)!important;color:var(--wf-accent)!important;background:var(--wf-accent-soft)!important}.plan-diagram-frame :is(.diagram-ok,.diagram-pill.ok){--rough-stroke: var(--wf-ok);border-color:var(--wf-ok)!important;color:var(--wf-ok)!important;background:color-mix(in srgb,var(--wf-ok) 10%,transparent)!important}.plan-diagram-frame :is(.diagram-warn,.diagram-pill.warn){--rough-stroke: var(--wf-warn);border-color:var(--wf-warn)!important;color:var(--wf-warn)!important;background:color-mix(in srgb,var(--wf-warn) 10%,transparent)!important}.plan-diagram-frame[data-rough-ready] :is(.diagram-panel,.diagram-card,.diagram-node,.diagram-box,.diagram-pill,[class*=card],[class*=box],[class*=panel],[class*=pill],[data-rough],hr){border-color:transparent!important}