:root,.opf-ui{--opf-ui-bg:#f8fafb;--opf-ui-surface:#fff;--opf-ui-muted:#e8ecf2;--opf-ui-muted-2:#f2f4f8;--opf-ui-fg:#141924;--opf-ui-muted-fg:#535d6e;--opf-ui-accent:#1f4270;--opf-ui-accent-fg:#fff;--opf-ui-accent-strong:#1f4270;--opf-ui-border:#cad2dd;--opf-ui-border-strong:#a8b6c7;--opf-ui-ring:#1f4270;--opf-ui-danger:#c52020;--opf-ui-warn:#aa5c18;--opf-ui-success:#107546;--opf-ui-code-bg:#f2f4f8;--opf-ui-code-border:#cfd5de;--opf-ui-font:Inter, system-ui, sans-serif;--opf-ui-mono:"Geist Mono", ui-monospace, Menlo, monospace;--opf-ui-radius-sm:4px;--opf-ui-radius:6px;--opf-ui-radius-md:8px;--opf-ui-radius-lg:12px;--opf-ui-control-h:32px;--opf-ui-shadow-pop:0 8px 24px #0000001a;--opf-ui-ease:.12s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark,.dark .opf-ui,.opf-ui.dark,[data-theme=dark],[data-theme=dark] .opf-ui{--opf-ui-bg:#11151c;--opf-ui-surface:#161a22;--opf-ui-muted:#212630;--opf-ui-muted-2:#1b1f27;--opf-ui-fg:#e5ebf0;--opf-ui-muted-fg:#a3acb8;--opf-ui-accent:#3f7bca;--opf-ui-accent-fg:#11151c;--opf-ui-accent-strong:#83b1ec;--opf-ui-border:#333a48;--opf-ui-border-strong:#485265;--opf-ui-ring:#6797d5;--opf-ui-danger:#d84646;--opf-ui-warn:#f0b775;--opf-ui-success:#85e0b6;--opf-ui-code-bg:#1a1e28;--opf-ui-code-border:#333a47;--opf-ui-shadow-pop:0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.opf-ui[data-density=touch],[data-density=touch] .opf-ui{--opf-ui-control-h:40px}.opf-ui{font-family:var(--opf-ui-font);color:var(--opf-ui-fg);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}.opf-ui *,.opf-ui :before,.opf-ui :after{box-sizing:border-box}.opf-ui :focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root,.opf-ui{--opf-ui-ease:0s linear}.opf-ui,.opf-ui *,.opf-ui :before,.opf-ui :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.opf-export,.opf-export *,.opf-export :before,.opf-export :after{box-sizing:border-box}.opf-export [hidden]{display:none!important}.opf-export{font-family:var(--opf-ui-font);color:var(--opf-ui-fg);font-size:13px;line-height:1.4;display:inline-flex;position:relative}:where(.opf-export button){font:inherit;color:inherit;margin:0}.opf-export .opf-icon{flex:none}.opf-export button:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-export .opf-export-trigger{height:var(--opf-ui-control-h);border:1px solid var(--opf-ui-accent);border-radius:var(--opf-ui-radius);background:var(--opf-ui-accent);color:var(--opf-ui-accent-fg);white-space:nowrap;cursor:pointer;transition:opacity var(--opf-ui-ease);align-items:center;gap:6px;padding:0 8px 0 12px;font-weight:500;display:inline-flex}.opf-export .opf-export-trigger:hover,.opf-export .opf-export-trigger[aria-expanded=true]{opacity:.92}.opf-export .opf-export-popover,.opf-export .opf-export-status{z-index:40;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg);box-shadow:var(--opf-ui-shadow-pop);position:absolute;top:calc(100% + 4px);right:0}.opf-export .opf-export-popover{border-radius:var(--opf-ui-radius-md);width:264px;padding:4px}.opf-export[data-align=start] .opf-export-popover,.opf-export[data-align=start] .opf-export-status{left:0;right:auto}.opf-export .opf-export-menu{flex-direction:column;display:flex}.opf-export .opf-export-group+.opf-export-group{border-top:1px solid var(--opf-ui-border);margin-top:4px}.opf-export .opf-export-group-label{font:500 10.5px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);padding:6px 10px 4px}.opf-export .opf-export-group+.opf-export-group .opf-export-group-label{padding-top:8px}.opf-export .opf-export-item{border-radius:var(--opf-ui-radius-sm);text-align:left;cursor:pointer;width:100%;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:500;display:flex}.opf-export .opf-export-item .opf-icon{color:var(--opf-ui-accent-strong)}.opf-export .opf-export-item-label{flex:1;min-width:0}.opf-export .opf-export-item-meta{font:400 11px/1.4 var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-export .opf-export-item:hover,.opf-export .opf-export-item:focus-visible{background:var(--opf-ui-muted)}.opf-export .opf-export-item[aria-disabled=true]{cursor:not-allowed}.opf-export .opf-export-item[aria-disabled=true]>*{opacity:.5}.opf-export .opf-export-item[aria-disabled=true]:hover{background:0 0}.opf-export .opf-export-scrim{z-index:50;background:color-mix(in srgb, var(--opf-ui-fg) 32%, transparent);position:fixed;inset:0}.opf-export .opf-export-sheet{z-index:51;max-height:85vh;padding:8px 8px max(20px, env(safe-area-inset-bottom));background:var(--opf-ui-surface);border-top:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg) var(--opf-ui-radius-lg) 0 0;box-shadow:var(--opf-ui-shadow-pop);position:fixed;bottom:0;left:0;right:0;overflow:auto}.opf-export .opf-export-handle{background:var(--opf-ui-border-strong);border-radius:2px;width:36px;height:4px;margin:2px auto 10px}.opf-export .opf-export-sheet-head{align-items:center;padding:0 8px 6px;display:flex}.opf-export .opf-export-sheet-title{font-size:15px;font-weight:600}.opf-export .opf-export-close{border-radius:var(--opf-ui-radius);width:40px;height:40px;color:var(--opf-ui-muted-fg);cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.opf-export .opf-export-close:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg)}.opf-export[data-mode=sheet] .opf-export-sheet .opf-export-item{border-radius:var(--opf-ui-radius);gap:12px;min-height:44px;padding:0 12px;font-size:14px}.opf-export .opf-export-sheet .opf-export-group-label{padding:6px 12px 4px}.opf-export .opf-export-sheet .opf-export-group+.opf-export-group .opf-export-group-label{padding-top:10px}.opf-export[data-density=touch] .opf-export-trigger{height:max(var(--opf-ui-control-h), 40px)}.opf-export[data-density=touch] .opf-export-item{min-height:40px}.opf-export .opf-export-status{border-radius:var(--opf-ui-radius-md);z-index:30;width:300px;max-width:calc(100vw - 16px);padding:10px 12px}.opf-export .opf-export-status-row{align-items:flex-start;gap:8px;display:flex}.opf-export .opf-export-status-icon{padding-top:2px;display:inline-flex}.opf-export .opf-export-status-icon:empty{display:none}.opf-export .opf-export-status[data-state=success] .opf-export-status-icon{color:var(--opf-ui-success)}.opf-export .opf-export-status[data-state=error] .opf-export-status-icon{color:var(--opf-ui-danger)}.opf-export .opf-export-status-text{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:12.5px}.opf-export .opf-export-status[data-state=error] .opf-export-status-text{color:var(--opf-ui-danger)}.opf-export .opf-export-status[data-state=busy] .opf-export-status-text,.opf-export .opf-export-status[data-state=cancelled] .opf-export-status-text{color:var(--opf-ui-muted-fg)}.opf-export .opf-export-status-action{border-radius:var(--opf-ui-radius-sm);height:24px;color:var(--opf-ui-accent-strong);cursor:pointer;transition:background-color var(--opf-ui-ease);background:0 0;border:0;flex:none;padding:0 8px;font-size:12px;font-weight:500}.opf-export .opf-export-status-action:hover{background:var(--opf-ui-muted)}.opf-export .opf-export-progress{appearance:none;background:var(--opf-ui-muted);width:100%;height:4px;color:var(--opf-ui-accent);border:0;border-radius:2px;margin-top:8px;display:block;overflow:hidden}.opf-export .opf-export-progress::-webkit-progress-bar{background:var(--opf-ui-muted)}.opf-export .opf-export-progress::-webkit-progress-value{background:var(--opf-ui-accent)}.opf-export .opf-export-progress::-moz-progress-bar{background:var(--opf-ui-accent)}.opf-export .opf-export-notes{border-top:1px solid var(--opf-ui-border);max-height:140px;color:var(--opf-ui-warn);overflow-wrap:anywhere;margin:8px 0 0;padding:8px 0 0 18px;font-size:12px;overflow:auto}.opf-export .opf-export-notes li+li{margin-top:4px}.opf-export .opf-export-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opf-export[data-mode=sheet] .opf-export-status{top:auto;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));width:auto;max-width:none;position:fixed}@media (prefers-reduced-motion:reduce){.opf-export *,.opf-export :before,.opf-export :after{transition:none!important;animation:none!important}}.opf-handoff,.opf-handoff *,.opf-handoff :before,.opf-handoff :after{box-sizing:border-box}.opf-handoff [hidden]{display:none!important}.opf-handoff{z-index:60;background:color-mix(in srgb, var(--opf-ui-fg) 32%, transparent);font-family:var(--opf-ui-font);color:var(--opf-ui-fg);grid-template-columns:minmax(0,680px);place-content:center;padding:16px;font-size:13px;line-height:1.5;display:grid;position:fixed;inset:0}:where(.opf-handoff button,.opf-handoff textarea){font:inherit;color:inherit;margin:0}.opf-handoff button:focus-visible,.opf-handoff textarea:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-handoff .opf-handoff-dialog{background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg);width:100%;max-height:min(760px,100vh - 32px);box-shadow:var(--opf-ui-shadow-pop);flex-direction:column;display:flex;overflow:hidden}.opf-handoff .opf-handoff-dialog:focus{outline:none}.opf-handoff .opf-handoff-head{align-items:flex-start;gap:12px;padding:18px 18px 14px 20px;display:flex}.opf-handoff .opf-handoff-intro{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.opf-handoff .opf-handoff-title{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.opf-handoff .opf-handoff-description{color:var(--opf-ui-muted-fg);text-wrap:pretty;margin:0;line-height:1.55}.opf-handoff .opf-handoff-description code,.opf-handoff .opf-handoff-note code{font:12px var(--opf-ui-mono);color:var(--opf-ui-fg)}.opf-handoff .opf-handoff-x{border-radius:var(--opf-ui-radius);width:30px;height:30px;color:var(--opf-ui-muted-fg);cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;flex:none;place-items:center;display:grid}.opf-handoff .opf-handoff-x:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg)}.opf-handoff .opf-handoff-targets{flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 12px;display:flex}.opf-handoff .opf-handoff-render{color:var(--opf-ui-muted-fg);margin-right:2px;font-size:12px}.opf-handoff .opf-handoff-segments{flex-wrap:wrap;gap:8px;display:flex}.opf-handoff .opf-handoff-target{border:1px solid var(--opf-ui-border);height:28px;color:var(--opf-ui-muted-fg);cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border-radius:999px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.opf-handoff .opf-handoff-target:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg)}.opf-handoff .opf-handoff-target[aria-checked=true]{border-color:color-mix(in srgb, var(--opf-ui-accent) 35%, transparent);background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent);color:var(--opf-ui-accent-strong)}.opf-handoff .opf-handoff-box{background:var(--opf-ui-code-bg);border:1px solid var(--opf-ui-code-border);border-radius:var(--opf-ui-radius-md);flex-direction:column;flex:auto;min-height:0;margin:0 20px;display:flex;overflow:hidden}.opf-handoff .opf-handoff-box-head{border-bottom:1px solid var(--opf-ui-code-border);height:34px;font:500 12px var(--opf-ui-mono);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.opf-handoff .opf-handoff-count{color:var(--opf-ui-muted-fg);font-weight:400}.opf-handoff .opf-handoff-prompt{width:100%;min-height:220px;color:var(--opf-ui-fg);font:400 12.5px/1.6 var(--opf-ui-mono);white-space:pre-wrap;resize:none;background:0 0;border:0;border-radius:0;flex:auto;padding:12px 14px;display:block}.opf-handoff .opf-handoff-prompt:focus-visible{outline-offset:-2px}.opf-handoff .opf-handoff-note{color:var(--opf-ui-muted-fg);margin:8px 20px 0;font-size:12px;line-height:1.5}.opf-handoff .opf-handoff-foot{border-top:1px solid var(--opf-ui-border);background:var(--opf-ui-muted-2);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;display:flex}.opf-handoff .opf-handoff-button{height:var(--opf-ui-control-h);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);background:var(--opf-ui-surface);white-space:nowrap;cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease), color var(--opf-ui-ease), opacity var(--opf-ui-ease);flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.opf-handoff .opf-handoff-button:hover{border-color:var(--opf-ui-border-strong)}.opf-handoff .opf-handoff-close{color:var(--opf-ui-muted-fg);background:0 0;border-color:#0000;margin-right:auto}.opf-handoff .opf-handoff-close:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg);border-color:#0000}.opf-handoff .opf-handoff-button[data-primary]{border-color:var(--opf-ui-accent);background:var(--opf-ui-accent);min-width:124px;color:var(--opf-ui-accent-fg)}.opf-handoff .opf-handoff-button[data-primary]:hover{opacity:.92;border-color:var(--opf-ui-accent)}.opf-handoff .opf-handoff-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opf-handoff[data-density=touch] .opf-handoff-button{height:max(var(--opf-ui-control-h), 40px)}.opf-handoff[data-density=touch] .opf-handoff-target{height:40px;padding:0 14px}.opf-handoff[data-density=touch] .opf-handoff-x{width:40px;height:40px}@media (max-width:520px){.opf-handoff{padding:8px}.opf-handoff .opf-handoff-head{padding:14px 10px 12px 14px}.opf-handoff .opf-handoff-targets,.opf-handoff .opf-handoff-foot{padding-left:14px;padding-right:14px}.opf-handoff .opf-handoff-box,.opf-handoff .opf-handoff-note{margin-left:14px;margin-right:14px}.opf-handoff .opf-handoff-prompt{min-height:160px}}@media (prefers-reduced-motion:reduce){.opf-handoff *,.opf-handoff :before,.opf-handoff :after{transition:none!important;animation:none!important}}.opf-lx,.opf-lx-palette,.opf-lx-canvas,.opf-lx-layers,.opf-lx-inspector{--opf-lx-h:var(--opf-ui-control-h);--opf-lx-row:calc(var(--opf-ui-control-h) - 4px);--opf-lx-indent:14px;--opf-lx-slot:20px;--opf-lx-pad:16px;--opf-lx-chip:calc(var(--opf-ui-control-h) - 4px);font-family:var(--opf-ui-font);color:var(--opf-ui-fg);font-size:13px}.opf-lx [hidden],.opf-lx-palette [hidden],.opf-lx-canvas [hidden],.opf-lx-layers [hidden],.opf-lx-inspector [hidden]{display:none!important}.opf-lx button,.opf-lx-palette button,.opf-lx-canvas button,.opf-lx-layers button,.opf-lx-inspector button{font:inherit;color:inherit}.opf-lx-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opf-lx{background:var(--opf-ui-bg);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);flex-direction:column;min-width:0;height:100%;min-height:480px;display:flex;overflow:hidden}.opf-lx-topbar{min-height:calc(var(--opf-ui-control-h) + 12px);background:var(--opf-ui-surface);border-bottom:1px solid var(--opf-ui-border);flex:none;align-items:center;gap:12px;padding:6px 10px;display:flex}.opf-lx-history{gap:2px;display:inline-flex}.opf-lx-top-button{width:var(--opf-lx-h);height:var(--opf-lx-h);border-radius:var(--opf-ui-radius);color:var(--opf-ui-muted-fg);cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.opf-lx-top-button:hover:not(:disabled){color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-lx-top-button:disabled{opacity:.4;cursor:default}.opf-lx-doc-name{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.opf-lx-doc-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.opf-lx-doc-id{font:11.5px var(--opf-ui-mono);color:var(--opf-ui-muted-fg);white-space:nowrap}.opf-lx-validity{height:calc(var(--opf-lx-h) - 6px);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);font:11.5px var(--opf-ui-mono);color:var(--opf-ui-success);cursor:default;background:0 0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.opf-lx-validity[data-state=invalid]{color:var(--opf-ui-danger);border-color:var(--opf-ui-danger);cursor:pointer}.opf-lx-validity:disabled{opacity:1}.opf-lx-main{flex:1;grid-template-columns:auto minmax(0,1fr) minmax(260px,320px);min-height:0;display:grid}.opf-lx-palette-host{min-height:0;display:flex}.opf-lx-canvas-host{flex-direction:column;min-width:0;min-height:0;display:flex}.opf-lx-canvas-host>.opf-lx-canvas{flex:1}.opf-lx-side{background:var(--opf-ui-surface);border-left:1px solid var(--opf-ui-border);flex-direction:column;min-width:0;min-height:0;display:flex}.opf-lx-side>.opf-lx-panel{flex-direction:column;min-height:0;display:flex}.opf-lx-side>.opf-lx-panel[data-panel=layers]{border-bottom:1px solid var(--opf-ui-border);flex:0 42%}.opf-lx-side>.opf-lx-panel[data-panel=inspector]{flex:58%}.opf-lx-side .opf-lx-layers,.opf-lx-side .opf-lx-inspector{flex:1;min-height:0}.opf-lx-tabs{display:none}.opf-lx[data-compact=true]{height:auto;min-height:0}.opf-lx[data-compact=true] .opf-lx-main{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.opf-lx[data-compact=true] .opf-lx-palette-host{border-bottom:1px solid var(--opf-ui-border);overflow-x:auto}.opf-lx[data-compact=true] .opf-lx-palette{border-right:0;flex-direction:row;flex:1;padding:4px 8px}.opf-lx[data-compact=true] .opf-lx-tool-gap{width:1px;height:auto;margin:4px}.opf-lx[data-compact=true] .opf-lx-viewport{min-height:220px}.opf-lx[data-compact=true] .opf-lx-side{border-left:0;border-top:1px solid var(--opf-ui-border)}.opf-lx[data-compact=true] .opf-lx-tabs{border-bottom:1px solid var(--opf-ui-border);gap:0;display:flex}.opf-lx-tab{height:var(--opf-lx-h);color:var(--opf-ui-muted-fg);font:inherit;cursor:pointer;transition:color var(--opf-ui-ease), border-color var(--opf-ui-ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-weight:500}.opf-lx-tab:hover{color:var(--opf-ui-fg)}.opf-lx-tab[aria-selected=true]{color:var(--opf-ui-accent-strong);border-bottom-color:var(--opf-ui-accent)}.opf-lx[data-compact=true] .opf-lx-side>.opf-lx-panel{border-bottom:0;flex:none;max-height:360px}.opf-lx[data-compact=true][data-panel=layers] .opf-lx-panel[data-panel=inspector],.opf-lx[data-compact=true][data-panel=inspector] .opf-lx-panel[data-panel=layers]{display:none}.opf-lx-palette{background:var(--opf-ui-surface);border-right:1px solid var(--opf-ui-border);flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.opf-lx-tool{width:var(--opf-lx-h);height:var(--opf-lx-h);border-radius:var(--opf-ui-radius);color:var(--opf-ui-muted-fg);cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.opf-lx-tool:hover:not(:disabled){color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-lx-tool.is-active,.opf-lx-tool[aria-pressed=true]{color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-color:color-mix(in srgb, var(--opf-ui-accent) 40%, transparent)}.opf-lx-tool:disabled{opacity:.4;cursor:default}.opf-lx-tool-gap{background:var(--opf-ui-border);align-self:stretch;height:1px;margin:4px 2px}.opf-lx-canvas{background:var(--opf-ui-muted-2);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative}.opf-lx-viewport{flex:1;min-height:320px;display:flex;overflow:auto;container-type:size}.opf-lx-stage{padding:var(--opf-lx-pad);flex:none;margin:auto}.opf-lx-frame{width:calc(min(100cqw - 2 * var(--opf-lx-pad), (100cqh - 2 * var(--opf-lx-pad)) * 16 / 9) * var(--opf-lx-zoom,1));aspect-ratio:16/9;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border-strong);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;min-width:160px;position:relative}.opf-lx-frame:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-lx-render{pointer-events:none;position:absolute;inset:0;overflow:hidden}.opf-lx-render svg{width:100%;height:100%;display:block}.opf-lx-content{position:absolute;inset:8% 4.5%}.opf-lx-layer{pointer-events:none;position:absolute;inset:0}.opf-lx-overlay{z-index:12;pointer-events:none;position:absolute;inset:0}.opf-lx-overlay>*{pointer-events:auto}.opf-lx-canvas[data-tool=select] .opf-lx-content{cursor:default}.opf-lx-canvas[data-tool=split-row] .opf-lx-content,.opf-lx-canvas[data-tool=split-column] .opf-lx-content{cursor:crosshair}.opf-lx-canvas[data-tool=hand] .opf-lx-viewport,.opf-lx-canvas[data-space=true] .opf-lx-viewport{cursor:grab}.opf-lx-canvas[data-panning=true] .opf-lx-viewport{cursor:grabbing}.opf-lx-canvas[data-tool=hand] .opf-lx-content,.opf-lx-canvas[data-space=true] .opf-lx-content{cursor:grab}.opf-lx-implicit{border:1px dashed var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius-sm);color:var(--opf-ui-muted-fg);font:10.5px var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.opf-lx-node{background:var(--opf-ui-muted-2);border:1.5px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius-sm);pointer-events:none;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);display:block;position:absolute}.opf-lx-node[data-kind=split]{outline:1.5px dashed var(--opf-ui-border-strong);outline-offset:4px;border-radius:var(--opf-ui-radius);background:0 0;border:0;overflow:visible}.opf-lx-node[data-heading=true]{background:var(--opf-ui-muted)}.opf-lx-node[data-hover=true]{border-color:var(--opf-ui-accent)}.opf-lx-node[data-kind=split][data-hover=true]{outline-color:var(--opf-ui-accent)}.opf-lx-node.is-selected{border-color:var(--opf-ui-accent);background:color-mix(in srgb, var(--opf-ui-accent) 10%, var(--opf-ui-muted-2));border-style:solid;border-width:2px}.opf-lx-node[data-kind=split].is-selected{background:color-mix(in srgb, var(--opf-ui-accent) 6%, transparent);outline:2px solid var(--opf-ui-accent);border:0}.opf-lx-node.is-dragging{opacity:.45}.opf-lx-node[data-into=true]{border-color:var(--opf-ui-accent);background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent);border-style:solid}.opf-lx-node[data-kind=split][data-into=true]{outline:2px solid var(--opf-ui-accent);border:0}.opf-lx-node[data-finding=error]{border-color:var(--opf-ui-danger)}.opf-lx-node[data-kind=split][data-finding=error],.opf-lx-node[data-kind=split][data-finding=within]{outline-color:var(--opf-ui-danger)}.opf-lx-node:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-lx-label{--opf-lx-chip-h:17px;z-index:2;max-width:calc(100% + 3px);height:var(--opf-lx-chip-h);text-overflow:ellipsis;white-space:nowrap;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius-sm) var(--opf-ui-radius-sm) 0 0;font:500 11px/16px var(--opf-ui-mono);color:var(--opf-ui-fg);border-bottom:0;padding:0 6px;display:block;position:absolute;bottom:calc(100% + 2px);left:-2px;overflow:hidden}.opf-lx-label:before{content:attr(data-text)}.opf-lx-label:after{content:" · " attr(data-size);color:var(--opf-ui-muted-fg);font-weight:400}.opf-lx-node[data-heading=true]>.opf-lx-label{background:var(--opf-ui-muted)}.opf-lx-node[data-kind=split]>.opf-lx-label{background:var(--opf-ui-surface);letter-spacing:.06em;text-transform:uppercase;max-width:45%;color:var(--opf-ui-muted-fg);border-style:dashed dashed none;border-bottom-width:0;border-bottom-color:currentColor;font-size:10.5px;font-weight:400;bottom:calc(100% + 6px);left:auto;right:-2px}.opf-lx-node.is-selected>.opf-lx-label{background:color-mix(in srgb, var(--opf-ui-accent) 14%, var(--opf-ui-surface));border-color:var(--opf-ui-accent);color:var(--opf-ui-accent-strong)}.opf-lx-node[data-finding=error]>.opf-lx-label{border-color:var(--opf-ui-danger)}.opf-lx-badge{color:var(--opf-ui-danger);display:inline-flex;position:absolute;bottom:4px;right:6px}.opf-lx-wire{color:var(--opf-ui-muted-fg);flex-wrap:wrap;align-content:stretch;gap:4px;display:flex;position:absolute;inset:6px 6px 14px;overflow:hidden}.opf-lx-wire-block{background:var(--opf-ui-surface);border:1px dashed var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius-sm);min-height:26px;font:10.5px var(--opf-ui-mono);flex:72px;justify-content:center;align-items:center;gap:6px;display:flex}.opf-lx-wire-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opf-lx-wire-heading{flex-flow:column;justify-content:flex-start;gap:4px;inset:5px 8px 14px}.opf-lx-bar{background:var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius-sm);flex:none;width:45%;height:6px;display:block}.opf-lx-bar-short{width:30%}.opf-lx-node[data-heading=true]{container-type:size}@container (max-height:44px){.opf-lx-wire-heading{display:none}}.opf-lx-canvas[data-rendered=true] .opf-lx-node{background:0 0}.opf-lx-canvas[data-rendered=true] .opf-lx-node.is-selected{background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent)}.opf-lx-canvas[data-rendered=true] .opf-lx-wire{display:none}.opf-lx-canvas[data-rendered=loading] .opf-lx-frame{opacity:.7}.opf-lx-divider{z-index:5;pointer-events:auto;touch-action:none;background:0 0;position:absolute}.opf-lx-divider:before{content:"";position:absolute}.opf-lx-divider[data-orientation=vertical]{cursor:col-resize}.opf-lx-divider[data-orientation=horizontal]{cursor:row-resize}.opf-lx-divider[data-orientation=vertical]:before{inset:0 -6px}.opf-lx-divider[data-orientation=horizontal]:before{inset:-6px 0}.opf-lx-divider:after{content:"";transition:background-color var(--opf-ui-ease);background:0 0;border-radius:2px;position:absolute}.opf-lx-divider[data-orientation=vertical]:after{width:2px;top:4px;bottom:4px;left:calc(50% - 1px)}.opf-lx-divider[data-orientation=horizontal]:after{height:2px;top:calc(50% - 1px);left:4px;right:4px}.opf-lx-divider[data-fixed=false]:hover:after,.opf-lx-divider[data-fixed=false]:focus-visible:after,.opf-lx-divider[data-active=true]:after{background:var(--opf-ui-accent)}.opf-lx-divider[data-fixed=true]{pointer-events:none;cursor:default}.opf-lx-divider:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-lx-canvas[data-tool=insert] .opf-lx-divider,.opf-lx-canvas[data-tool=split-row] .opf-lx-divider,.opf-lx-canvas[data-tool=split-column] .opf-lx-divider,.opf-lx-canvas[data-tool=hand] .opf-lx-divider,.opf-lx-canvas[data-dragging=true] .opf-lx-divider{pointer-events:none}.opf-lx-ratio{z-index:14;background:var(--opf-ui-accent);border-radius:var(--opf-ui-radius-sm);color:var(--opf-ui-accent-fg);font:500 11.5px var(--opf-ui-mono);white-space:nowrap;pointer-events:none;padding:2px 8px;position:absolute;translate:-50% -50%}.opf-lx-slot{z-index:8;color:var(--opf-ui-accent-strong);cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.opf-lx-slot:before{content:"";background:var(--opf-ui-accent);opacity:.35;transition:opacity var(--opf-ui-ease);position:absolute}.opf-lx-slot[data-orientation=vertical]:before{width:2px;top:0;bottom:0;left:calc(50% - 1px)}.opf-lx-slot[data-orientation=horizontal]:before{height:2px;top:calc(50% - 1px);left:0;right:0}.opf-lx-slot .opf-lx-icon{background:var(--opf-ui-surface);border:1px solid var(--opf-ui-accent);opacity:0;transition:opacity var(--opf-ui-ease);border-radius:999px;padding:2px;position:relative}.opf-lx-slot:hover:before,.opf-lx-slot:focus-visible:before,.opf-lx-slot:hover .opf-lx-icon,.opf-lx-slot:focus-visible .opf-lx-icon{opacity:1}.opf-lx-slot:disabled{cursor:not-allowed;opacity:.4}.opf-lx-slot:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-lx-cut{border:0 dashed var(--opf-ui-accent);pointer-events:none;position:absolute}.opf-lx-cut[data-axis=row]{border-left-width:2px}.opf-lx-cut[data-axis=column]{border-top-width:2px}.opf-lx-drop{z-index:13;background:var(--opf-ui-accent);pointer-events:none;border-radius:2px;position:absolute}.opf-lx-drop[data-orientation=vertical]{translate:-50%;width:3px!important}.opf-lx-drop[data-orientation=horizontal]{translate:0 -50%;height:3px!important}.opf-lx-drop[data-state=refused]{background:var(--opf-ui-danger)}.opf-lx-drop[data-state=same]{background:var(--opf-ui-border-strong)}.opf-lx-ghost{z-index:40;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-accent);border-radius:var(--opf-ui-radius);max-width:220px;color:var(--opf-ui-accent-strong);font:500 11.5px var(--opf-ui-mono);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:3px 10px;position:absolute;overflow:hidden}.opf-lx-rename{z-index:16;background:var(--opf-ui-surface);border:2px solid var(--opf-ui-accent);border-radius:var(--opf-ui-radius-sm);height:26px;color:var(--opf-ui-fg);font:500 12px var(--opf-ui-mono);padding:0 6px;position:absolute}.opf-lx-rename-row{min-width:0;height:calc(var(--opf-lx-row) - 6px);flex:1;position:static}.opf-lx-banner{background:var(--opf-ui-surface);border-bottom:1px solid var(--opf-ui-danger);color:var(--opf-ui-danger);align-items:center;gap:6px;margin:0;padding:6px 12px;font-size:12px;display:flex}.opf-lx-footer{min-height:calc(var(--opf-lx-h) + 4px);background:var(--opf-ui-surface);border-top:1px solid var(--opf-ui-border);flex:none;align-items:center;gap:12px;padding:2px 10px;display:flex}.opf-lx-status,.opf-lx-alert{min-width:0;font:11.5px var(--opf-ui-mono);text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.opf-lx-status{color:var(--opf-ui-muted-fg)}.opf-lx-status[data-live=true]{color:var(--opf-ui-fg)}.opf-lx-alert{color:var(--opf-ui-danger)}.opf-lx-alert:not([hidden])+.opf-lx-zoombar{margin-left:0}.opf-lx-zoombar{flex:none;align-items:center;gap:2px;display:inline-flex}.opf-lx-zoom-label{text-align:center;min-width:4ch;font:11.5px var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-lx-zoom-button{width:calc(var(--opf-lx-h) - 4px);height:calc(var(--opf-lx-h) - 4px);border-radius:var(--opf-ui-radius);color:var(--opf-ui-muted-fg);cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.opf-lx-zoom-button:hover{color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-lx-menu{z-index:60;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg);min-width:210px;box-shadow:var(--opf-ui-shadow-pop);padding:4px;position:absolute}.opf-lx-menuitem{width:100%;min-height:var(--opf-lx-h);border-radius:var(--opf-ui-radius-sm);color:var(--opf-ui-fg);text-align:left;cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;display:flex}.opf-lx-menuitem:hover,.opf-lx-menuitem:focus-visible{background:var(--opf-ui-muted)}.opf-lx-menuitem:focus-visible{outline-offset:-2px}.opf-lx-menuitem[aria-disabled=true]{color:var(--opf-ui-muted-fg);opacity:.55;cursor:default}.opf-lx-menu-label{flex:1}.opf-lx-menu-hint{font:11.5px var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-lx-menuitem[aria-checked=true] .opf-lx-icon{color:var(--opf-ui-accent-strong)}.opf-lx-layers,.opf-lx-inspector{background:var(--opf-ui-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.opf-lx-panel-head{min-height:calc(var(--opf-lx-h) + 2px);border-bottom:1px solid var(--opf-ui-border);color:var(--opf-ui-muted-fg);flex:none;align-items:center;gap:8px;padding:0 12px;display:flex}.opf-lx-panel-title{font:500 10.5px var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.opf-lx-layers-scroll{flex:1;min-height:0;padding:4px 0;position:relative;overflow:auto}.opf-lx-tree,.opf-lx-group{margin:0;padding:0;list-style:none}.opf-lx-item{outline:none}.opf-lx-row{min-height:var(--opf-lx-row);border-radius:var(--opf-ui-radius-sm);color:var(--opf-ui-fg);cursor:default;-webkit-user-select:none;user-select:none;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);align-items:center;gap:4px;padding-inline-end:8px;display:flex}.opf-lx-row:hover{background:var(--opf-ui-muted-2)}.opf-lx-row[data-selected=true]{background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);color:var(--opf-ui-accent-strong)}.opf-lx-item:focus-visible>.opf-lx-row{outline:2px solid var(--opf-ui-ring);outline-offset:-2px}.opf-lx-item.is-dragging>.opf-lx-row{opacity:.45}.opf-lx-item[data-into=true]>.opf-lx-row{outline:2px solid var(--opf-ui-accent);outline-offset:-2px}.opf-lx-grip{width:14px;color:var(--opf-ui-muted-fg);opacity:0;cursor:grab;touch-action:none;flex:none;display:inline-flex}.opf-lx-row:hover .opf-lx-grip,.opf-lx-item:focus-visible>.opf-lx-row .opf-lx-grip{opacity:1}.opf-lx-layers[data-density=touch] .opf-lx-grip{opacity:1;justify-content:center;width:24px}.opf-lx-caret{width:14px;color:var(--opf-ui-muted-fg);flex:none;display:inline-flex}.opf-lx-row .opf-lx-icon{color:var(--opf-ui-muted-fg);flex:none}.opf-lx-row[data-selected=true] .opf-lx-icon{color:var(--opf-ui-accent-strong)}.opf-lx-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.opf-lx-item[data-kind=region]>.opf-lx-row>.opf-lx-row-name{font-family:var(--opf-ui-mono);font-size:12px}.opf-lx-row-size{font:11.5px var(--opf-ui-mono);color:var(--opf-ui-muted-fg);flex:none}.opf-lx-row-flag{color:var(--opf-ui-danger);flex:none;display:inline-flex}.opf-lx-row[data-finding=error] .opf-lx-row-name{-webkit-text-decoration:underline wavy var(--opf-ui-danger);text-decoration:underline wavy var(--opf-ui-danger);text-underline-offset:3px}.opf-lx-tree-drop{z-index:5;border-top:2px solid var(--opf-ui-accent);pointer-events:none;position:absolute}.opf-lx-tree-drop[data-mode=into]{border:2px solid var(--opf-ui-accent);border-radius:var(--opf-ui-radius-sm)}.opf-lx-tree-drop[data-state=refused]{border-color:var(--opf-ui-danger)}.opf-lx-tree-drop[data-state=same]{border-color:var(--opf-ui-border-strong)}.opf-lx-findings{border-top:1px solid var(--opf-ui-border);flex:none;max-height:40%;overflow:auto}.opf-lx-findings-head{font:11.5px var(--opf-ui-mono);color:var(--opf-ui-success);align-items:center;gap:6px;margin:0;padding:6px 12px;display:flex}.opf-lx-findings-head[data-state=error]{color:var(--opf-ui-danger)}.opf-lx-findings-head[data-state=warning]{color:var(--opf-ui-warn)}.opf-lx-findings-list{margin:0;padding:0 4px 6px;list-style:none}.opf-lx-finding{width:100%;min-height:var(--opf-lx-row);border-radius:var(--opf-ui-radius-sm);text-align:left;cursor:pointer;transition:background-color var(--opf-ui-ease);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 8px;display:flex}.opf-lx-finding:hover{background:var(--opf-ui-muted-2)}.opf-lx-finding-message{color:var(--opf-ui-fg)}.opf-lx-finding-where{font:11px var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-lx-inspector-body{flex:1;min-height:0;padding:12px;overflow:auto}.opf-lx-section{flex-direction:column;gap:12px;display:flex}.opf-lx-section+.opf-lx-section,.opf-lx-section+.opf-lx-help,.opf-lx-help+.opf-lx-section{margin-top:14px}.opf-lx-section-title{font:500 10.5px var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);margin:0}.opf-lx-field{flex-direction:column;gap:4px;min-width:0;display:flex}.opf-lx-label-text{color:var(--opf-ui-fg);font-size:12px;font-weight:500}.opf-lx-help{color:var(--opf-ui-muted-fg);margin:0;font-size:12px;line-height:1.4}.opf-lx-field-error{color:var(--opf-ui-danger);align-items:flex-start;gap:6px;margin:0;font-size:12px;line-height:1.4;display:flex}.opf-lx-field-error .opf-lx-icon{flex:none;margin-top:2px}.opf-lx-loose{flex-direction:column;gap:4px;margin:14px 0 0;padding:0;list-style:none;display:flex}.opf-lx-input,.opf-lx-select{width:100%;min-width:0;height:var(--opf-lx-h);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius);color:var(--opf-ui-fg);font:inherit;transition:border-color var(--opf-ui-ease);padding:0 8px}textarea.opf-lx-input{height:auto;min-height:calc(var(--opf-lx-h) * 1.8);resize:vertical;padding:6px 8px;line-height:1.4}.opf-lx-input:hover:not(:disabled),.opf-lx-select:hover{border-color:var(--opf-ui-muted-fg)}.opf-lx-input:disabled,.opf-lx-input[readonly]{background:var(--opf-ui-muted-2);color:var(--opf-ui-muted-fg)}.opf-lx-input[aria-invalid=true]{border-color:var(--opf-ui-danger)}input.opf-lx-input[data-field=id],input.opf-lx-input[data-field=name],input.opf-lx-input[data-field=size],input.opf-lx-input[data-field=max]{font-family:var(--opf-ui-mono);font-size:12.5px}.opf-lx-size-row{gap:6px;display:flex}.opf-lx-size-input{flex:1}.opf-lx-field[data-invalid=true] .opf-lx-input,.opf-lx-field[data-invalid=true] .opf-lx-select{border-color:var(--opf-ui-danger)}.opf-lx-field-check{flex-flow:wrap;align-items:center;column-gap:8px}.opf-lx-field-check .opf-lx-label-text{order:2}.opf-lx-field-check .opf-lx-check{order:1}.opf-lx-field-check .opf-lx-help,.opf-lx-field-check .opf-lx-field-error{flex-basis:100%;order:3}.opf-lx-check{width:16px;height:16px;accent-color:var(--opf-ui-accent);margin:0}.opf-lx-segmented{border:1px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius);align-self:flex-start;display:inline-flex;overflow:hidden}.opf-lx-segment{height:calc(var(--opf-lx-h) - 2px);color:var(--opf-ui-muted-fg);cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease);background:0 0;border:0;border-radius:0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.opf-lx-segment+.opf-lx-segment{border-left:1px solid var(--opf-ui-border-strong)}.opf-lx-segment:hover:not(:disabled){color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-lx-segment[aria-pressed=true]{color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);font-weight:600}.opf-lx-segment:focus-visible{outline-offset:-2px}.opf-lx-segment:disabled{opacity:.45;cursor:default}.opf-lx-auto{border:1px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius)}.opf-lx-chips{flex-wrap:wrap;gap:6px;display:flex}.opf-lx-chip{height:var(--opf-lx-chip);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius);color:var(--opf-ui-muted-fg);font:11.5px var(--opf-ui-mono);cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.opf-lx-chip:hover:not(:disabled){color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-lx-chip[aria-pressed=true]{color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-color:var(--opf-ui-accent)}.opf-lx-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.opf-lx-action{min-width:0;height:var(--opf-lx-h);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);color:var(--opf-ui-fg);cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.opf-lx-action:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}.opf-lx-action:disabled{opacity:.45;cursor:default}.opf-lx-action .opf-lx-button-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opf-lx-hints{flex-direction:column;gap:4px;margin:0;display:flex}.opf-lx-hint-row{min-height:var(--opf-lx-row);align-items:center;gap:8px;display:flex}.opf-lx-hint-key{font:12px var(--opf-ui-mono);color:var(--opf-ui-accent-strong);flex:none;margin:0}.opf-lx-hint-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:12px var(--opf-ui-mono);color:var(--opf-ui-warn);flex:1;margin:0;overflow:hidden}.opf-lx-hint-remove{width:var(--opf-lx-row);height:var(--opf-lx-row);border-radius:var(--opf-ui-radius-sm);color:var(--opf-ui-muted-fg);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.opf-lx-hint-remove:hover{color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-lx[data-density=touch],.opf-lx-canvas[data-density=touch]{--opf-lx-slot:32px}.opf-lx-canvas[data-density=touch] .opf-lx-divider[data-orientation=vertical]:before{inset:0 -14px}.opf-lx-canvas[data-density=touch] .opf-lx-divider[data-orientation=horizontal]:before{inset:-14px 0}.opf-lx-canvas[data-density=touch] .opf-lx-divider[data-fixed=false]:after{background:color-mix(in srgb, var(--opf-ui-accent) 45%, transparent)}.opf-lx-canvas[data-density=touch] .opf-lx-label{--opf-lx-chip-h:19px;font-size:12px;line-height:18px}.opf-lx[data-density=touch] .opf-lx-actions{grid-template-columns:minmax(0,1fr)}@media (prefers-reduced-motion:reduce){.opf-lx *,.opf-lx-palette *,.opf-lx-canvas *,.opf-lx-layers *,.opf-lx-inspector *{transition:none!important;animation:none!important}}.opf-nav{color:var(--opf-ui-muted-fg);font-family:var(--opf-ui-font);align-items:center;gap:4px;display:inline-flex}.opf-nav-button{box-sizing:border-box;width:var(--opf-ui-control-h);height:var(--opf-ui-control-h);border-radius:var(--opf-ui-radius);min-height:0;color:inherit;font:inherit;cursor:pointer;transition:color var(--opf-ui-ease), background-color var(--opf-ui-ease);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.opf-nav[data-density=touch] .opf-nav-button{width:40px;height:40px}.opf-nav-button:hover:not(:disabled){background:var(--opf-ui-muted);color:var(--opf-ui-fg)}.opf-nav-button:disabled{opacity:.4;cursor:default}.opf-nav-button:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-nav-icon{width:18px;height:18px}.opf-nav[data-density=touch] .opf-nav-icon{width:20px;height:20px}.opf-nav-counter{text-align:center;min-width:64px;font:500 12px/1 var(--opf-ui-mono);font-variant-numeric:tabular-nums;color:var(--opf-ui-fg)}@media (prefers-reduced-motion:reduce){.opf-nav-button{transition:none}}:where(.opf-design-controls,.opf-review,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog){font-family:var(--opf-ui-font);color:var(--opf-ui-fg)}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),select,textarea){min-height:var(--opf-ui-control-h);font:13px/1.4 var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);transition:border-color var(--opf-ui-ease), color var(--opf-ui-ease);padding:4px 8px}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog) :is(input,select,textarea):hover:not(:disabled){border-color:var(--opf-ui-border-strong)}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog) :is(input,select,textarea):focus-visible{border-color:var(--opf-ui-ring);outline:2px solid var(--opf-ui-ring);outline-offset:2px}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog) :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--opf-ui-accent)}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]){min-height:var(--opf-ui-control-h);font:500 13px/1.2 var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease), color var(--opf-ui-ease);justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]):hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]):disabled{opacity:.45;cursor:default}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]).primary{color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent);border-color:var(--opf-ui-accent)}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]).primary:hover:not(:disabled){background:var(--opf-ui-accent);border-color:var(--opf-ui-accent);filter:brightness(1.08)}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]).quiet{color:var(--opf-ui-muted-fg);background:0 0;border-color:#0000}:where(.opf-design-controls,.opf-template-panel,.opf-numbering-panel,.opf-chart-options,.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog,.opf-review) button:not([class*=opf-]).quiet:hover:not(:disabled){color:var(--opf-ui-fg);background:var(--opf-ui-muted);border-color:#0000}.opf-design-controls{font-size:13px;display:block}.opf-dc-group{border-top:1px solid var(--opf-ui-border);padding:8px 0}.opf-dc-group>summary{font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);cursor:pointer;transition:color var(--opf-ui-ease);padding:5px 0;list-style-position:inside}.opf-dc-group>summary:hover,.opf-dc-group[open]>summary{color:var(--opf-ui-fg)}.opf-dc-body{padding:6px 0 4px}.opf-dc-field{flex-direction:column;gap:4px;margin:0 0 11px;display:flex}.opf-dc-field>label{color:var(--opf-ui-fg);margin:0;font-size:12px;font-weight:500;display:block}.opf-dc-field input[type=text],.opf-dc-field input[type=number],.opf-dc-field input[type=url]{width:100%}.opf-dc-field select[multiple]{padding:2px}.opf-dc-field input[type=file]{width:100%;min-height:0;color:var(--opf-ui-muted-fg);background:0 0;border:0;padding:0;font-size:11.5px}.opf-dc-check{flex-flow:wrap;align-items:center;gap:4px 8px}.opf-dc-check>label{font-weight:400}.opf-dc-check .opf-dc-help{flex-basis:100%}.opf-dc-note{color:var(--opf-ui-muted-fg);font-weight:400}.opf-dc-help{color:var(--opf-ui-muted-fg);margin:0;font-size:11.5px;line-height:1.55}.opf-dc-fieldset{border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);margin:0 0 10px;padding:6px 10px 2px}.opf-dc-fieldset>legend{color:var(--opf-ui-muted-fg);padding:0 4px;font-size:11.5px;font-weight:600}.opf-dc-actions{flex-wrap:wrap;gap:8px;margin:0 0 11px;display:flex}.opf-dc-actions-block{flex-direction:column;gap:8px;margin:0 0 11px;display:flex}.opf-dc-actions-block[hidden],.opf-dc-action[hidden]{display:none}.opf-dc-action{flex-direction:column;gap:3px;display:flex}.opf-dc-action>button{align-self:flex-start}.opf-dc-action>button:disabled{opacity:.55;cursor:not-allowed}.opf-dc-status{min-height:1.2em;font:11.5px/1.4 var(--opf-ui-mono);color:var(--opf-ui-success);margin:10px 0 0}.opf-dc-error{color:var(--opf-ui-danger);margin:6px 0 0;font-size:11.5px}.opf-dc-error:empty,.opf-dc-warnings:empty{display:none}.opf-dc-warnings{color:var(--opf-ui-warn);margin:0 0 10px;padding-left:18px;font-size:11.5px}.opf-dc-cell{border-top:1px dashed var(--opf-ui-border);margin-top:10px;padding-top:10px}.opf-dc-cluster{margin:0 0 8px}.opf-dc-summary{color:var(--opf-ui-muted-fg);margin:0 0 10px;padding-left:18px;font-size:11.5px}.opf-dc-stop{border-top:1px dashed var(--opf-ui-border);margin-top:4px;padding-top:8px}.opf-dc-stop button{margin-bottom:8px}.opf-dc-variants{grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 8px;display:grid}.opf-dc-variant{min-height:56px;font:inherit;color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding:6px;display:flex}.opf-dc-variant:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}.opf-dc-variant[aria-checked=true]{color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-color:var(--opf-ui-accent);outline:2px solid var(--opf-ui-accent);outline-offset:-1px}.opf-dc-variant-text{font-size:15px;font-weight:700;line-height:1}.opf-dc-variant-chips{gap:3px;display:flex}.opf-dc-variant-chip{border:1px solid var(--opf-ui-border-strong);border-radius:50%;width:9px;height:9px}:root .opf-review{color:var(--opf-ui-fg);font-size:12px}:root .opf-review-head h2{font-size:13px;font-weight:600}:root .opf-review-counts,:root .opf-review-meta,:root .opf-review-help,:root .opf-review-empty{font-family:var(--opf-ui-mono);color:var(--opf-ui-muted-fg);font-size:11.5px}:root .opf-review-category-title{font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg)}:root .opf-review-item{border-top:1px solid var(--opf-ui-border)}:root .opf-review-item[aria-current=true]{background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent)}:root .opf-review-item[aria-current=true] .opf-review-goto{color:var(--opf-ui-accent-strong)}:root .opf-review-goto{border-radius:var(--opf-ui-radius-sm);transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease)}:root .opf-review-goto:hover{background:var(--opf-ui-muted)}:root .opf-review-goto:focus-visible,:root .opf-review-fix:focus-visible,:root .opf-review-alt input:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}:root .opf-review-sev{font:500 10.5px/16px var(--opf-ui-mono);letter-spacing:.04em;border-radius:var(--opf-ui-radius-sm);background:color-mix(in srgb, currentColor 8%, transparent)}:root .opf-review-item[data-severity=error] .opf-review-sev{color:var(--opf-ui-danger)}:root .opf-review-item[data-severity=warning] .opf-review-sev{color:var(--opf-ui-warn)}:root .opf-review-item[data-severity=info] .opf-review-sev{color:var(--opf-ui-accent-strong)}:root .opf-review-fix{min-height:0;font:500 12px/1.3 var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);padding:3px 8px}:root .opf-review-fix:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}:root .opf-review-fix.quiet{color:var(--opf-ui-muted-fg);background:0 0;border-color:#0000}:root .opf-review-fix.quiet:hover:not(:disabled){color:var(--opf-ui-fg);background:0 0}:root .opf-review-alt input{color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius)}:root .opf-review-error{color:var(--opf-ui-danger)}.opf-slides .slide-card{width:100%;font:inherit;text-align:left;white-space:normal;color:var(--opf-ui-muted-fg);border-radius:var(--opf-ui-radius-md);cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:1px solid #0000;grid-template-columns:18px minmax(0,1fr);justify-content:start;align-items:start;gap:8px;margin:0 0 5px;padding:8px 7px;display:grid;position:relative}.opf-slides .slide-card:hover{color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-slides .slide-card[data-selected=true]{background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent);border-color:color-mix(in srgb, var(--opf-ui-accent) 30%, transparent)}.opf-slides .slide-card[aria-current=true]{color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-color:color-mix(in srgb, var(--opf-ui-accent) 40%, transparent)}.opf-slides .slide-card[aria-current=true][data-selected=true]{background:color-mix(in srgb, var(--opf-ui-accent) 14%, transparent)}.opf-slides .slide-card[data-hidden=true] .thumbnail{opacity:.55}.opf-slides .slide-card.is-drag-source{opacity:.45}.opf-slides .slide-card:focus-visible,.section-toggle:focus-visible,.section-more:focus-visible,.slide-tool:focus-visible,.outline-input:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-slides .thumbnail-number{font:10.5px/1.4 var(--opf-ui-mono);font-variant-numeric:tabular-nums;padding-top:3px}.opf-slides .thumbnail-content{min-width:0}.opf-slides .thumbnail{aspect-ratio:16/9;background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-sm);pointer-events:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.opf-slides .thumbnail svg{width:100%;height:auto;display:block}.opf-slides .slide-card[aria-current=true] .thumbnail{border-color:var(--opf-ui-accent);box-shadow:0 0 0 1px var(--opf-ui-accent)}.opf-slides .thumbnail-title{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:11px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.slide-badge{font:500 10px/16px var(--opf-ui-mono);letter-spacing:.02em;color:var(--opf-ui-muted-fg);background:var(--opf-ui-muted);border-radius:var(--opf-ui-radius-sm);margin-top:5px;padding:0 6px;display:inline-block}.slide-toolbar{gap:2px;margin:0 11px 6px;padding:0 0 0 2px;display:flex}.slide-toolbar:empty{display:none}.slide-tool,.section-more{color:var(--opf-ui-muted-fg);border-radius:var(--opf-ui-radius);cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.slide-tool{width:30px;height:28px}.section-more{width:24px;height:24px}.slide-tool:hover:not(:disabled),.section-more:hover{color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.slide-tool:disabled{opacity:.4;cursor:default}.slide-tool .icon,.section-more .icon{width:16px;height:16px}.slide-section{align-items:center;gap:2px;margin:8px 0 4px;padding:0 2px;display:flex}.slide-section:first-child{margin-top:0}.section-toggle{min-width:0;font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--opf-ui-muted-fg);border-radius:var(--opf-ui-radius);cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;gap:6px;padding:3px 4px;display:inline-flex}.section-toggle:hover{color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.section-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide-section[data-unnamed=true] .section-name{font-style:italic}.section-count,.section-caret{color:var(--opf-ui-muted-fg)}.section-caret{width:10px}.slide-section.drop-into{background:color-mix(in srgb, var(--opf-ui-accent) 12%, transparent);outline:2px dashed var(--opf-ui-accent);outline-offset:-2px;border-radius:var(--opf-ui-radius)}.opf-slides .slide-card.drop-before:before,.opf-slides .slide-card.drop-after:after{content:"";background:var(--opf-ui-accent);pointer-events:none;border-radius:2px;position:absolute}.opf-slides[data-variant=navigator] .slide-card.drop-before:before{height:3px;top:-4px;left:4px;right:4px}.opf-slides[data-variant=navigator] .slide-card.drop-after:after{height:3px;bottom:-4px;left:4px;right:4px}.opf-slides[data-variant=sorter] .slide-card.drop-before:before{width:3px;top:4px;bottom:4px;left:-7px}.opf-slides[data-variant=sorter] .slide-card.drop-after:after{width:3px;top:4px;bottom:4px;right:-7px}.opf-drag-badge{font:500 12px var(--opf-ui-font);color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent);border-radius:var(--opf-ui-radius-lg);padding:4px 10px;position:fixed;top:-100px;left:-100px}.slide-sorter{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:18px 16px;display:grid}.slide-sorter .slide-section{grid-column:1/-1;margin:6px 0 -4px}.slide-sorter .slide-card{background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);margin:0;padding:8px;display:block}.slide-sorter .slide-card:hover{background:var(--opf-ui-muted-2)}.slide-sorter .slide-card[data-selected=true]{background:color-mix(in srgb, var(--opf-ui-accent) 8%, var(--opf-ui-surface));border-color:var(--opf-ui-accent)}.slide-sorter .thumbnail-number{color:var(--opf-ui-muted-fg);padding:0;font-size:11px;font-weight:500;position:absolute;bottom:11px;left:12px}.slide-sorter .thumbnail-title{margin-top:8px;padding-left:24px;font-size:12px}.slide-sorter .slide-badge{position:absolute;top:10px;right:12px}.opf-outline{max-width:860px;font-family:var(--opf-ui-font);color:var(--opf-ui-fg);margin:0 auto}.outline-toolbar{z-index:2;background:var(--opf-ui-bg);flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:8px 0;display:flex;position:sticky;top:-20px}.outline-toolbar button{min-height:var(--opf-ui-control-h);font:500 13px/1.2 var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);align-items:center;padding:0 12px;display:inline-flex}.outline-toolbar button:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}.outline-toolbar button:disabled{opacity:.45;cursor:default}.outline-help{color:var(--opf-ui-muted-fg);margin:0 0 14px;font-size:11.5px}.outline-list{margin:0;padding:0;list-style:none}.outline-row{padding:1px 0 1px calc(var(--level,0) * 26px);align-items:center;gap:8px;display:flex}.outline-row[data-kind=slide]{margin-top:14px}.outline-row[data-kind=slide]:first-child{margin-top:0}.outline-number{height:26px;font:500 11px/1 var(--opf-ui-mono);color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-radius:var(--opf-ui-radius-sm);flex:0 0 26px;justify-content:center;align-items:center;display:inline-flex}.outline-bullet{text-align:center;color:var(--opf-ui-muted-fg);flex:0 0 12px}.outline-input{min-width:0;font:13px/1.4 var(--opf-ui-font);color:var(--opf-ui-fg);border-radius:var(--opf-ui-radius);transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);background:0 0;border:1px solid #0000;flex:1;padding:4px 8px}.outline-row[data-kind=slide] .outline-input{font-size:15px;font-weight:600}.outline-row[data-kind=other] .outline-input,.outline-input[readonly]{color:var(--opf-ui-muted-fg);font-style:italic}.outline-input:hover{background:var(--opf-ui-surface);border-color:var(--opf-ui-border)}.outline-input:focus{background:var(--opf-ui-surface);border-color:var(--opf-ui-ring)}.outline-section{font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);border-bottom:1px solid var(--opf-ui-border);margin:18px 0 4px;padding:3px 6px}.opf-menu{z-index:1000;min-width:220px;max-width:min(320px,92vw);max-height:80dvh;font-family:var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);box-shadow:var(--opf-ui-shadow-pop);padding:4px;position:fixed;overflow:auto}.opf-menu-item{width:100%;font:13px/1.4 var(--opf-ui-font);text-align:left;color:var(--opf-ui-fg);border-radius:var(--opf-ui-radius-sm);cursor:pointer;transition:background-color var(--opf-ui-ease);background:0 0;border:0;justify-content:space-between;gap:18px;padding:6px 10px;display:flex}.opf-menu-item kbd{font:11px var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-menu-item:hover:not(:disabled),.opf-menu-item:focus-visible{background:var(--opf-ui-muted);outline:none}.opf-menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--opf-ui-ring)}.opf-menu-item:disabled{opacity:.45;cursor:default}.opf-menu-separator{background:var(--opf-ui-border);height:1px;margin:4px 2px}.opf-sm-dialog,.opf-layout-dialog,.opf-grid-dialog{color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg);box-shadow:var(--opf-ui-shadow-pop);padding:0}.opf-sm-dialog::backdrop,.opf-layout-dialog::backdrop,.opf-grid-dialog::backdrop{background:color-mix(in srgb, var(--opf-ui-bg) 70%, transparent)}.opf-sm-dialog{width:min(440px,92vw)}.opf-layout-dialog{width:min(760px,94vw)}.opf-grid-dialog{width:min(850px,95vw);max-height:90vh}.opf-sm-dialog form{flex-direction:column;gap:8px;padding:20px 22px;display:flex}.opf-sm-dialog h2,.opf-grid-dialog h2{color:var(--opf-ui-fg);margin:0 0 4px;font-size:14px;font-weight:600}.opf-sm-dialog input,.opf-sm-dialog select{width:100%}.opf-sm-dialog .field-help{color:var(--opf-ui-muted-fg);margin:0;font-size:11.5px}.opf-sm-dialog select[size]{min-height:190px}.opf-sm-error{min-height:1em;color:var(--opf-ui-danger);margin:0;font-size:11.5px}.opf-sm-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.opf-layout-preview{grid-template-columns:1fr 1fr;gap:8px;min-height:150px;display:grid}.opf-layout-preview-item{background:var(--opf-ui-muted-2);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);min-width:0;padding:8px}.opf-layout-preview-item strong{font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);margin-bottom:5px;display:block}.opf-layout-preview svg,.opf-layout-preview img{object-fit:contain;width:100%;height:auto;max-height:220px;display:block}.opf-layout-diagram,.opf-layout-split{gap:3px;min-width:0;min-height:0;display:flex}.opf-layout-diagram{aspect-ratio:16/9}.opf-layout-diagram span{min-width:0;font:11px var(--opf-ui-mono);color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border:1px solid color-mix(in srgb, var(--opf-ui-accent) 40%, transparent);border-radius:var(--opf-ui-radius-sm);place-items:center;padding:2px 4px;display:grid;overflow:hidden}.opf-grid-body{gap:8px;display:grid;overflow:auto}.opf-grid-field{gap:4px;font-size:12px;display:grid}.opf-grid-dimensions{grid-template-columns:minmax(0,220px);gap:10px;display:grid}.opf-grid-structure{background:var(--opf-ui-muted);border-radius:var(--opf-ui-radius);padding:8px}.opf-grid-structure .opf-layout-diagram{max-width:360px;margin:0 auto}.opf-grid-regions{gap:8px;display:grid}.opf-grid-list-wrap{justify-items:start;gap:6px;display:grid}.opf-grid-list{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.opf-grid-region,.opf-grid-split{border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);gap:6px;min-width:0;margin:0;display:grid}.opf-grid-split{border-style:dashed;border-color:var(--opf-ui-border-strong)}.opf-grid-controls,.opf-grid-rules{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.opf-grid-tools{flex-wrap:wrap;gap:6px;display:flex}.opf-grid-kinds{grid-template-columns:repeat(3,1fr);gap:2px;font-size:11.5px;display:grid}.opf-grid-kinds label{align-items:center;gap:3px;display:flex}.opf-grid-kinds input{width:auto}.opf-region-drop[data-drop-active=true]{background:color-mix(in srgb, var(--opf-ui-accent) 16%, transparent)!important;border-color:var(--opf-ui-accent)!important}:root .opf-find{min-height:0;font-family:var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-lg);box-shadow:var(--opf-ui-shadow-pop)}:root .opf-find-field>span,:root .opf-find-where,:root .opf-find-more,:root .opf-find-count{font-family:var(--opf-ui-mono);color:var(--opf-ui-muted-fg);font-size:11.5px}:root .opf-find input[type=text]{min-height:var(--opf-ui-control-h);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);transition:border-color var(--opf-ui-ease)}:root .opf-find input[type=text]:hover{border-color:var(--opf-ui-border-strong)}:root .opf-find input[type=text][aria-invalid=true]{border-color:var(--opf-ui-danger)}:root .opf-find button{min-height:var(--opf-ui-control-h);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease), color var(--opf-ui-ease)}:root .opf-find button:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}:root .opf-find button.opf-find-primary{color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent);border-color:var(--opf-ui-accent)}:root .opf-find button.opf-find-primary:hover:not(:disabled){background:var(--opf-ui-accent);border-color:var(--opf-ui-accent);filter:brightness(1.08)}:root .opf-find button.opf-find-close{color:var(--opf-ui-muted-fg);background:0 0;border-color:#0000}:root .opf-find button.opf-find-close:hover:not(:disabled){color:var(--opf-ui-fg);background:var(--opf-ui-muted)}:root .opf-find button:focus-visible,:root .opf-find input:focus-visible,:root .opf-find-result:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}:root .opf-find-opt{color:var(--opf-ui-fg);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease)}:root .opf-find-opt:has(input:checked){color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-color:var(--opf-ui-accent)}:root .opf-find-opt input{accent-color:var(--opf-ui-accent)}:root .opf-find-error{color:var(--opf-ui-danger);font-size:11.5px}:root .opf-find-results{border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius)}:root .opf-find-results li{border-top:1px solid var(--opf-ui-border)}:root .opf-find-results li:first-child{border-top:0}:root .opf-find button.opf-find-result{color:var(--opf-ui-fg);background:0 0;border:0;border-radius:0}:root .opf-find button.opf-find-result:hover:not(:disabled){background:var(--opf-ui-muted)}:root .opf-find button.opf-find-result[aria-current=true]{background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent)}:root .opf-find-text mark{color:inherit;background:color-mix(in srgb, var(--opf-ui-warn) 30%, transparent);border-radius:var(--opf-ui-radius-sm)}@media (pointer:coarse){:root .opf-find input[type=text]{font-size:16px}:root .opf-find button,:root .opf-find-opt{min-height:44px}:root .opf-find button.opf-find-close{min-width:44px}}.opf-template-panel{font-size:13px}.opf-template-summary{color:var(--opf-ui-muted-fg);margin-bottom:10px;font-size:11.5px}.opf-template-mode{align-items:center;gap:8px;margin-bottom:14px;font-weight:400;display:flex}.opf-template-fields{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px 22px;display:grid}.opf-template-field{background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);flex-direction:column;gap:5px;padding:10px 12px;display:flex}.opf-template-field label{color:var(--opf-ui-fg);margin:0;font-size:12px;font-weight:600;display:block}.opf-template-field :is(input[type=text],input[type=url],input[type=date],textarea){width:100%;font-size:13px}.opf-template-field textarea{resize:vertical;min-height:84px}.opf-template-kind,.opf-template-help{font:400 11px/1.5 var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-template-status{font:11px/1.4 var(--opf-ui-mono);color:var(--opf-ui-muted-fg)}.opf-required{color:var(--opf-ui-danger)}.opf-template-field[data-status=unfilled]{background:color-mix(in srgb, var(--opf-ui-warn) 6%, var(--opf-ui-surface));border-color:color-mix(in srgb, var(--opf-ui-warn) 45%, var(--opf-ui-border))}.opf-template-field[data-status=unfilled] .opf-template-status{color:var(--opf-ui-warn)}.opf-template-field[data-status=filled]{border-color:color-mix(in srgb, var(--opf-ui-success) 45%, var(--opf-ui-border))}.opf-template-field[data-status=filled] .opf-template-status{color:var(--opf-ui-success)}.opf-template-error{color:var(--opf-ui-danger);font-size:11.5px}.opf-template-error[hidden]{display:none}.opf-template-actions{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.opf-template-live{min-height:1.5em;color:var(--opf-ui-muted-fg);font-size:11.5px}.opf-template-live[data-error=true]{color:var(--opf-ui-danger)}.opf-template-preview-section,.opf-template-insert-section{border-top:1px solid var(--opf-ui-border);margin-top:14px;padding-top:12px}.opf-template-preview-section select{max-width:420px}.opf-template-insert-section summary{font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);cursor:pointer}.opf-template-new-variable{border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);margin-top:12px;padding:8px 12px}.opf-template-preview{background:var(--opf-ui-muted-2);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);padding:16px}.opf-template-preview svg{border:1px solid var(--opf-ui-border);width:100%;max-width:640px;height:auto;margin:auto;display:block}.opf-template-preview-status{color:var(--opf-ui-muted-fg);margin-bottom:8px;font-size:11.5px}.opf-template-empty{color:var(--opf-ui-muted-fg);font-size:12px}.opf-numbering-panel{font-size:13px}.opf-numbering-list{flex-direction:column;gap:4px;margin:0 0 12px;display:flex}.opf-numbering-toggle{align-items:center;gap:8px;margin:0 0 12px;display:flex}.opf-numbering-toggle label{color:var(--opf-ui-fg);margin:0;font-size:12px;font-weight:500}.opf-numbering-levels{flex-direction:column;gap:10px;margin:0 0 12px;display:flex}.opf-numbering-level{background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;padding:9px 12px;display:grid}.opf-numbering-level label{color:var(--opf-ui-muted-fg);margin:0;font-size:12px}.opf-numbering-level-name{color:var(--opf-ui-fg);grid-column:1/-1;font-size:12px;font-weight:600}.opf-numbering-level :is(select,input){width:100%}.opf-numbering-preview{min-height:1.5em;font:14px/1.5 var(--opf-ui-mono);letter-spacing:.02em;color:var(--opf-ui-fg);background:var(--opf-ui-code-bg);border:1px solid var(--opf-ui-code-border);border-radius:var(--opf-ui-radius-md);margin:4px 0 12px;padding:8px 12px}.opf-numbering-note,.opf-numbering-help,.opf-numbering-empty{color:var(--opf-ui-muted-fg);font-size:11.5px}.opf-numbering-entry{border-top:1px solid var(--opf-ui-border);flex-direction:column;gap:4px;padding-top:10px;display:flex}.opf-numbering-entry input{max-width:140px}.opf-numbering-live{min-height:1.4em;font:11.5px/1.4 var(--opf-ui-mono);color:var(--opf-ui-success);margin:10px 0 0}.opf-numbering-live[data-error=true]{color:var(--opf-ui-danger)}.opf-chart-options{border-top:1px solid var(--opf-ui-border);margin:8px 0;padding:8px 0}.opf-chart-options[hidden]{display:none}.opf-co-title{font:500 11px/1.4 var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--opf-ui-muted-fg);margin:0 0 8px}.opf-co-group{margin:0 0 8px}.opf-co-row{color:var(--opf-ui-fg);flex-direction:column;gap:3px;margin:0 0 6px;font-size:12px;display:flex}.opf-co-row :is(input[type=text],select){width:100%}.opf-co-check{color:var(--opf-ui-fg);flex-direction:row;align-items:center;gap:6px;font-size:12px;display:flex}.opf-co-content,.opf-co-highlight,.opf-co-colors{border:0;margin:0 0 6px;padding:0}.opf-co-content{flex-wrap:wrap;gap:4px 12px;display:flex}.opf-co-colors{margin-bottom:8px}.opf-co-content legend,.opf-co-highlight legend,.opf-co-colors legend{color:var(--opf-ui-fg);margin:0 0 3px;padding:0;font-size:12px}.opf-co-choices{flex-direction:column;gap:2px;max-height:120px;display:flex;overflow:auto}.opf-co-color-row{gap:4px}.opf-co-swatches{flex-wrap:wrap;gap:4px;display:flex}.opf-co-swatch{min-width:22px;height:22px;min-height:22px;font:11px var(--opf-ui-mono);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border-strong);border-radius:var(--opf-ui-radius-sm);cursor:pointer;padding:0 4px}.opf-co-swatch:hover:not(:disabled){background:var(--opf-ui-muted)}.opf-co-swatch[aria-pressed=true]{color:var(--opf-ui-accent-strong);outline:2px solid var(--opf-ui-ring);outline-offset:1px}.opf-co-hex{width:100%}:root .opf-grid{--g-border:var(--opf-ui-border);--g-ruler:var(--opf-ui-muted-2);--g-text:var(--opf-ui-fg);--g-muted:var(--opf-ui-muted-fg);--g-select:var(--opf-ui-muted);--g-focus:var(--opf-ui-ring);--g-error:var(--opf-ui-danger);--g-warn:var(--opf-ui-warn);--g-gap:var(--opf-ui-muted-fg);font-family:var(--opf-ui-font)}:root .opf-grid-path,:root .opf-grid-help,:root .opf-grid td.opf-grid-gap:before{font-family:var(--opf-ui-mono)}:root .opf-grid-toolbar button,:root .opf-grid-toolbar select,:root .opf-grid-dataset button,:root .opf-grid-format button,:root .opf-grid-format input,:root .opf-grid-mapping select{color:var(--opf-ui-fg);background:var(--opf-ui-surface);border-radius:var(--opf-ui-radius);transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease)}:root .opf-grid-toolbar button:hover,:root .opf-grid-dataset button:hover,:root .opf-grid-format button:hover{background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}:root .opf-grid-toolbar [aria-disabled=true]:hover{background:var(--opf-ui-surface);border-color:var(--g-border)}:root .opf-grid-scroll{background:var(--opf-ui-surface);border-radius:var(--opf-ui-radius)}:root .opf-grid td{background:var(--opf-ui-surface)}:root .opf-grid td textarea{color:var(--opf-ui-fg);background:var(--opf-ui-surface)}:root .opf-grid td.opf-grid-header{background:var(--opf-ui-muted-2)}:root .opf-grid td[aria-selected=true]{background:var(--opf-ui-muted)}:root .opf-grid td.opf-grid-merged{background-image:linear-gradient(135deg, transparent 92%, var(--opf-ui-border-strong) 92%)}:root .opf-grid-status{font-family:var(--opf-ui-mono);color:var(--opf-ui-success)}:root .opf-grid details textarea{color:var(--opf-ui-fg);background:var(--opf-ui-code-bg);border:1px solid var(--opf-ui-code-border);border-radius:var(--opf-ui-radius);font-family:var(--opf-ui-mono)}:root .opf-crop-pill{color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent);border:1px solid var(--opf-ui-surface);font-family:var(--opf-ui-font);box-shadow:var(--opf-ui-shadow-pop)}:root .opf-crop-pill:focus-visible,:root .opf-crop-rect:focus-visible,:root .opf-crop button:focus-visible,:root .opf-crop select:focus-visible,:root .opf-crop input:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}:root .opf-crop{color:var(--opf-ui-fg);background:color-mix(in srgb, var(--opf-ui-bg) 94%, transparent);font-family:var(--opf-ui-font)}:root .opf-crop-rect{outline:2px solid var(--opf-ui-surface);box-shadow:0 0 0 9999px color-mix(in srgb, var(--opf-ui-bg) 62%, transparent)}:root .opf-crop-handle{background:var(--opf-ui-surface);border:2px solid var(--opf-ui-accent);border-radius:var(--opf-ui-radius-sm)}:root .opf-crop-focus{border-color:var(--opf-ui-warn);box-shadow:0 0 0 2px var(--opf-ui-surface)}:root .opf-crop-focus:before,:root .opf-crop-focus:after{background:var(--opf-ui-warn)}:root .opf-crop-bar{background:var(--opf-ui-surface);border-top:1px solid var(--opf-ui-border)}:root .opf-crop select,:root .opf-crop input[type=number]{min-height:var(--opf-ui-control-h);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius)}:root .opf-crop input[type=range]{accent-color:var(--opf-ui-accent)}:root .opf-crop button{min-height:var(--opf-ui-control-h);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease), color var(--opf-ui-ease);font-weight:500}:root .opf-crop button:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}:root .opf-crop button[aria-pressed=true]{color:var(--opf-ui-accent-strong);background:color-mix(in srgb, var(--opf-ui-accent) 12%, var(--opf-ui-surface));border-color:var(--opf-ui-accent)}:root .opf-crop button.opf-crop-apply{color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent);border-color:var(--opf-ui-accent)}:root .opf-crop-readout{font-family:var(--opf-ui-mono);color:var(--opf-ui-muted-fg);font-size:11.5px}:root .opf-crop-error{color:var(--opf-ui-danger)}@media (pointer:coarse){:root .opf-crop button,:root .opf-crop select,:root .opf-crop input[type=number]{min-height:44px}}:is(.opf-ui,.opf-json,.opf-code) .cm-editor{font:12.5px/1.65 var(--opf-ui-mono);color:var(--opf-ui-fg);background:var(--opf-ui-code-bg);border:1px solid var(--opf-ui-code-border);border-radius:var(--opf-ui-radius-md)}:is(.opf-ui,.opf-json,.opf-code) .cm-editor.cm-focused{outline:2px solid var(--opf-ui-ring);outline-offset:2px}:is(.opf-ui,.opf-json,.opf-code) .cm-scroller,:is(.opf-ui,.opf-json,.opf-code) .cm-content{font-family:var(--opf-ui-mono)}:is(.opf-ui,.opf-json,.opf-code) .cm-content{caret-color:var(--opf-ui-fg)}:is(.opf-ui,.opf-json,.opf-code) .cm-cursor,:is(.opf-ui,.opf-json,.opf-code) .cm-dropCursor{border-left-color:var(--opf-ui-fg)}:is(.opf-ui,.opf-json,.opf-code) .cm-gutters{color:var(--opf-ui-muted-fg);background:var(--opf-ui-code-bg);border-right:1px solid var(--opf-ui-code-border)}:is(.opf-ui,.opf-json,.opf-code) .cm-activeLine,:is(.opf-ui,.opf-json,.opf-code) .cm-line.is-hover{background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent)}:is(.opf-ui,.opf-json,.opf-code) .cm-activeLineGutter{color:var(--opf-ui-fg);background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent)}:is(.opf-ui,.opf-json,.opf-code) .cm-selectionBackground,:is(.opf-ui,.opf-json,.opf-code) .cm-focused>.cm-scroller>.cm-selectionLayer .cm-selectionBackground{background:color-mix(in srgb, var(--opf-ui-accent) 20%, transparent)}:is(.opf-ui,.opf-json,.opf-code) .cm-selectionMatch{background:color-mix(in srgb, var(--opf-ui-warn) 25%, transparent)}:is(.opf-ui,.opf-json,.opf-code) .cm-matchingBracket{background:color-mix(in srgb, var(--opf-ui-accent) 16%, transparent);outline:1px solid var(--opf-ui-accent)}:is(.opf-ui,.opf-json,.opf-code) .tok-key{color:var(--opf-ui-accent-strong)}:is(.opf-ui,.opf-json,.opf-code) .tok-str{color:var(--opf-ui-fg)}:is(.opf-ui,.opf-json,.opf-code) .tok-num{color:var(--opf-ui-warn)}:is(.opf-ui,.opf-json,.opf-code) .tok-punct,:is(.opf-ui,.opf-json,.opf-code) .tok-brace{color:var(--opf-ui-muted-fg)}:is(.opf-ui,.opf-json,.opf-code) .code-key.is-active{background:color-mix(in srgb, var(--opf-ui-accent) 14%, transparent);border-radius:var(--opf-ui-radius-sm)}:is(.opf-ui,.opf-json,.opf-code) .cm-panels{color:var(--opf-ui-fg);background:var(--opf-ui-surface);border-color:var(--opf-ui-border);font-family:var(--opf-ui-font)}:is(.opf-ui,.opf-json,.opf-code) .cm-panels input,:is(.opf-ui,.opf-json,.opf-code) .cm-panels button{font:12px var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-sm)}:is(.opf-ui,.opf-json,.opf-code) .cm-tooltip{color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);box-shadow:var(--opf-ui-shadow-pop)}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip.cm-tooltip-autocomplete>ul{font-family:var(--opf-ui-mono);font-size:12px}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip.cm-tooltip-autocomplete>ul>li{color:var(--opf-ui-fg);padding:2px 8px}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent)}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip-autocomplete .cm-completionDetail{font-family:var(--opf-ui-font);color:var(--opf-ui-muted-fg);margin-left:12px;font-style:normal}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionDetail{color:inherit;opacity:.85}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip-autocomplete .cm-completionMatchedText{font-weight:600;text-decoration:none}:root :is(.opf-ui,.opf-json,.opf-code) .cm-tooltip .cm-completionInfo{max-width:280px;font:12px/1.45 var(--opf-ui-font);white-space:pre-wrap;color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);padding:6px 8px}:is(.opf-ui,.opf-json,.opf-code) .cm-diagnostic-error{border-left-color:var(--opf-ui-danger)}:is(.opf-ui,.opf-json,.opf-code) .cm-diagnostic-warning{border-left-color:var(--opf-ui-warn)}:is(.opf-ui,.opf-json,.opf-code) .json-field-menu{color:var(--opf-ui-fg)!important;background:var(--opf-ui-surface)!important;border-color:var(--opf-ui-border)!important;border-radius:var(--opf-ui-radius-lg)!important;box-shadow:var(--opf-ui-shadow-pop)!important;font-family:var(--opf-ui-font)!important}:is(.opf-ui,.opf-json,.opf-code) .json-field-menu button[role=option]:hover,:is(.opf-ui,.opf-json,.opf-code) .json-field-menu button.is-highlighted{background:var(--opf-ui-muted)!important}:is(.opf-ui,.opf-json,.opf-code) .json-field-menu input{color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius)}:is(.opf-ui,.opf-json,.opf-code) .json-field-hint,:is(.opf-ui,.opf-json,.opf-code) .json-field-footnote,:is(.opf-ui,.opf-json,.opf-code) .json-field-regions,:is(.opf-ui,.opf-json,.opf-code) .json-field-group{color:var(--opf-ui-muted-fg)!important}.restore-banner{font-family:var(--opf-ui-font);color:var(--opf-ui-fg);background:color-mix(in srgb, var(--opf-ui-warn) 10%, var(--opf-ui-surface));border-bottom:1px solid color-mix(in srgb, var(--opf-ui-warn) 40%, var(--opf-ui-border));flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.restore-banner[hidden]{display:none}.restore-text{flex:320px;margin:0;font-size:13px}.restore-note{font:11.5px/1.4 var(--opf-ui-mono);color:var(--opf-ui-muted-fg);flex:100%;margin:0}.restore-actions{flex-wrap:wrap;gap:8px;display:flex}.restore-banner button{min-height:var(--opf-ui-control-h);font:500 13px/1.2 var(--opf-ui-font);color:var(--opf-ui-fg);background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);cursor:pointer;transition:background-color var(--opf-ui-ease), border-color var(--opf-ui-ease);justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.restore-banner button:hover:not(:disabled){background:var(--opf-ui-muted);border-color:var(--opf-ui-border-strong)}.restore-banner button.primary{color:var(--opf-ui-accent-fg);background:var(--opf-ui-accent);border-color:var(--opf-ui-accent)}.restore-banner button:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.restore-banner button:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){:root .opf-find *,:root .opf-crop *,:root .opf-grid *,:root .opf-review *,.opf-design-controls *,.opf-template-panel *,.opf-numbering-panel *,.opf-chart-options *,.opf-slides *,.opf-menu *,.opf-outline *,.restore-banner *{transition:none!important}}.opf-presenter,.opf-presenter *,.opf-presenter :before,.opf-presenter :after{box-sizing:border-box}.opf-presenter[hidden]{display:none!important}.opf-presenter{z-index:2000;font-family:var(--opf-ui-font);color:var(--opf-ui-fg);-webkit-user-select:none;user-select:none;touch-action:none;background:#000;outline:none;justify-content:center;align-items:center;font-size:13px;line-height:1.4;display:flex;position:fixed;inset:0;overflow:hidden}.opf-presenter[data-chrome=hidden]{cursor:none}.opf-presenter .opf-presenter-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.opf-presenter .opf-presenter-slide svg{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.opf-presenter .opf-presenter-message{border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);background:var(--opf-ui-surface);max-width:40ch;color:var(--opf-ui-muted-fg);text-align:center;font:400 13px/1.5 var(--opf-ui-font);margin:0;padding:12px 16px;position:absolute}.opf-presenter .opf-presenter-message[hidden]{display:none}.opf-presenter .opf-presenter-live{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opf-presenter .opf-presenter-counter,.opf-presenter .opf-presenter-close{background:var(--opf-ui-surface);color:var(--opf-ui-muted-fg);border:1px solid var(--opf-ui-border);opacity:0;transition:opacity var(--opf-ui-ease), color var(--opf-ui-ease), border-color var(--opf-ui-ease);position:absolute}.opf-presenter[data-chrome=visible] .opf-presenter-counter,.opf-presenter[data-chrome=visible] .opf-presenter-close,.opf-presenter .opf-presenter-close:focus-visible{opacity:1}.opf-presenter .opf-presenter-counter{border-radius:var(--opf-ui-radius);width:max-content;font:500 11.5px/1.4 var(--opf-ui-mono);letter-spacing:.04em;pointer-events:none;margin:0 auto;padding:4px 10px;bottom:16px;left:0;right:0}.opf-presenter .opf-presenter-close{width:var(--opf-ui-control-h);height:var(--opf-ui-control-h);border-radius:var(--opf-ui-radius);font:inherit;cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;top:16px;right:16px}.opf-presenter .opf-presenter-close:hover{color:var(--opf-ui-fg);background:var(--opf-ui-muted)}.opf-presenter .opf-presenter-close:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-presenter .opf-icon{flex:none}.opf-present-button,.opf-present-button *,.opf-present-button :before,.opf-present-button :after{box-sizing:border-box}.opf-present-button{width:var(--opf-ui-control-h);height:var(--opf-ui-control-h);border-radius:var(--opf-ui-radius);color:var(--opf-ui-muted-fg);font:inherit;cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease), opacity var(--opf-ui-ease);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.opf-present-button:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg)}.opf-present-button[data-variant=primary]{border-color:var(--opf-ui-accent);background:var(--opf-ui-accent);color:var(--opf-ui-accent-fg)}.opf-present-button[data-variant=primary]:hover{background:var(--opf-ui-accent);color:var(--opf-ui-accent-fg);opacity:.92}.opf-present-button:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-present-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.opf-present-button[aria-disabled=true]:hover{color:var(--opf-ui-muted-fg);background:0 0}.opf-present-button[data-variant=primary][aria-disabled=true]:hover{background:var(--opf-ui-accent);color:var(--opf-ui-accent-fg);opacity:.5}.opf-present-button .opf-icon{flex:none}@media (prefers-reduced-motion:reduce){.opf-presenter .opf-presenter-counter,.opf-presenter .opf-presenter-close,.opf-present-button{transition:none}}.opf-source{--_h:var(--opf-ui-control-h);--_bar:40px;background:var(--opf-ui-code-bg);min-width:0;height:100%;min-height:0;color:var(--opf-ui-fg);font-family:var(--opf-ui-font);flex-direction:column;font-size:13px;display:flex;position:relative}.opf-source[data-density=touch]{--_h:40px;--_bar:48px}.opf-source [hidden]{display:none!important}.opf-source button{font:inherit;color:inherit}.opf-source-bar{min-height:var(--_bar);border-bottom:1px solid var(--opf-ui-code-border);flex:none;align-items:center;gap:14px;padding:0 8px 0 14px;display:flex}.opf-source-file{min-width:0;font:500 13px var(--opf-ui-mono);white-space:nowrap;align-items:center;gap:2px;display:flex;position:relative}.opf-source-name,.opf-source-format{min-height:calc(var(--_h) - 6px);border-radius:var(--opf-ui-radius-sm);font:inherit;cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;align-items:center;gap:3px;padding:2px 4px;display:inline-flex}.opf-source-name{color:var(--opf-ui-fg);cursor:text;text-overflow:ellipsis;max-width:24ch;margin-left:-4px;overflow:hidden}.opf-source-name:disabled{cursor:default}.opf-source-format{color:var(--opf-ui-muted-fg);padding-left:5px}.opf-source-name:not(:disabled):hover,.opf-source-format:hover{background:var(--opf-ui-muted)}.opf-source-format:hover,.opf-source-format[aria-expanded=true]{color:var(--opf-ui-fg)}.opf-source-format[aria-expanded=true]{background:var(--opf-ui-muted)}.opf-source-name-input{box-sizing:content-box;min-height:calc(var(--_h) - 10px);border:1px solid var(--opf-ui-ring);border-radius:var(--opf-ui-radius-sm);background:var(--opf-ui-surface);color:var(--opf-ui-fg);font:inherit;outline:none;margin-left:-5px;padding:2px 4px}.opf-source-actions{gap:2px;margin-left:auto;display:flex}.opf-source-action{width:var(--_h);height:var(--_h);border-radius:var(--opf-ui-radius);color:var(--opf-ui-muted-fg);cursor:pointer;transition:background-color var(--opf-ui-ease), color var(--opf-ui-ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.opf-source-action:hover{background:var(--opf-ui-muted);color:var(--opf-ui-fg)}.opf-source-action:disabled{opacity:.4;cursor:default}.opf-source-action:disabled:hover{color:var(--opf-ui-muted-fg);background:0 0}.opf-source-icon{flex:none}.opf-source[data-density=touch] .opf-source-icon-braces,.opf-source[data-density=touch] .opf-source-icon-copy,.opf-source[data-density=touch] .opf-source-icon-download,.opf-source[data-density=touch] .opf-source-icon-check{width:16px;height:16px}:where(.opf-source button,.opf-source input):focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-source-name-input:focus-visible{outline-offset:0}.opf-source-menu{z-index:6;border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius-md);background:var(--opf-ui-surface);width:264px;box-shadow:var(--opf-ui-shadow-pop);font-family:var(--opf-ui-font);white-space:normal;padding:4px;position:absolute;top:calc(100% + 4px);left:0}.opf-source-menu-heading{color:var(--opf-ui-muted-fg);font:500 10.5px var(--opf-ui-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 10px 4px}.opf-source-menu-item{width:100%;min-height:var(--_h);text-align:left;cursor:pointer;transition:background-color var(--opf-ui-ease);background:0 0;border:0;border-radius:5px;align-items:flex-start;gap:8px;padding:7px 10px;display:flex}.opf-source-menu-item:hover,.opf-source-menu-item:focus-visible{background:var(--opf-ui-muted)}.opf-source-menu-item[aria-checked=true]{background:color-mix(in srgb, var(--opf-ui-accent) 8%, transparent)}.opf-source-menu-item[aria-checked=true]:hover{background:color-mix(in srgb, var(--opf-ui-accent) 14%, transparent)}.opf-source-menu-item:focus-visible{outline-offset:-2px}.opf-source-menu-check{width:14px;height:18px;color:var(--opf-ui-accent-strong);visibility:hidden;place-items:center;display:grid}.opf-source-menu-item[aria-checked=true] .opf-source-menu-check{visibility:visible}.opf-source-menu-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.opf-source-menu-label{font-size:13px;font-weight:500;line-height:18px}.opf-source-menu-description{color:var(--opf-ui-muted-fg);font-size:12px;line-height:16px}.opf-source-menu-extension{color:var(--opf-ui-muted-fg);font:11px/18px var(--opf-ui-mono)}.opf-source-code{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.opf-source-code>.cm-editor{min-width:0;height:100%;color:var(--opf-ui-fg);background:0 0;border:0;border-radius:0;flex:1}.opf-source-code .cm-editor.cm-focused{outline:none}.opf-source-code .cm-scroller{font:400 13.5px/22px var(--opf-ui-mono);overflow:auto}.opf-source[data-density=touch] .opf-source-code .cm-scroller{font-size:13px;line-height:21px}.opf-source-code .cm-content{caret-color:var(--opf-ui-fg);padding:16px 16px 16px 4px}.opf-source-code .cm-line{padding:0 2px}.opf-source-code .cm-gutters{color:color-mix(in srgb, var(--opf-ui-muted-fg) 60%, transparent);background:0 0;border:0}.opf-source-code .cm-lineNumbers .cm-gutterElement{text-align:right;min-width:30px;padding:0 12px 0 0;font-size:11px}.opf-source-code .cm-activeLine{background:0 0}.opf-source-code .cm-selectionBackground,.opf-source-code .cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--opf-ui-accent) 16%, transparent)}.opf-source-code .cm-cursor{border-left-color:var(--opf-ui-fg)}.opf-source-code .tok-key{color:var(--opf-ui-accent-strong)}.opf-source-code .tok-str{color:var(--opf-ui-fg)}.opf-source-code .tok-num{color:var(--opf-ui-warn)}.opf-source-code .tok-punct,.opf-source-code .tok-brace,.opf-source-code .tok-comment,.opf-source-code .tok-meta{color:var(--opf-ui-muted-fg)}.opf-source-code .tok-head{color:var(--opf-ui-accent-strong);font-weight:600}.opf-source-code .tok-comment{font-style:italic}.opf-source-code .code-key.is-active{background:color-mix(in srgb, var(--opf-ui-accent) 10%, transparent);border-radius:var(--opf-ui-radius-sm)}.opf-source-code .cm-line.is-hover{background:color-mix(in srgb, var(--opf-ui-accent) 6%, transparent)}.opf-source-code .cm-panels{background:var(--opf-ui-surface);color:var(--opf-ui-fg);border-color:var(--opf-ui-border)}.opf-source-code .cm-tooltip{background:var(--opf-ui-surface);border:1px solid var(--opf-ui-border);border-radius:var(--opf-ui-radius);color:var(--opf-ui-fg)}.opf-source-code .cm-lintRange-error{-webkit-text-decoration:underline wavy var(--opf-ui-danger);text-decoration:underline wavy var(--opf-ui-danger);background-image:none}.opf-source-findings{border-top:1px solid var(--opf-ui-code-border);background:color-mix(in srgb, var(--opf-ui-danger) 5%, transparent);flex-direction:column;flex:none;max-height:40%;display:flex}.opf-source-findings[data-tone=warning]{background:color-mix(in srgb, var(--opf-ui-warn) 6%, transparent)}.opf-source-findings[data-tone=info]{background:var(--opf-ui-muted-2)}.opf-source-findings-toggle{width:100%;min-height:var(--_h);color:var(--opf-ui-danger);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0 10px 0 14px;font-size:12px;font-weight:500;display:flex}.opf-source-findings[data-tone=warning] .opf-source-findings-toggle{color:var(--opf-ui-warn)}.opf-source-findings[data-tone=info] .opf-source-findings-toggle{color:var(--opf-ui-muted-fg)}.opf-source-findings-toggle>.opf-source-icon{transition:transform var(--opf-ui-ease);margin-left:auto}.opf-source-findings-toggle[aria-expanded=false]>.opf-source-icon{transform:rotate(-90deg)}.opf-source-findings-icon{place-items:center;display:inline-grid}.opf-source-findings-list{flex-direction:column;gap:2px;margin:0;padding:0 8px 8px;list-style:none;display:flex;overflow:auto}.opf-source-finding{width:100%;min-height:calc(var(--_h) - 4px);border-radius:var(--opf-ui-radius-sm);text-align:left;cursor:pointer;transition:background-color var(--opf-ui-ease);background:0 0;border:0;align-items:baseline;gap:8px;padding:3px 6px;font-size:12.5px;display:flex}.opf-source-finding:hover{background:var(--opf-ui-muted)}.opf-source-finding-path{border-radius:var(--opf-ui-radius-sm);background:color-mix(in srgb, var(--opf-ui-danger) 10%, transparent);color:var(--opf-ui-danger);font:12px var(--opf-ui-mono);flex:none;padding:1px 5px}.opf-source-finding[data-severity=warning] .opf-source-finding-path{background:color-mix(in srgb, var(--opf-ui-warn) 12%, transparent);color:var(--opf-ui-warn)}.opf-source-finding[data-severity=info] .opf-source-finding-path{background:var(--opf-ui-muted);color:var(--opf-ui-muted-fg)}.opf-source-finding-message{min-width:0;color:var(--opf-ui-muted-fg);overflow-wrap:anywhere}.opf-source-finding-line{color:var(--opf-ui-muted-fg);font:11px var(--opf-ui-mono);flex:none;margin-left:auto}.opf-source-finding-more{color:var(--opf-ui-muted-fg);padding:3px 6px;font-size:12px}.opf-source-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.opf-source *,.opf-source :before{transition:none!important}}.opf-thumbs{box-sizing:border-box;min-width:0;min-height:0;font-family:var(--opf-ui-font);color:var(--opf-ui-fg);scrollbar-width:thin;position:relative}.opf-thumbs[data-orientation=horizontal]{overflow:auto hidden}.opf-thumbs[data-orientation=vertical]{overflow:hidden auto}.opf-thumbs-list{gap:12px;margin:0;padding:6px;list-style:none;display:flex}.opf-thumbs[data-orientation=horizontal] .opf-thumbs-list{flex-direction:row;align-items:flex-start;width:max-content}.opf-thumbs[data-orientation=vertical] .opf-thumbs-list{flex-direction:column}.opf-thumbs[data-density=touch] .opf-thumbs-list{gap:16px}.opf-thumbs-slot{width:var(--opf-thumbs-w);flex:none}.opf-thumbs-item{box-sizing:border-box;white-space:normal;border-radius:var(--opf-ui-radius-sm);width:100%;min-height:0;color:var(--opf-ui-muted-fg);font-weight:400;font:inherit;text-align:left;cursor:pointer;transition:color var(--opf-ui-ease);background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;margin:0;padding:0;display:flex}.opf-thumbs-item:hover{color:var(--opf-ui-fg)}.opf-thumbs-item[aria-current=true]{color:var(--opf-ui-accent-strong)}.opf-thumbs-item:focus-visible{outline:2px solid var(--opf-ui-ring);outline-offset:2px}.opf-thumbs-frame{box-sizing:border-box;width:100%;aspect-ratio:var(--opf-thumbs-ratio);background:var(--opf-ui-muted-2);box-shadow:0 0 0 1px var(--opf-ui-border);outline-offset:2px;transition:outline-color var(--opf-ui-ease);pointer-events:none;border-radius:3px;outline:2px solid #0000;display:block;overflow:hidden}.opf-thumbs-item[aria-current=true] .opf-thumbs-frame{outline-color:var(--opf-ui-accent)}.opf-thumbs-frame>svg{width:100%;height:auto;display:block}.opf-thumbs-frame[data-state=error]{font:11.5px/1.3 var(--opf-ui-mono);text-align:center;color:var(--opf-ui-muted-fg);place-items:center;padding:4px;display:grid}.opf-thumbs-item[data-hidden=true] .opf-thumbs-frame{opacity:.55}.opf-thumbs-label{white-space:nowrap;gap:6px;width:100%;min-width:0;font-size:12px;line-height:1.4;display:flex;position:relative}.opf-thumbs-index{font-family:var(--opf-ui-mono);flex:none}.opf-thumbs-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.opf-thumbs-title[data-untitled=true]{font-style:italic}.opf-thumbs-note{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opf-thumbs[data-density=touch] .opf-thumbs-item{min-height:40px}.opf-thumbs[data-density=touch] .opf-thumbs-label{font-size:12.5px}@media (prefers-reduced-motion:reduce){.opf-thumbs-item,.opf-thumbs-frame{transition:none}}