.ssr-action-menu{position:relative;display:inline-block;font:12px/1.5 system-ui,sans-serif;color:var(--vp-ink,#e4f2ee)}
.ssr-action-menu>summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:6px 10px;border:1px solid transparent;border-radius:5px;user-select:none}
.ssr-action-menu>summary::-webkit-details-marker{display:none}
.ssr-action-menu>summary:hover,.ssr-action-menu[open]>summary{background:#1b3229;border-color:#385747}
.ssr-action-menu>summary>span{color:#97b3a4;font-size:11px}
.ssr-action-menu>[role=menu]{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:190px;max-width:calc(100vw - 48px);padding:5px;border:1px solid #426151;border-radius:8px;background:#10221c;box-shadow:0 12px 32px #0008}
.ssr-action-menu:not([open])>[role=menu]{display:none}
body .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]){display:block;width:100%;text-align:left;white-space:normal;border:0;border-radius:4px;padding:9px 12px;background:transparent;color:#e4f2ee;font:12px/1.5 system-ui;cursor:pointer}
body .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]):hover,body .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]):focus-visible{background:#2b4b3b;outline:2px solid #99cfad;outline-offset:-2px}
body .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]):disabled{opacity:.4;cursor:default;background:transparent}
.ssr-action-menu [role=menuitemcheckbox]::after{content:'○' / '';float:right;margin-left:12px}
.ssr-action-menu [role=menuitemcheckbox][aria-checked=true]::after{content:'✓' / ''}
.ssr-action-menu>summary:focus-visible{outline:2px solid #99cfad;outline-offset:2px}
.ssr-action-menu[data-align=end]>[role=menu]{left:auto;right:0}
.cre8-document-tabs{min-width:0;flex:1}
.cre8-document-tabs>.primitive-tabs-strip{display:flex;flex-wrap:nowrap;gap:0;padding:0;border:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:transparent}
.cre8-document-tab{position:relative;display:inline-flex;align-items:stretch;flex:none;max-width:240px;min-width:100px;border-right:1px solid var(--cre8-view-border-strong,#34403c);border-top:2px solid transparent}
.cre8-document-tab:has([aria-selected=true]){border-top-color:var(--accent,#5fc1a8);background:var(--bg,#101312)}
.cre8-document-tab>.primitive-tabs-button{display:flex;gap:7px;align-items:center;min-width:0;min-height:34px;padding:5px 8px 5px 12px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.cre8-document-tab [data-tab-label]{overflow:hidden;text-overflow:ellipsis}
.cre8-document-tab [data-tab-dirty]{font-size:9px;color:var(--accent,#5fc1a8)}
.cre8-document-tab [data-tab-dirty][hidden],.cre8-document-tab-close[hidden]{display:none}
.cre8-document-tab-close{flex:none;width:28px;min-height:32px;border:0;background:transparent;color:var(--muted,#94a0ae);font:inherit;cursor:pointer}
.cre8-document-tab-close:hover{background:var(--surface-2,#202724);color:var(--text,#eef2f7)}
.cre8-document-tab[data-drop=before]{box-shadow:inset 3px 0 var(--accent,#5fc1a8)}
.cre8-document-tab[data-drop=after]{box-shadow:inset -3px 0 var(--accent,#5fc1a8)}
.cre8-document-tab[data-dragging=true]{opacity:.45}
.cre8-document-tabs :focus-visible{outline:2px solid var(--accent,#5fc1a8);outline-offset:-3px}
.cre8-tab-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(pointer:coarse){.cre8-document-tab>.primitive-tabs-button,.cre8-document-tab-close{min-height:40px}.cre8-document-tab-close{width:36px}}
.source-inspector{--border-color:var(--cre8-view-border-strong);--accent-color:var(--cre8-view-accent);--error-color:var(--cre8-view-danger);border-top:1px solid var(--border-color,#444);font-size:12px;min-width:0;background:var(--cre8-view-surface);color:var(--cre8-view-fg)}
.source-inspector[hidden],.source-inspector [hidden]{display:none!important}
.source-inspector-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:5px 8px;border-bottom:1px solid var(--border-color,#444)}
.source-inspector-tools strong{margin-right:5px}.source-inspector-tools label{display:flex;align-items:center;gap:4px}
.source-inspector button,.source-inspector input,.source-inspector select{font:inherit;color:inherit;border:1px solid var(--border-color,#555);border-radius:3px;background:transparent;min-height:28px;padding:3px 7px}
.source-inspector button{cursor:pointer}.source-inspector button:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.source-inspector button:disabled{opacity:.45;cursor:default}.source-inspector :focus-visible{outline:2px solid var(--accent-color,#39cbb7);outline-offset:-2px}
.source-inspector [data-inspect-entry]{width:80px}.source-inspector [data-inspect-limit]{width:60px}
.source-inspector [data-inspect-close]{margin-left:auto}.source-inspector [data-inspect-scrub]{flex:1;min-width:80px;max-width:240px;padding:0}
.source-inspector [data-inspect-status],.source-inspector nav,.source-inspector details{padding:5px 8px;margin:0}
.source-inspector nav:empty{display:none}.source-inspector nav{display:flex;gap:12px;flex-wrap:wrap}.source-inspector .is-error{color:var(--error-color,#e88787)}
.source-inspector-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}
.source-inspector-grid>section{min-width:0;border-right:1px solid var(--border-color,#444)}
.source-inspector h3{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin:0;padding:5px 8px;height:34px}
.source-inspector pre{font:12px/1.5 "Cascadia Code",Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:6px 8px;margin:0;max-height:180px;overflow:auto;background:transparent}
.source-inspector-nodes{max-height:180px;overflow:auto}.source-inspector-nodes button{display:block;width:100%;border:0;border-radius:0;text-align:left;font:12px/1.5 "Cascadia Code",Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.source-inspector-nodes [aria-pressed=true]{background:color-mix(in srgb,#39cbb7 18%,transparent);box-shadow:inset 2px 0 #39cbb7}
.source-inspector [data-inspect-break][aria-pressed=true]{color:#ef9676;border-color:currentColor}
.source-inspector summary{cursor:pointer}.source-inspector details>p{margin:6px 0}.source-inspector-graph{overflow:auto;max-height:360px;background:#15191f}.source-inspector-graph img{max-width:none;min-width:100%;max-height:none}
.source-inspector [data-inspect-identity]{font-size:11px;opacity:.8}.source-inspector [data-inspect-diagnostics] button{display:block;text-align:left;margin-top:3px}
@media(max-width:700px){.source-inspector-grid{grid-template-columns:minmax(0,1fr)}.source-inspector-grid>section{border-bottom:1px solid var(--border-color,#444)}.source-inspector-nodes,.source-inspector pre{max-height:130px}}
.source-delivery{border-top:1px solid var(--cre8-view-border-strong);background:var(--cre8-view-surface);color:var(--cre8-view-fg);font-size:12px;min-width:0}
.source-delivery[hidden],.source-delivery [hidden]{display:none!important}
.source-delivery-bar{display:flex;align-items:center;gap:8px;padding:5px 8px;border-bottom:1px solid var(--cre8-view-border)}
.source-delivery-bar span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cre8-view-fg-muted)}
.source-delivery button,.source-delivery input{font:inherit;color:inherit;border:1px solid var(--cre8-view-border-strong);background:var(--cre8-view-surface);border-radius:4px;min-height:28px;padding:3px 7px;box-sizing:border-box}
.source-delivery button{cursor:pointer}.source-delivery button:disabled{opacity:.5;cursor:default}.source-delivery button:focus-visible,.source-delivery input:focus-visible{outline:2px solid var(--cre8-view-accent);outline-offset:1px}
.source-delivery-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr}.source-delivery-grid>section{padding:8px;min-width:0;border-right:1px solid var(--cre8-view-border)}.source-delivery-grid>section:last-child{border-right:0}
.source-delivery h3{font-size:12px;margin:0 0 6px}.source-delivery p{line-height:1.45;margin:5px 0;color:var(--cre8-view-fg-muted)}
.source-delivery label{display:flex;align-items:center;gap:5px;min-width:0;margin-bottom:6px}.source-delivery input{min-width:0;width:100%}.source-delivery-fields{display:flex;gap:8px}.source-delivery-fields label{flex:1}
.source-delivery-actions,.source-delivery nav{display:flex;flex-wrap:wrap;gap:6px}.source-delivery nav:empty{display:none}.source-delivery a{color:var(--cre8-view-accent);overflow-wrap:anywhere}.source-delivery-grid nav{margin-top:6px}
.source-delivery-review{border-top:1px solid var(--cre8-view-border);padding:8px}.source-delivery-review code{display:block;overflow-wrap:anywhere;font-size:11px}
.source-delivery pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;max-height:150px;font:11px/1.5 ui-monospace,monospace;margin:6px 0}
.source-delivery [data-delivery-status],.source-delivery details,.source-delivery-related{padding:4px 8px}.source-delivery [data-delivery-status].is-error{color:var(--cre8-view-danger)}
@media(max-width:650px){.source-delivery-grid{grid-template-columns:1fr}.source-delivery-grid>section{border-right:0;border-bottom:1px solid var(--cre8-view-border);padding:6px 8px}.source-delivery-grid p{margin:3px 0}.source-delivery pre{max-height:100px}}
/* The shared workspace owns pane geometry; editor rules style the working tools. */
:root:has(.primitive-section--editor-root){--cre8-page-max-width:100%;--cre8-page-gutter-x:0px;--cre8-page-gutter-y:0px}
.primitive-section--editor-root{
  --bg:light-dark(#fff,#101216);--surface:light-dark(#f6f8f6,#171a1f);--surface-2:light-dark(#eef2ef,#20252b);
  --text:var(--cre8-view-fg,#eef2f7);--muted:var(--cre8-view-fg-muted,#94a0ae);
  --line:var(--cre8-view-border,#2a2f34);--line-bright:var(--cre8-view-border-strong,#3b454c);
  --accent:light-dark(#0f765d,#5fc1a8);--danger:var(--cre8-view-danger,#f0a0a0);
  min-width:0;color:var(--text);background:var(--bg);font:13px/1.45 Inter,"Segoe UI",system-ui,sans-serif;
}
.primitive-section--editor-root *{box-sizing:border-box}
.primitive-section--editor-root .primitive-section--workspace-compact{grid-template-columns:minmax(0,1fr)}
.primitive-section--editor-root .primitive-section--workspace-compact>*{min-width:0}
.primitive-section--editor-root button,.primitive-section--editor-root textarea,.primitive-section--editor-root select{font:inherit}
.editor-topbar{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--surface)}
.editor-title h1,.editor-title .editor-title-text{margin:0;font-size:16px;font-weight:650;white-space:nowrap}
.editor-modes,.editor-layout-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.editor-modes{margin-left:auto}
.mode-button,.document-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:4px 8px;border:1px solid transparent;border-radius:4px;color:var(--text);background:transparent;text-decoration:none;white-space:nowrap;cursor:pointer;font-weight:500}
.mode-button:hover,.document-action:hover{background:var(--surface-2);border-color:var(--line-bright)}
.mode-button[aria-expanded=true],.mode-button[aria-pressed=true],.document-action[aria-pressed=true],.document-action[aria-expanded=true]{background:var(--surface-2);color:var(--accent)}
.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 6px;border-bottom:1px solid var(--line);background:var(--surface)}
.editor-actions label{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;color:var(--muted)}
.editor-actions kbd{font-size:10px;color:var(--muted)}
.primitive-section--editor-root select,.editor-quick-open input{max-width:100%;padding:4px 6px;border:1px solid var(--line-bright);border-radius:4px;background:var(--bg);color:var(--text)}
.primitive-section--editor-root .primitive-row--workspace-body-triple{grid-template-columns:200px minmax(0,1fr) 240px}
.primitive-section--editor-root[data-files-panel=hidden] .primitive-row--workspace-body-triple{grid-template-columns:0 minmax(0,1fr) 240px}
.primitive-section--editor-root[data-details-panel=hidden] .primitive-row--workspace-body-triple{grid-template-columns:200px minmax(0,1fr) 0}
.primitive-section--editor-root[data-files-panel=hidden][data-details-panel=hidden] .primitive-row--workspace-body-triple{grid-template-columns:0 minmax(0,1fr) 0}
.primitive-section--editor-root[data-files-panel=hidden] .primitive-section--workspace-rail,.primitive-section--editor-root[data-details-panel=hidden] .primitive-section--workspace-inspector{visibility:hidden;overflow:hidden}
.primitive-section--editor-root .primitive-section--workspace-main{min-width:0;display:flex}
.editor-main{display:flex;flex-direction:column;min-width:0;width:100%;min-height:calc(100dvh - 150px);background:var(--bg)}
.editor-rail,.editor-inspector{min-width:0;height:100%;padding:10px;background:var(--surface);overflow:auto}
.editor-rail{border-right:1px solid var(--line)}
.editor-inspector{border-left:1px solid var(--line)}
.rail-section,.inspector-section{display:grid;gap:5px;margin:0 0 12px}
.section-label{margin:0;color:var(--muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.section-heading,.signal-row,.property-row{display:flex;justify-content:space-between;align-items:center;gap:6px}
.section-count{font-size:10px;color:var(--muted)}
.workspace-ref,.file-tree-root{margin:0;overflow-wrap:anywhere;color:var(--muted);font:11px/1.5 ui-monospace,monospace}
.workspace-ref{color:var(--text)}
.file-tree{min-width:0;overflow:auto;font-size:12px}
.tree-summary,.tree-row{display:flex;align-items:center;gap:5px;width:100%;min-height:27px;padding:3px 5px 3px calc(5px + var(--tree-depth,0)*10px);border:0;border-radius:3px;background:transparent;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap}
.tree-row:hover,.tree-summary:hover{background:var(--surface-2)}
.tree-row.is-selected{color:var(--accent);background:var(--surface-2)}
.tree-icon{width:10px;color:var(--muted)}
.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree-count,.tree-omitted{margin-left:auto;font-size:10px;color:var(--muted)}
.file-tree-empty{margin:4px 0;color:var(--muted)}
.signal-row,.property-row{padding:4px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}
.signal-row strong,.property-row strong{color:var(--text);text-align:right;overflow-wrap:anywhere;font-weight:500}
.document-bar{display:flex;align-items:stretch;flex-wrap:wrap;min-width:0;border-bottom:1px solid var(--line);background:var(--surface)}
.document-bar>.cre8-document-tabs{flex:1 1 280px;overflow:hidden}
.document-bar>.document-action{flex:none;border-radius:0;border-left:1px solid var(--line);font-size:11px}
.editor-panes{display:grid;min-width:0;min-height:320px;flex:1}
.editor-main:has(:is([data-source-inspector],[data-source-delivery]):not([hidden])) .editor-panes{min-height:220px;flex:1 0 220px}
.editor-main:has(:is([data-source-inspector],[data-source-delivery]):not([hidden])) .editor-buffer-viewport{min-height:180px}
.editor-panes.is-split{grid-template-columns:minmax(0,calc(var(--editor-split,50%) - 3px)) 6px minmax(0,1fr)}
.editor-divider{background:var(--surface);cursor:col-resize;touch-action:none;border-inline:1px solid var(--line)}
.editor-divider:hover,.editor-divider:focus-visible{background:var(--accent)}
.editor-compare-tools{display:flex;flex:none;align-items:center;gap:4px;padding:3px 5px;border-bottom:1px solid var(--line);background:var(--surface)}
.editor-compare-tools select{min-width:0;flex:1;width:0}.editor-compare-tools small{color:var(--muted);font-size:10px;white-space:nowrap}
.editor-compare-tools .mode-button{font-size:11px}.editor-secondary{display:flex;flex-direction:column}
.editor-secondary .editor-preview{flex:1;white-space:pre;tab-size:4}
.editor-secondary{min-width:0;overflow:auto;border-left:1px solid var(--line)}
.editor-secondary>select{margin:5px}
.editor-buffer{display:flex;flex-direction:column;min-width:0;min-height:0}
.editor-buffer-viewport{position:relative;display:flex;flex:1;min-height:280px;min-width:0}
.primitive-section--editor-root :is(.editor-text,.editor-preview,.editor-find-overlay){width:100%;min-height:0;margin:0;padding:10px 12px;border:0;background:var(--bg);color:var(--text);font:13px/1.6 "Cascadia Code","SFMono-Regular",ui-monospace,monospace;tab-size:4}
.editor-buffer-viewport .editor-text{flex:1;resize:none;overflow:auto;white-space:pre;outline:0}
.editor-preview{overflow:auto;white-space:pre-wrap}
.editor-find-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;white-space:pre}
.editor-find-overlay mark{color:var(--text);background:light-dark(#c9e7d9,#315b50)}
.editor-find-overlay mark.is-current{background:light-dark(#96d6c0,#1b6b60);outline:1px solid var(--accent)}
.editor-buffer-viewport .editor-text--find{position:relative;color:transparent;caret-color:var(--text);background:transparent}
.primitive-section--editor-root .editor-syntax{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;margin:0;border:0;white-space:pre;background:var(--bg);color:var(--text);font:13px/1.6 "Cascadia Code","SFMono-Regular",ui-monospace,monospace;tab-size:4}
.primitive-section--editor-root :is(.editor-text,.editor-find-overlay,.editor-syntax){padding:10px 12px 10px 58px;font-variant-ligatures:none}
.editor-buffer-viewport .editor-text--syntax{position:relative;color:transparent;caret-color:var(--text);background:transparent}
.editor-line-gutter{position:absolute;z-index:2;left:0;top:0;bottom:0;width:46px;overflow:hidden;pointer-events:none;background:var(--bg);border-right:1px solid var(--line)}
.editor-line-gutter pre{margin:0;padding:10px 8px 10px 0;text-align:right;color:var(--muted);font:13px/1.6 "Cascadia Code","SFMono-Regular",ui-monospace,monospace}
.editor-find-overlay{z-index:1}.editor-text{z-index:1}
.editor-token--keyword{color:light-dark(#7542a2,#c9a7ef)}
.editor-token--type,.editor-token--attribute{color:light-dark(#216c76,#83d1d7)}
.editor-token--builtin{color:light-dark(#8b5e17,#e8c786)}
.editor-token--string{color:light-dark(#267448,#a3d89d)}
.editor-token--number{color:light-dark(#a94b20,#e9ad83)}
.editor-token--comment{color:var(--muted)}
.editor-token--operator,.editor-token--punctuation{color:light-dark(#596275,#b0bccc)}
.editor-bracket-match{background:light-dark(#d2e9df,#294d44);outline:1px solid var(--accent);border-radius:2px}
.editor-line-number{display:inline-block;position:relative}
.editor-problem--error{color:light-dark(#b42318,#ff938a);font-weight:700}
.editor-problem--warning{color:light-dark(#8a5700,#ffd17b);font-weight:700}
.editor-problem--error::before,.editor-problem--warning::before{content:'•';position:absolute;right:calc(100% + .3em)}
.editor-problem-line--error{background:light-dark(#b4231810,#ff938a18)}
.editor-problem-line--warning{background:light-dark(#8a570010,#ffd17b18)}
.editor-keymap-mode{font:inherit;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);padding:1px 5px;cursor:pointer;white-space:nowrap}
.editor-keymap-help{padding:6px 10px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}
.editor-keymap-help summary{cursor:pointer;font-weight:600}
.editor-keymap-help p{margin:5px 0;white-space:normal}
@media(forced-colors:active){.editor-buffer-viewport .editor-text--syntax,.editor-buffer-viewport .editor-text--find{color:CanvasText;background:Canvas}.editor-syntax,.editor-find-overlay{visibility:hidden}}
.editor-find-tools{padding:3px 6px;border-bottom:1px solid var(--line)}
.editor-find-tools>[data-find-open]{font-size:11px;min-height:24px}
.editor-find-panel{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;font-size:11px}
.editor-find-panel input{flex:1;min-width:110px;padding:5px;border:1px solid var(--line-bright);border-radius:3px;background:var(--surface);color:var(--text)}
.editor-find-panel label{display:flex;align-items:center;gap:3px}
.editor-find-panel input[type=checkbox]{min-width:0;flex:none}
.editor-message{margin:0;padding:4px 8px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.editor-message.is-error{color:var(--danger)}
.editor-recovery{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:8px;border-block:1px solid var(--line-bright);background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:11px}
.editor-recovery[hidden]{display:none}.editor-recovery p{margin:2px 0;max-width:70ch;color:var(--muted)}
.editor-recovery label{display:flex;align-items:center;gap:6px}.editor-recovery select{max-width:min(360px,55vw)}
.editor-recovery-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.editor-recovery>small{flex-basis:100%;color:var(--muted)}
.editor-statusbar{display:flex;align-items:center;gap:10px;padding:4px 8px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:11px}
.editor-live-snapshot{display:flex;flex-wrap:wrap;gap:4px 14px;padding:3px 8px;border-top:1px solid var(--line);background:var(--surface)}
.editor-live-snapshot>.signal-row{gap:6px;padding:0;border:0;font-size:10px}
#filePath{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cursorPosition{flex:none}
.dirty-state{font-size:10px;white-space:nowrap}
.dirty-state.is-dirty{color:var(--accent)}
#editorKeys{font-size:10px;padding:3px 8px}
.editor-evidence{max-height:260px;margin:3px 0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 ui-monospace,monospace}
.evidence-links{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}
.primitive-section--editor-root a{color:var(--accent)}
.primitive-section--editor-root button:disabled{opacity:.45;cursor:default}
.primitive-section--editor-root :focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.primitive-section--editor-root [hidden]{display:none!important}
#codeThread,#codeLinkOutput{width:100%;min-width:0;margin:3px 0;padding:6px;color:var(--text);background:var(--bg);border:1px solid var(--line-bright);border-radius:4px;font-size:11px}
#codeLinkOutput{min-height:80px;resize:vertical;font-family:ui-monospace,monospace}
.editor-inspector label[for=codeThread]{font-size:11px}
.editor-inspector .mode-button{justify-content:flex-start;white-space:normal;font-size:11px}
.editor-inspector .editor-message{padding:2px 0}
.editor-quick-open{box-sizing:border-box;width:min(640px,90vw);max-height:75vh;padding:18px;color:var(--text);background:var(--surface);border:1px solid var(--line-bright);border-radius:8px}
.editor-quick-open::backdrop{background:#0009}
.editor-quick-open input{box-sizing:border-box;width:100%}
.quick-results{display:grid;gap:3px;margin:10px 0;max-height:45vh;overflow:auto}
.quick-results button{display:grid;gap:4px;padding:8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text);text-align:left;overflow-wrap:anywhere;cursor:pointer}
.quick-results button:hover,.quick-results button[aria-selected=true]{background:var(--surface-2)}
.quick-results button[aria-selected=true]{border-color:var(--accent)}
.quick-results button[aria-disabled=true]{opacity:.55;cursor:default}
.quick-results small,.picker-status,.picker-help{color:var(--muted);font-size:11px;line-height:1.5}
.quick-results mark{background:transparent;color:var(--accent);font-weight:700}
.editor-disk-controls{display:flex;flex:none;align-items:center;flex-wrap:wrap;gap:5px 8px;padding:5px 8px;border-bottom:1px solid var(--line);font-size:11px;min-width:0}
.editor-disk-controls[hidden]{display:none}.editor-disk-controls>span{flex:1 1 220px;overflow-wrap:anywhere}
.editor-disk-controls button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:3px 6px;cursor:pointer}
.editor-disk-controls button:disabled{opacity:.5;cursor:default}.editor-disk-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.picker-title{overflow-wrap:anywhere}
.change-review{padding:10px;border-bottom:1px solid var(--line-bright);min-width:0}
.change-review h2{font:600 15px/1.4 system-ui;margin:0 0 6px}
.change-review p,.change-review details pre{overflow-wrap:anywhere;white-space:pre-wrap}
.change-review-diff{max-height:420px;overflow:auto;font:12px/1.6 ui-monospace,monospace;tab-size:2;background:var(--bg);color:var(--text);padding:8px}
.change-review-diff span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.change-review-diff .diff-remove{background:light-dark(#ffe6e8,#482c31);color:light-dark(#742331,#ffced5)}
.change-review-diff .diff-add{background:light-dark(#dff4e6,#20422d);color:light-dark(#235634,#c4f3cc)}
.change-review-diff .diff-context{color:var(--muted)}
.change-review a{color:inherit;text-decoration:underline}
@media(max-width:1100px){
 .editor-modes{font-size:11px}.editor-actions kbd{display:none}
 .primitive-section--editor-root:not([data-details-panel=visible]) .primitive-row--workspace-body-triple{grid-template-columns:180px minmax(0,1fr) 0}
 .primitive-section--editor-root:not([data-details-panel=visible])[data-files-panel=hidden] .primitive-row--workspace-body-triple{grid-template-columns:0 minmax(0,1fr) 0}
 .primitive-section--editor-root:not([data-details-panel=visible]) .primitive-section--workspace-inspector{visibility:hidden;overflow:hidden}
}
@media(max-width:700px){
 .document-bar>.cre8-document-tabs{flex-basis:100%}
 .editor-topbar{flex-wrap:wrap;gap:4px 8px}.editor-modes{width:100%;margin:0;overflow-x:auto;flex-wrap:nowrap}.editor-layout-actions{margin-left:auto}
 .primitive-section--editor-root .primitive-row--workspace-body-triple{display:flex;flex-direction:column}
 .primitive-section--editor-root .primitive-section--workspace-rail,.primitive-section--editor-root .primitive-section--workspace-inspector{display:none}
 .primitive-section--editor-root[data-files-panel=visible] .primitive-section--workspace-rail,.primitive-section--editor-root[data-details-panel=visible] .primitive-section--workspace-inspector{display:block;visibility:visible;max-height:240px;overflow:auto}
 .editor-rail,.editor-inspector{border:0;border-bottom:1px solid var(--line)}
 .editor-main{min-height:calc(100dvh - 140px)}.editor-panes.is-split{grid-template-columns:minmax(0,1fr)}
 .editor-divider{display:none}.editor-secondary{border-left:0;border-top:1px solid var(--line);height:220px;min-height:180px;max-height:300px;overflow:hidden}
 .editor-actions{font-size:11px}.editor-actions label{margin-left:0}#editorKeys{display:none}
}

.editor-analysis{flex:none;max-height:360px;overflow:auto;border-top:1px solid var(--line);background:var(--surface)}
.editor-analysis-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:10px}
.editor-analysis-columns[hidden]{display:none}
.editor-analysis [data-analysis-status]{min-width:0;flex:1 1 200px;white-space:normal;overflow-wrap:anywhere;font-size:11px}
.editor-analysis h3{margin:8px 0;font-size:12px;font-weight:600}.editor-analysis small{font-size:10px;color:var(--muted)}
.editor-analysis pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace}
.editor-analysis input{width:100%;box-sizing:border-box;padding:5px 7px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}
.analysis-list{display:grid;gap:3px;max-height:180px;overflow:auto;font-size:12px}
.analysis-list button{display:block;width:100%;padding:5px 7px;text-align:left;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);white-space:normal;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace;cursor:pointer}
.analysis-list button:disabled{opacity:.55;cursor:default}.analysis-list button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:700px){.editor-analysis-columns{grid-template-columns:minmax(0,1fr)}.editor-analysis{max-height:420px}}

/* Keep every action discoverable when the editor narrows beside its inspectors. */
.editor-main>.editor-actions{flex-wrap:wrap;min-height:36px;flex:none}
.editor-main>.editor-actions>*{flex-shrink:0}.editor-main>.editor-actions label{margin-left:auto}
.editor-rail,.editor-inspector{padding:8px}.rail-section,.inspector-section{margin-bottom:9px}
.editor-quick-open{padding:12px}.editor-quick-open h2{margin:0 0 6px;font-size:16px}.editor-quick-open p{margin:6px 0}
.editor-main:has(:is(.editor-search,.editor-analysis):not([hidden])) .editor-panes{min-height:220px;flex:1 0 220px}
.editor-main:has(:is(.editor-search,.editor-analysis):not([hidden])) .editor-buffer-viewport{min-height:180px}
.editor-search{flex:none;border-top:1px solid var(--line);background:var(--surface);min-width:0}
.editor-search-form{display:flex;gap:4px;padding:5px 6px;align-items:center}
.editor-search-form input{min-width:0;flex:2;width:0;padding:5px 7px;border:1px solid var(--line-bright);border-radius:4px;background:var(--bg);color:var(--text);font:inherit;font-size:12px;line-height:1.5}
.editor-search-form [data-search-path]{flex:1}
.editor-search-results{overflow:auto;max-height:230px;scrollbar-gutter:stable}
.editor-search-results button{display:grid;width:100%;gap:2px;border:0;border-top:1px solid var(--line);padding:5px 8px;text-align:left;background:var(--bg);color:var(--text);cursor:pointer}
.editor-search-results button:hover,.editor-search-results button:focus-visible{background:var(--surface-2)}
.editor-search-results strong{font:500 11px/1.5 system-ui;color:var(--accent);overflow-wrap:anywhere}
.editor-search-results span{font:12px/1.5 ui-monospace,monospace;white-space:pre;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.editor-search-form{flex-wrap:wrap}.editor-search-form [data-search-query]{flex-basis:55%}.editor-search-form [data-search-path]{flex-basis:30%}.editor-compare-tools small{display:none}}
@media(max-width:700px){
 .primitive-section--editor-root .editor-main .editor-panes.is-split{display:flex;flex-direction:column;flex:1 0 auto}
 .editor-panes.is-split>.editor-buffer{flex:1 0 auto}
 .editor-panes.is-split>.editor-secondary{flex:0 0 220px}
}

.editor-build {padding:1rem;border:1px solid var(--line,#d7dbe2);border-radius:12px;margin:12px 0;background:var(--surface,#fff);overflow-wrap:anywhere}.editor-build[hidden]{display:none}.editor-build .editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.editor-build ol{padding-left:20px}.editor-build li{margin:10px 0}.editor-build li button{margin:3px}.editor-build pre{max-height:320px;overflow:auto;white-space:pre-wrap;font-size:12px}.editor-build [data-build-source]{font-family:monospace;font-size:12px}
.editor-history { padding: 12px; margin: 8px 0; border: 1px solid var(--border-color, #aac4b8); border-radius: 6px; min-width: 0; }
.editor-history[hidden] { display: none; }
.editor-history p { margin: 6px 0; font-size: 12px; overflow-wrap: anywhere; }
.editor-history label { display: flex; gap: 8px; align-items: center; }
.editor-history select { min-width: 0; max-width: 100%; flex: 1; }
.editor-history-actions { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.editor-history pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 260px; overflow: auto; font: 12px/1.5 monospace; }
.editor-conflict { padding: 12px; border: 1px solid var(--border-color, #aac4b8); border-radius: 6px; min-width: 0; }
.editor-conflict[hidden], .editor-conflict [hidden] { display: none; }
.editor-conflict p, .editor-conflict small { overflow-wrap: anywhere; }
.editor-conflict-versions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.editor-conflict label { display: block; margin: 8px 0; }
.editor-conflict textarea { display: block; width: 100%; min-width: 0; box-sizing: border-box; resize: vertical; font: 12px/1.5 monospace; }
@media (max-width: 700px) { .editor-conflict-versions { grid-template-columns: 1fr; } }

.editor-menubar{display:flex;flex-wrap:wrap;align-items:center;padding:4px 10px;border-bottom:1px solid var(--line)}
/* Opt-in editor chrome. Documents, canvases, transport and geometry stay app-owned. */
[data-editor-chrome]{
  --editor-surface:light-dark(#f6f8f6,#1b2220);
  --editor-raised:light-dark(#fff,#242e29);
  --editor-ink:var(--cre8-view-fg,light-dark(#182620,#edf3ee));
  --editor-muted:var(--cre8-view-fg-muted,light-dark(#536259,#a6b5ab));
  --editor-border:var(--cre8-view-border,light-dark(#cbd5ce,#3b4941));
  --editor-accent:light-dark(#246640,#b8f568);
  --editor-selected:light-dark(#e0eddf,#34422e);
  --editor-control-height:34px;
  --editor-control-radius:5px;
}
[data-editor-chrome] [data-editor-strip]{
  color:var(--editor-ink);background:var(--editor-surface);border-color:var(--editor-border);
  gap:4px;min-width:0;
}
[data-editor-chrome] [data-editor-strip] :is(button,summary,select){
  box-sizing:border-box;min-height:var(--editor-control-height);border-radius:var(--editor-control-radius);
  font:12px/1.4 system-ui,sans-serif;color:var(--editor-ink);border-color:var(--editor-border);padding:6px 10px;
}
[data-editor-chrome] [data-editor-strip] select{background:var(--editor-raised)}
[data-editor-chrome] [data-editor-strip] :is(button,summary){background:transparent}
[data-editor-chrome] [data-editor-strip] :is([aria-selected=true],[aria-pressed=true]){
  background:var(--editor-selected);color:var(--editor-accent);border-color:var(--editor-accent);
}
[data-editor-chrome] [data-editor-strip] :is(button,summary):hover:not(:disabled){background:var(--editor-selected)}
[data-editor-chrome] [data-editor-strip] :is(button,select):disabled{opacity:.45;cursor:default}
[data-editor-chrome] :is(button,summary,select,input,textarea,[role=separator]):focus-visible{
  outline:2px solid var(--editor-accent);outline-offset:2px;
}
[data-editor-chrome] .ssr-action-menu>[role=menu]{background:var(--editor-raised);color:var(--editor-ink);border-color:var(--editor-border)}
[data-editor-chrome] .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]){color:var(--editor-ink);min-height:var(--editor-control-height)}
[data-editor-chrome] .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]):is(:hover,:focus-visible):not(:disabled){background:var(--editor-selected);outline-color:var(--editor-accent)}
[data-editor-chrome] .cre8-document-tab:has([aria-selected=true]){border-top-color:var(--editor-accent);background:var(--editor-selected)}
[data-editor-chrome] .cre8-document-tab>.primitive-tabs-button{border-radius:0;border:0}
[data-editor-chrome] .cre8-document-tab-close{padding:4px;min-width:28px}
[data-editor-chrome] [data-tab-dirty]{color:var(--editor-accent)}
[data-editor-chrome] button[data-ssr-menu-open]{min-height:var(--editor-control-height);min-width:var(--editor-control-height)}
@media(pointer:coarse){
  [data-editor-chrome]{--editor-control-height:44px}
  [data-editor-chrome] [data-editor-strip] :is(button,summary,select){min-width:44px}
  [data-editor-chrome] .ssr-action-menu :is([role=menuitem],[role=menuitemcheckbox]){min-height:44px}
}
@media(prefers-reduced-motion:reduce){[data-editor-chrome] [data-editor-strip] *{scroll-behavior:auto;transition:none}}