:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#fff;--page:#f4f6f9;--muted:#52657d;--border:#8192a444;--accent:#235db8;--hover:#477de512;--focus:#477de5;--danger:#a73539;--danger-surface:#fff4ef;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius:6px;--zf-badge-surface:#fff;--zf-badge-ink:#52657d;--text:#203044;--on-accent:#fff;--danger-text:var(--danger);--danger-border:#a7353955;--border-strong:#8192a466;--control-border:#7d8da0;--grip:#8192a4;--accent-soft:#477de522;--accent-surface:#eef5ff;--subtle:#5f7084;--active-line:#8192a418;--selection:#477de544;--backdrop:#11172288;--menu-shadow:#20304426;--shadow-dialog:0 16px 64px #0003;--toast-shadow:#20304433;--hover-subtle:#477de510;--focus-border:#477de555;--accent-border:#235db855;--divider:#8192a433;--accent-hover:#194b98;--drop-overlay:#477de5dd;--on-drop-overlay:#fff;--mark-surface:#ffe49a;--mark-ink:#203044;--stage:var(--surface);--code-surface:#8192a414;--warning:#aa7519;--token-comment:#687b8f;--token-string:#97601c;--token-keyword:#714ab5;--token-property:#235d9d;--token-variable:#a03771;--token-url:#176b69;--token-number:#a04645;--token-operator:#394fb0;--token-punctuation:#617083;--token-ai-changed:#e89d2324;--token-ai-changed-edge:#b47713;--token-source-selected:#b47713;--z-raised:1;--z-sticky:12;--z-menu:20;--z-fullscreen:25;--z-popover:30;--z-toast:60;--z-overlay:100;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;font:var(--font-size-base) system-ui, sans-serif;color:var(--text);background:var(--page)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#182231;--page:#111722;--muted:#adbbcd;--accent:#92bcff;--danger:#ffb4ae;--danger-surface:#342528;--zf-badge-surface:#182231;--zf-badge-ink:#adbbcd;--text:#e4eaf2;--on-accent:#111722;--danger-text:#ff9b9e;--accent-surface:#202e45;--subtle:#8d9db1;--selection:#477de566;--hover:#92bcff14;--hover-subtle:#92bcff12;--border-strong:#8d9db170;--control-border:#6b7b90;--grip:#73849a;--danger-border:#ffb4ae55;--backdrop:#000a;--menu-shadow:#0008;--toast-shadow:#0009;--focus-border:#92bcff55;--accent-border:#92bcff55;--divider:#8d9db133;--warning:#f3bc56;--accent-hover:#b3d0ff;--stage:#0a0f25;--code-surface:#8d9db114;--token-comment:#9baec4;--token-string:#f0bc7b;--token-keyword:#c7a5ff;--token-property:#91c5ff;--token-variable:#f3a1d0;--token-url:#80d8ce;--token-number:#ffa6a3;--token-operator:#a8b8ff;--token-punctuation:#abb9ce;--token-ai-changed:#e89d2330;--token-ai-changed-edge:#f3bc56;--token-source-selected:#e89d23;--mark-surface:#695019;--mark-ink:#fff3cb}*{box-sizing:border-box}body{height:min(var(--workspace-height,100dvh), 100dvh);flex-direction:column;margin:0;display:flex}header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);display:flex}header>strong{font-size:var(--font-size-xl)}.header-controls{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}#open-folder{white-space:nowrap}#new-flow{white-space:nowrap;flex-shrink:0}.flow-builder-toolbar{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.flow-builder-toolbar span{color:var(--muted);font-size:var(--font-size-sm)}.board-selection{pointer-events:none;top:var(--space-2);left:var(--space-2);max-width:calc(100% - 2 * var(--space-2));width:max-content;z-index:var(--z-raised);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 4px 16px var(--menu-shadow);border-radius:10px;flex-wrap:wrap;display:flex;position:absolute}.board-selection button{pointer-events:auto}.board-selection[hidden]{display:none}.board-selection[data-behind-menu]{visibility:hidden}.canvas-rename{z-index:var(--z-raised);min-height:32px;padding:4px var(--space-2);border:2px solid var(--focus);color:var(--text);background:var(--surface);font:inherit;text-align:center;box-shadow:0 4px 16px var(--menu-shadow);border-radius:6px;position:absolute}.canvas-rename[hidden]{display:none}:is(.canvas-connections,.canvas-branches){top:var(--space-2);right:var(--space-2);z-index:var(--z-raised);gap:var(--space-2);width:280px;max-width:calc(100% - 2 * var(--space-2));max-height:calc(100% - 2 * var(--space-2));padding:var(--space-3);border:1px solid var(--border-strong);color:var(--text);background:var(--surface);box-shadow:0 4px 16px var(--menu-shadow);border-radius:10px;display:grid;position:absolute;overflow:auto}:is(.canvas-connections,.canvas-branches)[hidden],:is(.canvas-connections,.canvas-branches) [hidden]{display:none}:is(.canvas-connections,.canvas-branches) strong{overflow-wrap:anywhere}:is(.canvas-connections,.canvas-branches) p{color:var(--muted);font-size:var(--font-size-sm);margin:0}:is(.canvas-connections,.canvas-branches) label{gap:var(--space-1);display:grid}:is(.canvas-connections,.canvas-branches) :is(input,select){width:100%;min-width:0;min-height:36px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-strong);color:var(--text);background:var(--surface);font:inherit;border-radius:6px}:is(.canvas-connections,.canvas-branches)>div{gap:var(--space-2);flex-wrap:wrap;display:flex}.zf-connection-hit{fill:none;stroke:#0000;stroke-width:14px;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}[data-flow-connection]:focus{outline:none}.zf-connection-selected path.connection,[data-flow-connection]:focus path.connection{stroke:var(--focus);stroke-width:3px}.zf-connecting [data-shape-id]{cursor:crosshair}.zf-branch-draggable{cursor:grab}.zf-branch-origin{opacity:.55}.zf-branch-target{filter:drop-shadow(0 0 5px var(--focus))}.zf-branch-dragging,.zf-branch-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.branch-drag-hint{z-index:var(--z-raised);max-width:min(320px,100vw - 24px);padding:var(--space-2) var(--space-3);border:1px solid var(--focus);color:var(--text);background:var(--surface);box-shadow:0 4px 16px var(--menu-shadow);font-size:var(--font-size-sm);overflow-wrap:anywhere;pointer-events:none;border-radius:8px;position:fixed}.branch-drag-hint[hidden]{display:none}.flow-builder-toolbar>div{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.flow-builder-toolbar>[hidden]{display:none}.board-outline{position:relative}.layer-visibility-all{align-items:center;gap:var(--space-2);min-height:32px;font-size:var(--font-size-sm);cursor:pointer;display:inline-flex}.layer-visibility-all[hidden]{display:none}.layer-depth-controls,.layer-depth-controls label{align-items:center;gap:var(--space-1);display:inline-flex}.layer-depth-controls{font-size:var(--font-size-sm)}.layer-depth-controls[hidden]{display:none}.layer-depth-controls input{border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface);width:76px;min-height:32px;color:inherit;font:inherit;text-align:center;padding:3px 5px}.layer-depth-controls button{min-width:32px;min-height:32px;padding:0 6px}.board-outline input[type=checkbox],.layer-visibility-all input{width:16px;height:16px;accent-color:var(--focus);flex-shrink:0}.board-layer-toggle{cursor:pointer;justify-content:center;align-items:center;width:32px;min-height:32px;display:inline-flex}@media (pointer:coarse){.board-layer-toggle{width:44px;min-height:44px}.layer-visibility-all{min-height:44px}.layer-depth-controls button,.layer-depth-controls input{min-width:44px;min-height:44px}}.diagram-search-trigger,.project-search-trigger,.project-check-trigger{min-height:32px;padding:0 var(--space-3)}.diagram-search{box-sizing:border-box;width:min(600px,100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--space-4);border:1px solid var(--border);color:inherit;background:var(--surface);box-shadow:var(--shadow-dialog);border-radius:12px;overflow:auto}.diagram-search::backdrop{background:var(--backdrop)}.diagram-search-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.diagram-search h2{font-size:var(--font-size-lg);margin:0}.diagram-search input{box-sizing:border-box;width:100%;padding:var(--space-3);border:1px solid var(--border-strong);color:inherit;background:var(--surface);font:inherit;border-radius:6px}.diagram-search p,.diagram-search small{color:var(--muted);font-size:var(--font-size-sm);overflow-wrap:anywhere}.diagram-search ul{max-height:45dvh;margin:0;padding:0;list-style:none;overflow:auto}.diagram-search li+li{margin-top:var(--space-2)}.diagram-search li button{align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-3);text-align:left;white-space:normal;overflow-wrap:anywhere;flex-direction:column;display:flex}.diagram-search :is(input,button):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.project-check-actions{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.project-check-results{max-height:45dvh;overflow:auto}.project-check-results h3{font-size:var(--font-size-sm);overflow-wrap:anywhere}.project-check-results ul{max-height:none;overflow:visible}.board-outline summary{min-height:32px;padding:0 var(--space-3);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:6px;align-items:center;display:inline-flex}.board-outline summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.board-outline-panel{z-index:var(--z-popover);width:max-content;min-width:240px;max-width:min(420px,100vw - 32px);max-height:min(480px,60dvh);padding:var(--space-2);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 8px 28px var(--menu-shadow);border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.board-outline ul{margin:0;padding:0;list-style:none}.board-outline ul ul{margin-left:var(--space-3);padding-left:var(--space-2);border-left:1px solid var(--border)}.board-outline li{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.board-outline li>ul{flex-basis:100%}.board-outline-open{justify-content:space-between;gap:var(--space-3);padding:4px var(--space-2);text-align:left;background:0 0;border:0;border-radius:6px;flex:1;display:flex}.board-outline-open:hover{background:var(--hover-subtle)}.board-outline-open[aria-current]{background:var(--hover-subtle);font-weight:650}.board-outline small,.link-preview span{color:var(--muted);font-size:var(--font-size-sm)}.board-outline li>button:not(.board-outline-open){min-height:28px;padding:0 var(--space-2);font-size:var(--font-size-sm)}.link-preview{z-index:var(--z-popover);width:248px;padding:var(--space-2);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 8px 28px var(--menu-shadow);pointer-events:none;border-radius:10px;gap:2px;display:grid;position:fixed}.link-preview[hidden],.link-preview img[hidden]{display:none}.link-preview img{width:100%;height:140px;margin-bottom:var(--space-1);background:var(--stage);object-fit:contain;border-radius:6px}.board-menu{z-index:var(--z-popover);width:max-content;max-width:min(320px,100vw - 16px);padding:var(--space-1);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 8px 28px var(--menu-shadow);border-radius:10px;display:grid;position:fixed}.board-menu[hidden]{display:none}.board-menu p{padding:6px var(--space-2);font-size:var(--font-size-sm);overflow-wrap:anywhere;margin:0}.board-menu p:first-child{font-weight:650}.board-menu .board-menu-note{color:var(--muted)}.board-menu [role=menuitem]{padding:6px var(--space-2);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start}.board-menu [role=menuitem]:is(:hover,:focus-visible){background:var(--hover-subtle)}:is(#flow-builder,#mind-map-builder,#file-link-dialog){width:min(760px,100vw - 24px);max-height:calc(100dvh - 24px);padding:var(--space-5);border:1px solid var(--border);color:inherit;background:var(--surface);box-shadow:var(--shadow-dialog);border-radius:12px;overflow:auto}:is(#flow-builder,#mind-map-builder,#file-link-dialog)::backdrop{background:var(--backdrop)}#file-link-dialog{width:min(560px,100vw - 24px)}#file-link-dialog [data-mode=new]>label{margin-top:var(--space-3)}.flow-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.flow-heading h2{font-size:var(--font-size-xl);margin:0}#flow-builder-description,#mind-map-builder-description,#file-link-description,.flow-help{color:var(--muted);line-height:1.5}.flow-help{font-size:var(--font-size-md);margin:6px 0 var(--space-3)}:is(#flow-builder,#mind-map-builder,#file-link-dialog) h3{margin:var(--space-5) 0 0;font-size:var(--font-size-lg)}:is(#flow-builder,#mind-map-builder,#file-link-dialog) label{min-width:0;font-size:var(--font-size-sm);gap:5px;display:grid}:is(#flow-builder,#mind-map-builder,#file-link-dialog) input,:is(#flow-builder,#mind-map-builder,#file-link-dialog) select,#mind-map-outline{width:100%;min-width:0;min-height:40px;padding:var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;font-size:var(--font-size-base);background:var(--surface);color:inherit}:is(#flow-builder,#mind-map-builder,#file-link-dialog) input:focus-visible,#mind-map-outline:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#mind-map-outline{resize:vertical;min-height:220px;font-family:monospace;font-size:var(--font-size-md);tab-size:2;line-height:1.5;display:block}.mind-map-indent{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}#mind-map-builder .mind-map-split{margin-top:var(--space-4)}#new-mind-map{white-space:nowrap;flex-shrink:0}.flow-settings{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}#flow-starters{margin:var(--space-4) 0 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius)}.builder-look{gap:var(--space-2) var(--space-5);margin:var(--space-4) 0 0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.builder-look legend{color:var(--muted);font-size:var(--font-size-sm)}:is(#flow-builder,#mind-map-builder,#file-link-dialog) .builder-look label{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);display:flex}:is(#flow-builder,#mind-map-builder,#file-link-dialog) .builder-look input{width:auto;min-height:0}.builder-look .flow-help{flex-basis:100%;margin:0}#flow-starters legend{color:var(--muted);font-size:var(--font-size-sm)}.flow-step,.flow-connection{align-items:end;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--page);margin-bottom:10px;display:grid}.flow-step{grid-template-columns:minmax(0,1fr) 140px auto}.flow-connection{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 120px auto}#flow-feedback,#mind-map-feedback{color:var(--muted);font-size:var(--font-size-md)}#flow-error,#mind-map-error{color:var(--danger)}.flow-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-block:var(--space-3);border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;display:flex;position:sticky;bottom:-24px}#flow-save-hint,#mind-map-save-hint{color:var(--muted);font-size:var(--font-size-sm);flex:240px}@media (width<=600px){:is(#flow-builder,#mind-map-builder,#file-link-dialog){padding:var(--space-4)}.flow-footer{bottom:-16px}.flow-step,.flow-connection{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.flow-step>label:first-child{grid-column:1/-1}.flow-step>button,.flow-connection>button{justify-self:end}.header-controls{flex-wrap:wrap}.document-control{min-width:90px}#new-flow{font-size:var(--font-size-md);padding-inline:var(--space-2)}}@media (width<=1100px){#open-folder{display:none}}@media (width<=1349px){#new-mind-map{display:none}}.document-control{width:230px;min-width:0}[data-part=draft-status]{height:1.35em;line-height:1.35;font-size:var(--font-size-sm);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-weight:400;display:block;overflow:hidden}#file-status{padding:var(--space-2) var(--space-5);background:var(--danger-surface);color:var(--danger);border-bottom:1px solid var(--danger-border);font-size:var(--font-size-md)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.theme-control{border:1px solid var(--border);border-radius:var(--radius);background:var(--page);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.theme-control button{min-height:30px;color:var(--muted);font-size:var(--font-size-sm);background:0 0;border-color:#0000;padding:5px 8px}.theme-control button[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent-surface);color:var(--accent)}.layout-control select{max-width:150px}#toggle-reference{white-space:nowrap}#show-shortcuts{flex-shrink:0;justify-content:center;align-items:center;min-width:36px;display:inline-flex}#keyboard-shortcuts{border:1px solid var(--border);background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:inherit;box-shadow:var(--shadow-dialog);border-radius:12px;padding:20px;overflow-y:auto}#keyboard-shortcuts::backdrop{background:var(--backdrop)}.shortcuts-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.shortcuts-heading h2{font-size:var(--font-size-xl);margin:0}#shortcuts-hint{margin:var(--space-2) 0 20px;color:var(--muted);font-size:var(--font-size-md)}#keyboard-shortcuts h3{color:var(--muted);font-size:var(--font-size-md);margin:20px 0 6px}.shortcut-list{margin:0}.shortcut-list>div{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:9px 0;display:flex}.shortcut-list dt{font-size:var(--font-size-md);flex:190px}.shortcut-list dd{white-space:normal;font-size:var(--font-size-sm);margin:0}.shortcut-list kbd{border:1px solid var(--border);background:var(--page);font:inherit;border-radius:4px;padding:2px 5px;display:inline-block}#header-more{flex:none;margin-left:auto;position:relative}#header-more-toggle{white-space:nowrap}.header-more-content{z-index:var(--z-popover);overscroll-behavior:contain;gap:var(--space-3);width:min(350px,100vw - 32px);max-height:calc(100dvh - 110px);padding:var(--space-4);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 8px 28px var(--menu-shadow);border-radius:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.header-more-content label{font-size:var(--font-size-md);gap:6px;display:grid}#export-name{min-height:36px;font:inherit;border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface);color:inherit;padding:7px 10px;font-weight:400}#export-name:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#export-name:disabled{color:var(--muted)}.header-more-content .export-name{font-weight:600}#export-name-hint{margin:calc(-1 * var(--space-2)) 0 0;color:var(--muted);font-size:var(--font-size-sm)}#export-format{border:0;min-width:0;margin:0;padding:0}#export-format legend{padding:0 0 var(--space-2);font-weight:600}#export-format .export-choice{align-items:flex-start;gap:var(--space-2);padding:10px var(--space-2);margin-block:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;display:flex}#export-format .export-choice[hidden]{display:none}.export-choice:has(:checked){background:var(--hover);border-color:var(--accent)!important}.export-choice input{accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.export-choice strong{font-weight:600;display:block}.export-choice small{font-size:var(--font-size-xs);color:var(--muted);margin-left:var(--space-1)}.export-choice span span{color:var(--muted);font-size:var(--font-size-sm);margin-top:3px;line-height:1.5;display:block}.export-sources{gap:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-3);flex-wrap:wrap;display:flex}.export-sources button{font-size:var(--font-size-sm)}#archive-hint{color:var(--muted);font-size:var(--font-size-sm);flex-basis:100%;margin:0}#export-status{font-size:var(--font-size-sm);overflow-wrap:anywhere;line-height:1.4}.export-actions{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.export-actions button[hidden]{display:none}#copy-board-png{white-space:nowrap}#export-status[data-kind=error]{color:var(--danger-text)}body.file-drop-active:after{content:"Drop a .d2 file to open it";z-index:var(--z-overlay);border:3px dashed var(--focus);background:var(--drop-overlay);color:var(--on-drop-overlay);font-size:var(--font-size-xl);pointer-events:none;border-radius:16px;place-items:center;font-weight:700;display:grid;position:fixed;inset:12px}.header-more-content[hidden],[data-part=ai-assistant]:not([open]) [data-part=ai-form],[data-part=lint-details]:not([open]) .lint-controls{display:none}button,select,.file-button{font:inherit;border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface);min-height:36px;color:inherit;cursor:pointer;padding:7px 10px;line-height:20px}button:not(:disabled):hover,select:hover,.file-button:hover{background:var(--hover)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.button-primary:not(:disabled):hover{background:var(--accent-hover)}.button-quiet{background:0 0;border-color:#0000}button:disabled{opacity:.6;cursor:default}[hidden]{display:none!important}.file-button{position:relative}.file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}button:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.file-button:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}#example-picker{min-width:0;max-width:100%;position:relative}#example-picker summary{min-height:36px;padding:7px var(--space-3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);align-items:center;gap:18px;line-height:20px;list-style:none;display:flex}#example-picker summary::-webkit-details-marker{display:none}#filename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#document-unsaved{margin-left:-10px}.picker-chevron{color:var(--subtle);margin-left:auto}#example-picker[open] summary,#example-picker summary:hover{background:var(--hover-subtle);border-color:var(--focus)}#example-picker summary:focus-visible,.example-option:focus-visible,.atlas-option:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.example-menu{z-index:var(--z-menu);overscroll-behavior:contain;width:min(380px,100vw - 32px);max-height:min(620px,70dvh);padding:14px var(--space-2) var(--space-2);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 12px 36px var(--menu-shadow);border-radius:12px;position:fixed;overflow:auto}.example-menu-heading{margin:var(--space-2) 0;padding:0 var(--space-2);font-size:var(--font-size-md);font-weight:650}.project-group{margin-bottom:var(--space-3);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.project-heading{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.project-heading h4{font-size:var(--font-size-md);overflow-wrap:anywhere;margin:0}.project-toggle{text-align:left;overflow-wrap:anywhere;min-width:0;font-size:var(--font-size-md);padding-left:0;font-weight:650}.project-toggle:before{content:"▸";width:16px;color:var(--muted);display:inline-block}.project-toggle[aria-expanded=true]:before{content:"▾"}#diagram-search{width:calc(100% - 16px);margin:0 var(--space-2) var(--space-3);min-height:36px;font:inherit;border:1px solid var(--control-border);border-radius:var(--radius);background:var(--surface);color:inherit;padding:7px 10px;display:block}#diagram-search:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#document-action{width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-5);border:1px solid var(--border);color:inherit;background:var(--surface);box-shadow:var(--shadow-dialog);border-radius:12px;overflow:auto}#document-action::backdrop{background:var(--backdrop)}#document-action h2{margin:0 0 var(--space-3);font-size:var(--font-size-xl);overflow-wrap:anywhere}#document-action p{color:var(--muted);margin:0 0 20px;line-height:1.6}.document-action-buttons{justify-content:flex-end;gap:var(--space-2);display:flex}#document-undo{z-index:var(--z-toast);align-items:center;gap:var(--space-2);border:1px solid var(--border);width:max-content;max-width:calc(100vw - 32px);color:inherit;background:var(--surface);box-shadow:0 8px 32px var(--toast-shadow);border-radius:10px;flex-wrap:wrap;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#document-undo span{overflow-wrap:anywhere;flex:160px}#document-undo button{flex-shrink:0}:is(#document-undo:has(>[role=status]:empty),#draft-conflict:has(>#draft-conflict-message:empty),#engine-notice:has(>#engine-message:empty)){box-shadow:none;border:0;padding:0}.project-heading .example-remove{flex-shrink:0;margin:0}.project-heading .project-save{font-size:var(--font-size-sm);flex-shrink:0}.project-save-results{padding-left:var(--space-5);overflow-wrap:anywhere}.project-save-results li{margin-bottom:var(--space-2)}.project-save-dialog .project-check-actions{flex-wrap:wrap}.project-save-dialog h2{overflow-wrap:anywhere;min-width:0}.project-group .example-row{margin-left:var(--space-2)}#open-folder-picker,#open-archive-picker,#new-atlas-picker,#new-mind-map-picker{margin:var(--space-2);text-align:left;width:calc(100% - 16px)}#open-archive-picker,#new-atlas-picker,#new-mind-map-picker{margin-top:0}.example-menu-hint,.example-menu-footer{margin:5px var(--space-2) 10px;font-size:var(--font-size-sm);color:var(--muted)}.example-menu-footer{margin-bottom:var(--space-1);border-top:1px solid var(--divider);padding-top:10px}.example-row{align-items:stretch;display:flex}.example-option,.atlas-option{min-width:0;padding:10px var(--space-3);text-align:left;overflow-wrap:anywhere;background:0 0;border-color:#0000;flex:1;display:block}.example-remove{margin-right:var(--space-1);color:var(--danger-text);font-size:var(--font-size-sm);align-self:center}.example-restore{margin-right:var(--space-1);font-size:var(--font-size-sm);align-self:center}.example-modified{font-size:var(--font-size-xs);border:1px solid var(--border-strong);padding:2px var(--space-1);border-radius:4px;font-weight:500}#draft-options+.example-menu-footer{margin-top:10px}.example-option:hover,.atlas-option:hover,.example-option[aria-current=true]{background:var(--hover)}.example-option[aria-current=true]{border-color:var(--focus-border)}.example-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:600;display:flex}.example-option[aria-current=true] .example-title:after{content:"✓";color:var(--focus);margin-left:auto}.example-description{margin-top:var(--space-1);color:var(--muted);font-size:var(--font-size-sm);line-height:1.45;display:block}[data-part=viewer]{min-height:0;padding:var(--space-4) var(--space-5);flex-direction:column;flex:1;display:flex}.zf-fullscreen-toggle{grid-area:2/2;align-self:center}body.diagram-fullscreen{overflow:hidden}.diagram-fullscreen [data-fullscreen] .zf-stage-area{z-index:var(--z-fullscreen);padding:var(--space-2);background:var(--page);position:fixed;inset:0}.diagram-fullscreen .zf-stage{border:0;border-radius:0}.diagram-fullscreen>header,.diagram-fullscreen>footer,.diagram-fullscreen [data-part=source-pane],.diagram-fullscreen #d2-reference,.diagram-fullscreen #reference-divider,.diagram-fullscreen [data-part=source-divider],.diagram-fullscreen [data-part=viewer]>:not(.zf-stage-area),.diagram-fullscreen .document-pane:not([data-fullscreen]),.diagram-fullscreen #pane-divider,.diagram-fullscreen .pane-header{display:none}.zf-stage{background:var(--stage)}.zf-stage.zf-starter-preview{background-image:url(./order-preview-Btd_fxCm.svg);background-position:50%;background-repeat:no-repeat;background-size:min(100%,584px)}[data-theme=dark] .zf-stage.zf-starter-preview{background-image:url(./order-preview-dark-DUPheuzA.svg)}.zf-stage.zf-starter-preview:after{content:"Example preview · loading diagram engine…";padding:5px 34px 5px var(--space-2);border-radius:var(--radius);color:var(--muted);background:var(--surface);border:1px solid var(--border);font-size:var(--font-size-sm);pointer-events:none;position:absolute;top:12px;right:12px}footer{color:var(--muted);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm)}#workspace{grid-template-columns:minmax(360px, var(--preview-share,62fr)) 12px minmax(360px, var(--source-share,38fr));flex:1;min-height:0;display:grid}[data-part=mobile-view-switch]{display:none}[data-part=source-divider]{cursor:col-resize;touch-action:none;border-inline:1px solid var(--border);place-items:center;display:grid}[data-part=source-divider]:after{content:"";background:var(--grip);border-radius:2px;width:3px;height:48px}[data-part=source-divider]:hover,[data-part=source-divider]:focus-visible{background:var(--accent-soft);outline:2px solid var(--focus);outline-offset:-2px}[data-part=source-pane]{flex-direction:column;min-width:0;min-height:0;display:flex}[data-part=preview-pane]{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}[data-part=preview-pane].reference-open{grid-template-rows:minmax(0, var(--diagram-share,60fr)) 12px minmax(0, var(--reference-share,40fr))}[data-part=preview-pane]>[data-part=viewer]{min-width:0;overflow:auto}#reference-divider{cursor:row-resize;touch-action:none;border-block:1px solid var(--border);place-items:center;display:grid}#reference-divider:after{content:"";background:var(--grip);border-radius:2px;width:48px;height:3px}#reference-divider:hover,#reference-divider:focus-visible{background:var(--accent-soft);outline:2px solid var(--focus);outline-offset:-2px}#d2-reference{flex-direction:column;min-width:0;min-height:0;display:flex}#d2-reference[hidden],#reference-divider[hidden]{display:none}.reference-toolbar{align-items:center;gap:var(--space-3);padding:10px var(--space-4) 6px;flex-wrap:wrap;display:flex}.reference-toolbar h2{font-size:var(--font-size-lg);margin:0}.reference-toolbar>a{font-size:var(--font-size-sm);margin-left:auto}#d2-reference a{color:var(--accent)}.reference-search{padding:0 var(--space-4) var(--space-2);align-items:center;gap:10px;display:flex}#reference-search{width:100%;min-width:0;font:inherit;font-size:var(--font-size-md);color:inherit;border:1px solid var(--control-border);border-radius:var(--radius);background:0 0;padding:7px 10px}#reference-count{white-space:nowrap;font-size:var(--font-size-sm)}#reference-content{overscroll-behavior:contain;min-height:0;padding:0 var(--space-4) var(--space-3);flex:1;overflow:auto}.reference-topic{padding:var(--space-3) 0;border-top:1px solid var(--border)}.reference-topic h3{font-size:var(--font-size-base);margin:0}.reference-topic p,.reference-topic a{font-size:var(--font-size-md);line-height:1.5}.reference-topic p{margin:var(--space-2) 0}.reference-example-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.reference-example-title button{font-size:var(--font-size-sm);min-width:66px}.reference-topic mark{background:var(--mark-surface);color:var(--mark-ink);border-radius:2px}.reference-topic pre{padding:10px var(--space-3);border-radius:var(--radius);background:var(--code-surface);font-size:var(--font-size-sm);tab-size:2;line-height:1.6;overflow:auto}#reference-status{font-size:var(--font-size-sm);padding:0 var(--space-4)}#reference-status:not(:empty){padding-block:6px}.pane-title{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4) var(--space-1);flex-wrap:wrap;font-weight:600;display:flex}.pane-actions{gap:6px;margin-left:auto;display:flex}.pane-actions button{white-space:nowrap}[data-part=work-status]{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4) var(--space-1);font-size:var(--font-size-sm);color:var(--muted);flex:0 0 40px;grid-template-columns:minmax(0,1fr) auto;display:grid}.status-copy{min-width:0;max-height:36px;line-height:18px;overflow:hidden}[data-part=ready-summary]{gap:0 var(--space-3);flex-wrap:wrap;display:flex}[data-part=work-status]:has([data-part=compile-error]:not([hidden])) [data-part=ready-summary]{display:none}.diagnostic-actions{gap:var(--space-2);align-items:center;max-width:210px;display:flex}.diagnostic-actions button{min-height:30px;padding:var(--space-1) 6px;font-size:var(--font-size-sm);white-space:nowrap}[data-theme=dark] [data-part=work-status]{color:var(--muted)}[data-part=preview-status]{color:var(--muted);font-weight:500}[data-part=preview-status][data-state=loading],[data-part=preview-status][data-state=updating]{color:var(--accent)}[data-part=preview-status][data-state=error]{color:var(--danger-text)}[data-part=show-diagnostics]:disabled{display:none}[data-part=format-status],[data-part=activity-status]{white-space:pre-wrap;overflow-wrap:anywhere}[data-part=activity-status][data-kind=error]{color:var(--danger-text)}.source-tools{overscroll-behavior:contain;align-items:flex-start;gap:0 var(--space-1);scrollbar-gutter:stable;flex-wrap:wrap;flex:0 auto;max-height:35%;display:flex;overflow:auto}.source-tools[data-overflow=true]{box-shadow:inset 0 -8px 8px -8px var(--muted)}.source-tools>details{min-width:0}.source-tools>details[open]{flex-basis:100%}[data-part=ai-form]{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}[data-part=ai-assistant]>summary,[data-part=lint-details]>summary{cursor:pointer;padding:var(--space-1) var(--space-4) var(--space-2);font-size:var(--font-size-sm);list-style:none}[data-part=ai-assistant]>summary::-webkit-details-marker{display:none}[data-part=ai-assistant]>summary:before,[data-part=lint-details]>summary:before{content:"▸";color:var(--muted);margin-right:6px}[data-part=ai-assistant][open]>summary:before,[data-part=lint-details][open]>summary:before{content:"▾"}[data-part=ai-form] label{font-size:var(--font-size-sm);font-weight:600}.ai-provider-row{align-items:center;gap:var(--space-2);display:flex}.ai-composer{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}[data-part=ai-form] .ai-composer textarea{min-height:60px}.ai-settings{font-size:var(--font-size-sm)}.ai-query-history{align-items:center;gap:var(--space-2);display:flex}.ai-query-history[hidden]{display:none}.ai-query-history select{flex:1;width:0;min-width:0}.ai-query-history button{flex-shrink:0}.ai-settings summary{cursor:pointer;width:max-content;color:var(--muted)}.ai-settings[open]{gap:var(--space-2);flex-direction:column;display:flex}.ai-field{gap:var(--space-1);flex-direction:column;display:flex}.ai-field span{color:var(--subtle);font-weight:400}[data-part=ai-claude-config][hidden],[data-part=ai-working-config][hidden]{display:none}.ai-full-access{align-items:center;gap:var(--space-2);display:flex}[data-part=ai-form] .ai-full-access input{width:auto}.ai-full-access-note{color:var(--subtle);margin:0}[data-part=ai-form] input,[data-part=ai-form] textarea{width:100%;min-width:0;font:inherit;font-size:var(--font-size-md);border:1px solid var(--control-border);border-radius:var(--radius);color:inherit;background:0 0;padding:7px 10px}[data-part=ai-form] textarea{resize:vertical}[data-part=ai-form] [data-part=ai-environment]{font-family:monospace}[data-part=ai-send]{align-self:flex-end}.ai-actions{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}[data-part=ai-elapsed]{font-size:var(--font-size-xs)}[data-part=ai-elapsed]:empty{display:none}[data-part=ai-availability]{font-size:var(--font-size-sm);margin:0;line-height:1.5}[data-part=ai-retry],[data-part=ai-undo]{font-size:var(--font-size-sm);align-self:flex-start}.ai-feedback{flex-basis:100%;min-width:0}.ai-change-feedback{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-2);font-size:var(--font-size-sm);color:var(--muted);flex-wrap:wrap;display:flex}.ai-change-feedback [data-part=ai-undo]{flex-shrink:0}.ai-change-feedback button{font-size:var(--font-size-sm)}[data-part=ai-change-summary]{text-align:left;text-underline-offset:3px;padding-inline:0;text-decoration:underline}[data-part=ai-change-summary]:disabled{opacity:1;text-decoration:none}.empty-board-help{max-width:340px;padding:var(--space-5);text-align:center;line-height:1.6}.empty-board-help p:first-child{font-weight:600}.empty-board-help p+p{color:var(--muted)}.empty-board-help code{white-space:nowrap}.workspace-canvas .zf-pan-hint{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;max-height:36px;line-height:18px;display:-webkit-box;overflow:hidden}.diagram-fullscreen .workspace-canvas .zf-pan-hint{grid-row:2}.diagram-fullscreen .zf-zoom-controls,.diagram-fullscreen .zf-fullscreen-toggle{grid-row:3}[data-part=format-status][data-kind=error]{color:var(--danger)}[data-part=ai-status]{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-sm);padding:0 var(--space-4);flex-basis:100%;max-height:140px;line-height:1.4;overflow:auto}[data-part=ai-status]:not(:empty){padding-bottom:10px}[data-part=ai-status][data-kind=error]{color:var(--danger-text)}.ai-error-details{margin:0 var(--space-4) var(--space-2);font-size:var(--font-size-sm);flex-basis:100%}.ai-error-details summary{cursor:pointer;color:var(--muted)}.ai-error-details pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}[data-part=editor]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}[data-part=editor]>.cm-editor{flex:1;min-height:0}[data-part=editor]>.cm-editor.cm-focused{outline:2px solid var(--focus);outline-offset:-2px}.zf-token-comment{color:var(--token-comment);font-style:italic}.zf-token-string{color:var(--token-string)}.zf-token-keyword{color:var(--token-keyword);font-weight:600}.zf-token-property{color:var(--token-property)}.zf-token-variable{color:var(--token-variable)}.zf-token-url{color:var(--token-url);text-decoration:underline}.zf-token-number{color:var(--token-number)}.zf-token-operator{color:var(--token-operator);font-weight:600}.zf-token-punctuation{color:var(--token-punctuation)}.cm-line.zf-indented-line{padding-left:calc(6px + var(--zf-line-indent));text-indent:calc(-1 * var(--zf-line-indent));background-image:repeating-linear-gradient(to right, var(--border) 0 1px, transparent 1px 2ch);background-position:6px 0;background-size:var(--zf-line-indent) 100%;background-repeat:no-repeat}.cm-line.zf-outside-board{opacity:.45}.cm-line.zf-ai-changed{background-color:var(--token-ai-changed);box-shadow:inset 3px 0 var(--token-ai-changed-edge)}.lint-controls{align-items:center;gap:var(--space-2);padding:0 var(--space-4) 10px;font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}[data-part=lint-details]>summary::-webkit-details-marker{display:none}.lint-controls label{align-items:center;gap:var(--space-1);display:flex}[data-part=compile-error]{color:var(--danger);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-sm);line-height:18px}[data-part=go-to-error]{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.zf-stage[data-preview-state=stale]:after{content:"Previous preview";padding:5px var(--space-2);border-radius:var(--radius);color:var(--danger);background:var(--danger-surface);border:1px solid var(--danger-border);font-size:var(--font-size-sm);pointer-events:none;position:absolute;top:12px;right:12px}.zf-stage[data-preview-state=loading]:before{content:"";z-index:1;border:2px solid var(--border);border-top-color:var(--accent);pointer-events:none;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite preview-spin;position:absolute;top:18px;right:18px}.zf-stage[data-preview-state=updating]:has(>svg):before{content:"";z-index:1;border:2px solid var(--border);border-top-color:var(--accent);pointer-events:none;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite preview-spin;position:absolute;top:18px;right:18px}.zf-stage[data-preview-state=loading]:after{content:"Loading preview…";padding:5px 34px 5px var(--space-2);border-radius:var(--radius);color:var(--accent);background:var(--accent-surface);border:1px solid var(--accent-border);font-size:var(--font-size-sm);pointer-events:none;position:absolute;top:12px;right:12px}.zf-stage.zf-starter-preview[data-preview-state=loading]:after{content:"Example preview · loading diagram engine…"}.zf-stage[data-preview-state=loading]:not(.zf-starter-preview):not(:has(>svg)):before{border-width:3px;width:32px;height:32px;top:calc(50% - 29px);left:calc(50% - 16px);right:auto}.zf-stage[data-preview-state=loading]:not(.zf-starter-preview):not(:has(>svg)):after{content:"Loading diagram…";white-space:nowrap;background:0 0;border:0;padding:0;top:calc(50% + 22px);left:50%;right:auto;transform:translate(-50%)}.zf-stage[data-preview-state=updating]:has(>svg):after{content:"Updating preview…";padding:5px 34px 5px var(--space-2);border-radius:var(--radius);color:var(--accent);background:var(--accent-surface);border:1px solid var(--accent-border);font-size:var(--font-size-sm);pointer-events:none;position:absolute;top:12px;right:12px}@keyframes preview-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.zf-stage[data-preview-state=loading]:before{animation:none}.zf-stage[data-preview-state=updating]:has(>svg):before{animation:none}}.zf-stage [data-shape-id]{cursor:pointer}.zf-stage [data-shape-id]:not(a [data-shape-id],.zf-canvas-selected):hover{outline:2px solid var(--focus);outline-offset:3px}.zf-stage [data-shape-id][tabindex]:not(.zf-canvas-selected):focus-visible,.zf-stage a:not([data-missing]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}.zf-stage .zf-source-selected{outline:3px solid var(--token-source-selected);outline-offset:4px}.zf-stage [data-export-hidden]{opacity:.3}.zf-stage .zf-hidden-label{fill:var(--muted);pointer-events:none;font:11px sans-serif}.zf-stage a[data-follow=badge] .appendix-icon{cursor:pointer}.zf-stage a[data-follow=badge] .appendix-icon:hover circle{stroke:var(--focus);stroke-opacity:1;stroke-width:2px}.zf-stage .zf-source-selected.zf-canvas-selected,.zf-stage .zf-canvas-selected:hover,.zf-stage .zf-canvas-selected:focus-visible{outline:none}.zf-stage a:not([data-missing]):has(>.zf-canvas-selected):hover{outline:none}.zf-stage a:not([data-missing]):has(>.zf-canvas-selected):focus-visible{outline:none}.zf-stage .zf-selection{pointer-events:none}.zf-stage .zf-selection-halo{fill:var(--focus);fill-opacity:.16}.zf-stage .zf-selection-ring{fill:none;stroke:var(--focus);stroke-width:2px;vector-effect:non-scaling-stroke}[data-part=mobile-error]{display:none}#workspace[data-layout=single]>.document-pane{display:contents}.document-pane[hidden],#pane-divider[hidden],.pane-header[hidden],.pane-empty{display:none}#workspace:not([data-layout=single]){grid-template-columns:minmax(0, var(--first-pane-share,50fr)) 12px minmax(0, var(--second-pane-share,50fr))}#workspace:not([data-layout=single])>.document-pane{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;box-shadow:inset 0 3px #0000}#workspace:not([data-layout=single])>.document-pane[data-active]{box-shadow:inset 0 3px var(--accent)}#pane-divider{cursor:col-resize;touch-action:none;border-inline:1px solid var(--border);place-items:center;display:grid}#pane-divider:after{content:"";background:var(--grip);border-radius:2px;width:3px;height:48px}#pane-divider:hover,#pane-divider:focus-visible{background:var(--accent-soft);outline:2px solid var(--focus);outline-offset:-2px}.pane-header{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-4) var(--space-1);grid-area:1/1;display:flex}.pane-document{align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.pane-document-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pane-switch{font-size:var(--font-size-sm);white-space:nowrap;margin-left:auto;display:none}#workspace .document-pane[data-empty]>:not(.pane-header,.pane-empty){display:none}.document-pane[data-empty]>.pane-empty{max-width:360px;padding:var(--space-5);text-align:center;grid-area:2/1/-1/-1;place-self:center;line-height:1.6;display:block}.pane-empty-title{font-weight:600}.pane-empty p+p{color:var(--muted)}.pane-empty-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.example-elsewhere{margin-top:var(--space-1);color:var(--accent);font-size:var(--font-size-sm);display:block}.example-elsewhere[hidden]{display:none}#workspace[data-layout=tabs]>.document-pane:not([data-empty])>[data-part=mobile-view-switch]{padding:var(--space-2) var(--space-4) var(--space-1) 0;grid-area:1/2;gap:6px;display:flex}#workspace[data-layout=tabs] [data-part=mobile-view-switch] button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--focus);font-weight:650}#workspace[data-layout=tabs]>.document-pane>:is([data-part=preview-pane],[data-part=source-pane]){grid-area:2/1/auto/-1}#workspace[data-layout=tabs]>.document-pane[data-view=preview]>[data-part=source-pane],#workspace[data-layout=tabs]>.document-pane[data-view=source]>[data-part=preview-pane],#workspace[data-layout=tabs] [data-part=source-divider]{display:none}#workspace[data-layout=quad]>.document-pane{grid-template-rows:auto minmax(0, var(--preview-share,55fr)) 12px minmax(0, var(--source-share,45fr))}#workspace[data-layout=quad]>.document-pane>*{grid-column:1/-1}#workspace[data-layout=quad] [data-part=source-divider]{cursor:row-resize;border-inline:0;border-block:1px solid var(--border)}#workspace[data-layout=quad] [data-part=source-divider]:after{width:48px;height:3px}@media (width<=999px){#workspace{flex-direction:column;display:flex;overflow:hidden}[data-part=mobile-view-switch]{z-index:var(--z-sticky);padding:6px var(--space-4);border-bottom:1px solid var(--border);background:var(--page);flex:none;gap:6px;display:flex;position:sticky;top:0}[data-part=mobile-view-switch] button{flex:1}[data-part=mobile-view-switch] button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--focus);font-weight:650}[data-part=preview-pane]{flex:1;min-height:0}[data-view=preview]>[data-part=source-pane],[data-view=source]>[data-part=preview-pane],[data-part=source-divider]{display:none}[data-part=source-pane]{border-left:0;flex:1;min-height:0;overflow:hidden}[data-part=editor]{flex:1;min-height:min(160px,30%)}.source-tools{max-height:min(55%,256px)}header{gap:var(--space-2);padding:var(--space-2) var(--space-4);grid-template-columns:max-content minmax(0,1fr);display:grid}.header-controls{gap:var(--space-2);grid-area:2/1/auto/-1;align-items:flex-start}.document-control{flex:1}.file-button,#open-folder,#header-more-toggle{font-size:var(--font-size-md);padding:7px 10px}#open-folder{display:none}#example-picker summary{padding:7px var(--space-2);font-size:var(--font-size-md);gap:6px}#document-unsaved{margin-left:0}[data-part=ai-assistant]>summary,[data-part=lint-details]>summary{font-size:var(--font-size-md);padding-bottom:var(--space-1)}.pane-title{padding-block:var(--space-1);flex-wrap:nowrap}.pane-title>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}[data-part=work-status]{flex-basis:36px;height:36px;padding-bottom:0}.header-actions{flex-wrap:wrap;grid-area:1/2;justify-content:flex-end}[data-part=viewer]{padding:var(--space-2) var(--space-4)}footer{display:none}[data-part=draft-status]{white-space:normal;height:2.7em}[data-part=mobile-error]{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--danger);font-size:var(--font-size-sm);display:flex}[data-part=mobile-error] span{overflow-wrap:anywhere;flex:1;min-width:0;max-height:54px;overflow:auto}[data-part=mobile-error] button{text-overflow:ellipsis;white-space:nowrap;max-width:45%;font-size:var(--font-size-sm);flex-shrink:0;overflow:hidden}#workspace:not([data-layout=single])>.document-pane{min-height:0;box-shadow:none;flex-direction:column;flex:1;display:flex}#workspace:not([data-layout=single])>.document-pane:not([data-active]),#pane-divider{display:none}.pane-switch{display:inline-flex}}@media (width<=400px){header{padding-inline:var(--space-3);gap:6px}header>strong{font-size:18px}.header-actions{gap:var(--space-1)}.header-actions button,.header-actions select{font-size:var(--font-size-sm);padding-inline:6px}}#draft-conflict{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);font-size:var(--font-size-sm);color:var(--muted);display:flex}#export-scope{font-size:var(--font-size-sm);overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.5}#engine-notice{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--font-size-md);display:flex}#engine-notice[role=alert]{color:var(--danger);background:var(--danger-surface)}#draft-conflict-reload,#retry-engine{flex-shrink:0}.source-diagnostics{border-top:1px solid var(--border);max-height:40%;padding:var(--space-2);background:var(--surface);flex:0 auto;overflow:auto}.source-diagnostics>button{float:right;font-size:var(--font-size-sm)}.source-diagnostics ul{clear:both;margin:0;padding:0;list-style:none}.source-diagnostics li{padding:var(--space-2);border-left:2px solid var(--danger);font-size:var(--font-size-md);overflow-wrap:anywhere}.source-diagnostics .cm-diagnostic-warning{border-left-color:var(--warning)}.source-diagnostics li button{text-align:left;white-space:normal;width:100%;font-size:inherit;background:0 0;border:0}@media (width<=999px) and (height<=500px){header{padding-block:var(--space-1);gap:var(--space-1)}.pane-title{padding-block:var(--space-1)}[data-part=draft-status]{white-space:nowrap;height:1.35em}.source-tools{flex-shrink:0;max-height:max(88px,100% - 164px)}[data-part=ai-form] .ai-composer textarea{min-height:48px}[data-part=editor]{min-height:80px}}.source-tools:has(>details[open]){border-bottom:1px solid var(--border)}.source-tools>details[open]>summary{z-index:var(--z-raised);background:var(--page);border-bottom:1px solid var(--border);position:sticky;top:0}[data-part=preview-status][data-state=ready],[data-part=lint-summary][data-empty=true],:is([data-part=ready-summary]:has(~[data-part=activity-status]:not([hidden])),[data-part=ready-summary]:has(~[data-part=format-status]:not([hidden]))){display:none}[data-part=draft-status][data-kind=error]{color:var(--danger)}:is([data-part=reveal-source]:disabled,[data-part=work-status]:has([data-part=compile-error]:not([hidden])) [data-part=reveal-source]){display:none}[data-part=draft-status]{height:auto;line-height:18px}[data-part=work-status]:has([data-part=compile-error]:not([hidden]),[data-part=activity-status]:not([hidden]),[data-part=format-status]:not([hidden]),[data-part=preview-status][data-state=loading],[data-part=preview-status][data-state=updating]) [data-part=draft-status]{display:none}[data-part=compile-error],[data-part=format-status],[data-part=activity-status]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-unsaved{color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap;margin-left:auto}.draft-unsaved{color:var(--accent);flex-shrink:0;font-size:18px;line-height:1}@media (width<=600px){.layout-control{display:none}}#workspace-view{position:relative}#workspace-view>summary{cursor:pointer;border-radius:var(--radius);min-height:36px;padding:7px 12px;list-style:none}#workspace-view>summary::-webkit-details-marker{display:none}#workspace-view>summary:after{content:"⌄";color:var(--muted);margin-left:8px}#workspace-view>summary:hover,#workspace-view[open]>summary{background:var(--hover)}#workspace-view>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.workspace-view-menu{z-index:var(--z-popover);border:1px solid var(--border-strong);background:var(--surface);width:260px;box-shadow:var(--shadow-dialog);border-radius:12px;gap:12px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.workspace-view-menu label{grid-template-columns:60px 1fr;align-items:center;gap:8px;display:grid}.workspace-view-menu label>span{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.workspace-view-menu select{width:100%}.workspace-view-menu button{text-align:left}#show-shortcuts:after{content:"Keyboard shortcuts";margin-left:8px}#show-shortcuts{align-items:center;display:flex}#toggle-source[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.board-layer-settings{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding:12px 6px 4px;display:grid}.board-layer-settings:has(>[hidden]):not(:has(>:not([hidden]))){display:none}.board-selection{border-radius:12px;flex-wrap:nowrap;gap:4px;padding:4px}.board-selection button{white-space:nowrap;border-color:#0000;font-size:12px}.board-selection button:first-of-type{color:var(--accent);background:var(--accent-soft)}.link-preview{border-radius:12px;gap:6px;padding:12px}.link-preview small{color:var(--accent);padding-top:4px;font-size:12px}.link-preview strong{overflow-wrap:anywhere}@media (width>=1000px){#workspace[data-layout=single]:has(>.document-pane[data-source-hidden]:not([hidden])){grid-template-columns:minmax(0,1fr)}#workspace[data-layout=single] .document-pane[data-source-hidden]>:is([data-part=source-pane],[data-part=source-divider]),#workspace[data-layout=quad] .document-pane[data-source-hidden]>:is([data-part=source-pane],[data-part=source-divider]){display:none}#workspace[data-layout=quad]>.document-pane[data-source-hidden]{grid-template-rows:auto minmax(0,1fr)}}@media (width<=999px){#toggle-source{display:none}.flow-builder-toolbar{gap:6px;margin-bottom:4px}.flow-builder-toolbar [data-group=edit]>span{display:none}.flow-builder-toolbar button,.board-outline summary{min-height:36px;padding-inline:8px;font-size:12px}.board-selection button{min-height:40px;padding-inline:6px}.workspace-view-menu .layout-control{display:grid}}@media (prefers-reduced-motion:no-preference){button,summary{transition:background-color .1s ease-out,color .1s ease-out}}.builder-look{display:block}.look-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.look-presets button{background:var(--surface);padding:6px}.look-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-surface);box-shadow:inset 0 0 0 1px var(--accent)}.look-presets button span{font-size:12px;display:block}.look-thumbnail{fill:none;width:100%;max-height:64px;stroke:var(--muted);stroke-width:1.5px;display:block}.look-thumbnail rect{fill:var(--surface);stroke:var(--accent)}.look-shadow rect{filter:drop-shadow(0 3px 2px var(--menu-shadow))}.look-text{stroke-width:2px;stroke-linecap:round;opacity:.65}.look-custom{margin-top:12px;font-size:12px}.look-custom summary{cursor:pointer;color:var(--muted)}.look-custom>div{flex-wrap:wrap;gap:12px;padding-block:12px;display:flex}.look-source .flow-help{margin-top:8px}.builder-body{min-width:0}#export-preview{border:1px solid var(--border);background:var(--page);border-radius:10px;margin:0;padding:8px}#export-preview img{object-fit:contain;border-radius:6px;width:100%;height:140px;display:block}#export-preview figcaption{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.4}#open-export-preview{grid-column:1/-1}.canvas-feedback{border:1px solid var(--border-strong);background:var(--surface);max-width:calc(100% - 24px);box-shadow:0 4px 20px var(--menu-shadow);z-index:var(--z-raised);border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;display:flex;position:absolute;bottom:56px;left:12px}.canvas-feedback span{overflow-wrap:anywhere}.canvas-feedback button{color:var(--accent);border-color:#0000;padding:4px 8px}.zf-edit-highlight{filter:drop-shadow(0 0 4px var(--focus))}.zf-edit-highlight path.connection{stroke:var(--focus);stroke-width:3px}@media (prefers-reduced-motion:no-preference){.zf-edit-highlight{animation:.9s ease-out both edit-arrival}@keyframes edit-arrival{0%{opacity:.45}to{opacity:1}}}.builder-preview{border:1px solid var(--border);background:var(--page);border-radius:14px;flex-direction:column;min-width:0;min-height:0;padding:16px;display:flex}.builder-preview-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.builder-preview-heading span,.builder-preview-status{color:var(--muted);font-size:12px}.builder-preview-viewer{flex-direction:column;flex:1;min-height:0;margin-top:12px;display:flex}.builder-preview-viewer .zf-stage{min-height:240px}.builder-preview-viewer .zf-context{display:none}.builder-preview-status{min-height:32px;margin:8px 0 0;line-height:1.5}@media (width>=1000px){:is(#flow-builder,#mind-map-builder):has(.builder-body){width:min(1240px,100vw - 48px);overflow:hidden}:is(#flow-builder,#mind-map-builder):has(.builder-body)>form{flex-direction:column;height:min(850px,100dvh - 74px);display:flex}.builder-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px;min-height:0;margin-bottom:16px;display:grid}.builder-fields{scrollbar-gutter:stable;padding:4px 8px 8px 4px;overflow-y:auto}.builder-body~.flow-footer{flex-shrink:0;padding-bottom:0;position:static}.builder-preview-viewer .zf-stage{min-height:0}.builder-fields .flow-step{grid-template-columns:minmax(0,1fr) 110px auto}.builder-fields .flow-connection{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 80px auto}}@media (width<=999px){.builder-preview{height:360px;margin:16px 0}.builder-preview-viewer .zf-stage{min-height:0}}header{background:var(--surface);gap:20px}header>strong{letter-spacing:-.7px}#new-mind-map,#open-folder,.header-controls>.file-button{background:0 0;border-color:#0000}#new-mind-map:hover,#open-folder:hover,.header-controls>.file-button:hover{background:var(--hover)}#example-picker>summary{background:var(--page);border-color:#0000;font-weight:600}.document-control{border-left:1px solid var(--border);padding-left:16px}.flow-builder-toolbar{align-items:center;gap:12px}.flow-builder-toolbar button,.board-outline>summary{color:var(--muted);background:0 0;border-color:#0000}.flow-builder-toolbar button:hover,.board-outline>summary:hover{color:var(--text);background:var(--hover)}.flow-builder-toolbar [data-group=edit]>button{color:var(--accent);background:var(--accent-soft);font-weight:600}.flow-builder-toolbar [data-group=edit]>span{display:none}.zf-breadcrumbs{font-size:15px}.zf-breadcrumbs button[aria-current]{background:0 0;font-weight:650}.workspace-docs{color:var(--muted);border-radius:var(--radius);padding:8px 12px;text-decoration:none}.workspace-docs:hover{color:var(--accent);background:var(--hover)}.link-preview{border-color:var(--border);width:min(340px,100vw - 16px);box-shadow:0 12px 36px var(--menu-shadow);gap:6px;padding:16px}.link-preview img{height:150px;margin-bottom:8px}.link-preview strong{font-size:15px}.link-preview-contents{overflow-wrap:anywhere;margin:2px 0;font-size:13px;line-height:1.6}.link-preview-contents:empty{display:none}.zf-stage [data-shape-id]:not(a [data-shape-id],.zf-canvas-selected):hover{filter:drop-shadow(0 0 2px var(--focus));outline:none}.zf-stage [data-shape-id][tabindex]:not(.zf-canvas-selected):focus-visible{outline:3px solid var(--focus)}.canvas-rename-help{z-index:var(--z-raised);background:var(--surface);color:var(--muted);box-shadow:0 4px 16px var(--menu-shadow);pointer-events:none;text-align:center;border-radius:8px;padding:6px 10px;font-size:11px;line-height:1.5;position:absolute}.canvas-rename-help[hidden]{display:none}.zf-stage-area:has(.canvas-rename:not([hidden])) .board-selection{visibility:hidden}.builder-appearance{border-top:1px solid var(--border);margin-top:20px;padding-top:12px}.builder-appearance>summary{cursor:pointer;padding:6px 0;font-weight:600}.builder-appearance>summary span{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.builder-appearance .builder-look{border:0;margin-top:8px;padding:0}.builder-appearance .builder-look legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.look-thumbnail{max-height:42px}.flow-step,.flow-connection{background:var(--page);border-color:#0000}#flow-starters{border:0;margin-top:12px;padding:0}#flow-starters legend{color:var(--muted);margin-bottom:6px;font-size:12px}#flow-starters button{background:var(--accent-soft);min-height:30px;color:var(--accent);border-color:#0000;padding:4px 8px;font-size:12px}@media (width>=1000px){.builder-fields .flow-step{margin-bottom:6px;padding:8px}.builder-fields section h3{margin-top:18px;margin-bottom:6px}.builder-fields .flow-help{margin-top:4px;margin-bottom:10px;font-size:12px}.builder-fields .flow-step label,.builder-fields .flow-connection label{font-size:12px}}@media (width<=999px){header{gap:8px}.document-control{border-left:0;padding-left:0}.builder-appearance>summary span{display:none}}@media (width<=360px){.theme-control button{font-size:var(--font-size-xs);padding-inline:4px}#workspace-view>summary{padding-inline:6px}}.canvas-insert{z-index:var(--z-raised);border:1px solid var(--accent-border);background:var(--surface);width:32px;height:32px;min-height:32px;color:var(--accent);box-shadow:0 2px 8px var(--menu-shadow);border-radius:50%;padding:0;font-size:22px;position:absolute;transform:translate(-50%,-50%)}.canvas-insert[hidden]{display:none}.flow-entry-mode{background:var(--page);border-radius:10px;gap:4px;width:fit-content;margin-bottom:16px;padding:4px;display:flex}.flow-entry-mode button{background:0 0;border-color:#0000}.flow-entry-mode button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px var(--menu-shadow)}.flow-quick{gap:10px;margin:20px 0;display:grid}.flow-quick textarea{resize:vertical;width:100%;min-height:140px;font:inherit;border:1px solid var(--control-border);color:var(--text);background:var(--surface);border-radius:8px;padding:12px;line-height:1.8}#flow-builder[data-entry=quick] :is(#flow-starters,section[aria-labelledby=flow-steps-heading],section[aria-labelledby=flow-connections-heading]),#flow-builder[data-entry=full] .flow-quick,.flow-entry-mode[hidden]{display:none}@media (pointer:coarse){.canvas-insert{width:44px;height:44px}}.canvas-coach{z-index:var(--z-raised);background:var(--surface);border:1px solid var(--accent-border);box-shadow:0 6px 24px var(--menu-shadow);color:var(--muted);border-radius:12px;align-items:start;gap:12px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex;position:absolute}.canvas-coach[hidden]{display:none}.canvas-coach strong{color:var(--text);margin-bottom:2px;display:block}.canvas-coach button{min-width:28px;min-height:28px;color:var(--muted);background:0 0;border:0;padding:0;font-size:18px}.empty-board-help button{margin:6px}header{gap:18px;padding:10px 20px}header>strong{letter-spacing:-.6px;font-size:18px}.header-controls{flex-wrap:nowrap;gap:12px}.document-control{order:-1;width:min(300px,32vw)}#create-open{flex-shrink:0;position:relative}#create-open>summary{cursor:pointer;background:var(--accent);color:var(--on-accent);white-space:nowrap;border-radius:8px;padding:8px 12px;list-style:none}#create-open>summary::-webkit-details-marker{display:none}#create-open>summary:after{content:"⌄";margin-left:10px}.create-open-menu{z-index:var(--z-popover);border:1px solid var(--border);background:var(--surface);min-width:220px;box-shadow:var(--shadow-dialog);border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.create-open-menu :is(button,.file-button){text-align:left;width:100%;color:var(--text);background:0 0;border-color:#0000;margin:0;padding:9px 12px;font-size:14px;display:block}.create-open-menu :is(button,.file-button):hover{background:var(--hover)}.create-open-menu :is(#new-mind-map,#open-folder){display:block}.create-open-menu #new-flow{color:var(--accent);background:var(--accent-soft)}#workspace-view .theme-control{width:100%;display:flex}#workspace-view .theme-control button{text-align:center;flex:1}@media (width<=999px){header{grid-template-columns:auto 1fr;gap:8px;padding:8px 12px;display:grid}.header-actions{justify-self:end;gap:4px}.header-controls{grid-area:2/1/auto/-1;gap:8px;display:flex}.document-control{flex:1;width:auto;min-width:0}#create-open>summary{padding:8px;font-size:12px}.create-open-menu{left:auto;right:0}#example-picker>summary{min-width:0}.flow-builder-toolbar{margin-bottom:2px}.zf-breadcrumbs{min-height:30px}.zf-context{padding-top:2px}#preview-pane{padding-top:6px}}.board-appearance{position:relative}.board-appearance[hidden]{display:none}.board-appearance .builder-appearance{border:0;margin:0;padding:0}.board-appearance .builder-appearance>summary{color:var(--muted);padding:8px 10px;font-size:13px;font-weight:400}.board-appearance .builder-look{z-index:var(--z-popover);background:var(--surface);border:1px solid var(--border);width:min(320px,100vw - 48px);box-shadow:var(--shadow-dialog);border-radius:12px;padding:14px;position:absolute;top:100%;left:0}@media (width<=600px){[data-part=mobile-view-switch]{gap:6px;padding:4px 12px}[data-part=mobile-view-switch] button{min-height:32px;padding:4px 8px}.flow-builder-toolbar{grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:2px;display:grid}.flow-builder-toolbar :is(button,summary){padding-inline:6px;font-size:12px}.flow-builder-toolbar .diagram-search-trigger,.flow-builder-toolbar .project-search-trigger{min-width:32px;font-size:0}.flow-builder-toolbar .diagram-search-trigger:after,.flow-builder-toolbar .project-search-trigger:after{content:"⌕";font-size:23px}.flow-builder-toolbar .board-appearance{justify-self:end}.board-appearance .builder-look{left:auto;right:-70px}.flow-builder-toolbar .zf-walkthrough-trigger{min-width:36px;font-size:0}.flow-builder-toolbar .zf-walkthrough-trigger:after{content:"▷";font-size:20px}.zf-breadcrumbs{min-height:28px}}@media (width>=1000px){#flow-builder[data-entry=quick]:has(.builder-body){width:min(1100px,100vw - 48px)}#flow-builder[data-entry=quick]:has(.builder-body)>form{height:min(660px,100dvh - 74px)}}@media (width<=600px){#workspace[data-layout=single] #pane-a>[data-part=mobile-view-switch]{background:0 0;border:0;width:auto;padding:0;position:fixed;top:8px;left:108px;right:84px}#workspace[data-layout=single] #pane-a>[data-part=mobile-view-switch] button{padding-inline:4px;font-size:12px}}@media (width>=601px) and (width<=999px) and (height<=500px){header{display:flex}.header-controls{flex:1;min-width:0}.header-actions{margin-left:auto}}.diagram-fullscreen .zf-stage-area:has(.zf-walkthrough:not([hidden]))>:is(.zf-zoom-controls,.zf-fullscreen-toggle){grid-row:2}@media (width<=360px){.zf-zoom-controls .zf-fit{gap:0;font-size:0}.zf-zoom-controls span{min-width:32px}}@media (width>=601px) and (width<=999px) and (height<=500px){[data-part=mobile-view-switch]{padding-block:3px}[data-part=mobile-view-switch] button{min-height:30px;padding-block:3px}[data-part=viewer]{padding-block:4px}.workspace-canvas .zf-pan-hint{-webkit-line-clamp:1;min-height:18px;max-height:18px}}.look-thumbnail{max-height:82px;color:var(--text)}.look-thumbnail .look-decision{fill:var(--surface);stroke:#b88940}.look-thumbnail .look-outcome{stroke:#448e77}.look-filled rect{fill:#edf2f8}.look-filled .look-decision{fill:#fff3db}.look-filled .look-outcome{fill:#e3f3eb}.look-shadow :is(rect,.look-decision){stroke-width:2px;filter:drop-shadow(0 3px 2px var(--menu-shadow))}.look-shadow .look-labels{font-size:9px;font-weight:650}[data-theme=dark] .look-filled rect{fill:#26364c}[data-theme=dark] .look-filled .look-decision{fill:#443721}[data-theme=dark] .look-filled .look-outcome{fill:#203d36}.link-preview{border-top:3px solid #8272b4}.canvas-add{z-index:var(--z-raised);border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;min-height:32px;color:var(--accent);box-shadow:0 2px 8px var(--menu-shadow);border-radius:50%;padding:0;font-size:22px;position:absolute;transform:translate(-50%,-50%)}.canvas-add:hover{background:var(--accent-surface);border-color:var(--accent)}@media (pointer:coarse){.canvas-add{width:44px;height:44px}}.zf-stage-area:has(.zf-stage[data-walkthrough])>.canvas-add{display:none}.canvas-coach small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.canvas-context-help{pointer-events:none;border:1px solid var(--border);background:var(--surface);max-width:min(280px,100% - 24px);color:var(--muted);text-align:center;z-index:var(--z-raised);border-radius:8px;padding:6px 10px;font-size:11px;position:absolute}@media (width<=599px){.board-selection button{font-size:11px}}.document-titles{text-align:left;flex-direction:column;gap:2px;min-width:0;display:flex}#document-title{text-overflow:ellipsis;font-weight:650;overflow:hidden}#filename{color:var(--muted);font-size:11px;font-weight:400}.export-presentation{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.export-presentation>summary{cursor:pointer;font-weight:600}.export-presentation>summary span{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.export-presentation label{margin-top:12px;font-size:12px;font-weight:600;display:block}.export-presentation input:not([type=checkbox]),.export-presentation select{border:1px solid var(--control-border);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:7px;margin-top:5px;padding:8px;display:block}.export-presentation .field-optional{color:var(--muted);margin-left:4px;font-weight:400}#export-frame-option{align-items:center;gap:8px;display:flex}#export-frame-option[hidden],#export-interactive-options[hidden]{display:none}#export-presentation-hint{color:var(--muted);font-size:11px;line-height:1.5}.zf-stage-area:has(.canvas-coach:not([hidden]),.canvas-rename:not([hidden])) .canvas-context-help{display:none}