@oh-just-another/diagram 0.3.1 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/.tsbuildinfo +1 -1
  3. package/dist/oja-diagram.global.js +44 -36
  4. package/dist/oja-diagram.global.js.map +4 -4
  5. package/dist/styles.generated.d.ts +1 -1
  6. package/dist/styles.generated.d.ts.map +1 -1
  7. package/dist/styles.generated.js +1 -1
  8. package/dist/styles.generated.js.map +1 -1
  9. package/package.json +4 -4
package/dist/styles.generated.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export declare const REACT_UI_STYLES = ":root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-hover-overlay: rgba(0, 0, 0, .05);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-text-on-accent: #ffffff;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-danger: #e54d2e;--du-success: #30a46c;--du-warning: #ffc53d;--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6;--du-tooltip-bg: var(--du-text);--du-tooltip-fg: var(--du-ui-bg-solid);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-radius-sm: 4px;--du-radius: 8px;--du-radius-lg: 12px;--du-radius-round: 999px;--du-control-size: 40px;--du-chrome-pad: 4px;--du-space-xs: 2px;--du-space-sm: 4px;--du-space-md: 8px;--du-space-lg: 12px;--du-space-xl: 16px;--du-space-2xl: 24px;--du-gap: var(--du-space-md);--du-gap-sm: var(--du-space-sm);--du-pad: var(--du-space-md);--du-pad-sm: var(--du-chrome-pad);--du-button-size: var(--du-control-size);--du-button-size-sm: var(--du-control-size);--du-touch-size: 44px;--du-icon-size: 24px;--du-icon-size-sm: 20px;--du-input-h: 36px;--du-control-h: 28px;--du-swatch-size: 32px;--du-switch-w: 30px;--du-switch-h: 18px;--du-key-h: 24px;--du-checkbox-size: 16px;--du-input-icon-size: 12px;--du-divider-h: var(--du-icon-size);--du-font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--du-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace;--du-font-size-xs: 10px;--du-font-size-sm: 12px;--du-font-size: 14px;--du-font-size-lg: 16px;--du-font-weight: 400;--du-font-weight-strong: 600;--du-line-height: 20px;--du-caps-tracking: .5px;--du-bar-inset: 12px;--du-dock-inset: 10px;--du-flyout-gap: 10px;--du-submenu-gap: 6px;--du-bar-height: calc(var(--du-button-size) + 2 * var(--du-pad-sm) + 2px);--du-bar-clear: calc(var(--du-bar-inset) + var(--du-bar-height) + var(--du-gap));--du-side-panel-w: 240px;--du-brand-h: 24px;--du-sidebar-w: 280px;--du-thread-w: 280px;--du-panel-row-h: var(--du-control-size);--du-menu-pad: var(--du-chrome-pad);--du-menu-min-w: 240px;--du-menu-radius: var(--du-radius);--du-menu-row-h: var(--du-control-size);--du-menu-row-pad-x: var(--du-space-xl);--du-menu-row-radius: var(--du-radius-sm);--du-menu-gutter: 24px;--du-menu-gap: var(--du-space-md);--du-menu-font: var(--du-font-size);--du-menu-shortcut-font: var(--du-font-size-sm);--du-menu-sep: var(--du-space-md);--du-popover-pad: var(--du-pad);--du-popover-min-w: 120px;--du-popover-max-w: 320px;--du-modal-pad-y: var(--du-space-xl);--du-modal-pad-x: 20px;--du-modal-gap: var(--du-space-lg);--du-modal-radius: var(--du-radius-lg);--du-modal-max-w: 560px;--du-modal-margin: 32px;--du-toast-inset: var(--du-space-xl);--du-toast-min-w: 240px;--du-toast-max-w: 360px;--du-tooltip-max-w: 260px;--du-z-canvas: 1;--du-z-ui: 100;--du-z-link-chrome: 1380;--du-z-floating: 1500;--du-z-popover: 1600;--du-z-drop-overlay: 1650;--du-z-context-menu: 1700;--du-z-modal: 1800;--du-z-toast: 1900;--du-z-tooltip: 10000;--du-motion-fast: .12s ease;--du-motion-press: .05s ease;--du-motion-sheet: .18s ease}@media(prefers-color-scheme:dark){:root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}}[data-theme=light]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-hover-overlay: rgba(0, 0, 0, .05);--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6}:root,[data-theme=light],[data-theme=dark]{--bg: var(--du-canvas-bg);--panel: var(--du-ui-bg-solid);--surface: var(--du-ui-bg-solid);--text: var(--du-text);--muted: var(--du-text-muted);--border: var(--du-ui-border);--button-bg: var(--du-ui-bg-solid);--button-hover-bg: var(--du-ui-bg);--accent: var(--du-accent);--menu-bg: var(--du-ui-bg-solid);--menu-text: var(--du-text);--menu-border: var(--du-ui-border);--menu-divider: var(--du-ui-border);--divider: var(--du-ui-border);--text-strong: var(--du-text);--faint: var(--du-text-muted);--toolbar-bg: var(--du-ui-bg-solid);--cursor-bg: var(--du-selected-bg);--code-bg: var(--du-ui-bg-solid);--font-mono: var(--du-font-mono);--panel-fg: var(--du-text);--du-accent-strong: var(--du-accent-hover)}[data-theme=dark]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}.du-canvas-surface,.du-canvas-surface:focus,.du-canvas-surface:focus-visible{outline:none}.du-ui-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--du-z-ui)}.du-ui-layer>*{pointer-events:auto}.du-bar{position:absolute;left:var(--du-bar-inset);right:var(--du-bar-inset);display:flex;justify-content:space-between;align-items:center;gap:var(--du-gap);pointer-events:none}.du-bar>*{pointer-events:auto}.du-bar-top{top:var(--du-bar-inset)}.du-bar-bottom{bottom:var(--du-bar-inset)}.du-bar-zone{display:inline-flex;align-items:center;gap:var(--du-gap)}.du-bar-zone-center{margin:0 auto}.du-icon-button{width:var(--du-button-size);height:var(--du-button-size);display:inline-flex;align-items:center;justify-content:center;background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;box-shadow:var(--du-ui-shadow);transition:background var(--du-motion-fast),color var(--du-motion-fast),transform var(--du-motion-press);padding:0;outline:none;user-select:none}.du-icon-button:hover:not(:disabled){background:var(--du-ui-bg-solid)}.du-icon-button:active:not(:disabled){transform:scale(.96)}.du-icon-button:disabled{opacity:.4;cursor:not-allowed}.du-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-icon-button[aria-pressed=true],.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:var(--du-selected-bg)}.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-icon-button-sm{width:var(--du-button-size-sm);height:var(--du-button-size-sm);font-size:var(--du-font-size-sm)}.du-icon-button-flat{background:transparent;border:none;box-shadow:none;border-radius:var(--du-radius-sm);width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-icon-button-flat:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm)}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border-radius:var(--du-radius-sm)}.du-popover .du-button-group{padding:0;background:transparent;border:0;box-shadow:none}.du-button-group-vertical{flex-direction:column;align-items:stretch}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border:none;box-shadow:none;border-radius:var(--du-radius-sm);background:transparent;width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-button-size-sm)!important;min-width:var(--du-button-size-sm)!important;padding:0!important}@media(pointer:coarse),(max-width:640px){.du-bar-top{top:calc(var(--du-bar-inset) + env(safe-area-inset-top,0px))}.du-bar-bottom{bottom:calc(var(--du-bar-inset) + env(safe-area-inset-bottom,0px))}.du-bar{left:calc(var(--du-bar-inset) + env(safe-area-inset-left,0px));right:calc(var(--du-bar-inset) + env(safe-area-inset-right,0px))}.du-button-group-vertical{max-height:calc(100vh - 2 * var(--du-bar-inset) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;scrollbar-width:none}.du-button-group-vertical::-webkit-scrollbar{display:none}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-touch-size)!important;min-width:var(--du-touch-size)!important;height:var(--du-touch-size)!important}}.du-button-group>.du-icon-button:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group>.du-icon-button[aria-pressed=true],.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true],.du-button-group>.du-icon-button.is-active,.du-button-group>.du-shapes-wrap>.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-button-group>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-icon-button.is-active:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-side-panel{position:absolute;top:var(--du-bar-clear);bottom:var(--du-bar-clear);width:var(--du-side-panel-w);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);display:flex;flex-direction:column;overflow:hidden}.du-side-panel-left{left:var(--du-bar-inset)}.du-side-panel-right{right:var(--du-bar-inset)}.du-side-panel.du-side-panel-sheet{position:static;inset:auto;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.du-side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-side-panel-header:empty{display:none}.du-side-panel-title{font-size:var(--du-font-size);font-weight:600;color:var(--du-text);text-transform:none;letter-spacing:normal}.du-side-panel-auto-height{bottom:auto;max-height:calc(100% - 2 * var(--du-bar-clear))}.du-side-panel-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-side-panel-body-flush{padding:0}.du-side-panel-static{position:static;top:auto;bottom:auto;min-height:0;max-height:100%}.du-panel-list{display:flex;flex-direction:column;padding:var(--du-pad-sm)}.du-panel-row{all:unset;display:flex;align-items:center;gap:var(--du-gap-sm);box-sizing:border-box;width:100%;min-height:var(--du-panel-row-h);padding:0 var(--du-pad-sm) 0 var(--du-pad);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);cursor:pointer}.du-panel-row:hover{background:var(--du-hover-overlay)}.du-panel-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-panel-row.is-muted{opacity:.55}.du-panel-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-panel-row-stack{flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:var(--du-pad-sm) var(--du-pad);text-align:left}.du-panel-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-panel-row-label.is-muted{color:var(--du-text-muted)}.du-panel-row.is-active .du-panel-row-label.is-muted{color:inherit}.du-panel-row-meta{display:flex;gap:var(--du-gap-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-panel-row-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-panel-row.is-active .du-panel-row-meta,.du-panel-row.is-active .du-panel-row-meta>strong{color:inherit}.du-panel-row-meta-end{margin-left:auto}.du-panel-empty{padding:var(--du-space-xl) var(--du-pad);font-size:var(--du-font-size-sm);line-height:var(--du-line-height);color:var(--du-text-muted)}.du-panel-input{flex:1;min-width:0;height:var(--du-input-h);box-sizing:border-box;padding:0 var(--du-space-md);font:inherit;font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-panel-input::placeholder{color:var(--du-text-muted)}.du-panel-input:focus{border-color:var(--du-accent)}.du-icon-button-flat.is-muted{opacity:.4}.du-icon-button-flat.is-muted:hover:not(:disabled){opacity:1}.du-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--du-gap-sm);height:var(--du-button-size-sm);padding:0 var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);font-weight:var(--du-font-weight);line-height:1;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--du-motion-fast),color var(--du-motion-fast)}.du-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button:disabled{cursor:not-allowed;opacity:.4}.du-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:transparent}.du-button-primary{background:var(--du-accent);color:var(--du-text-on-accent);border-color:transparent}.du-button-primary:hover:not(:disabled){background:var(--du-accent-hover)}.du-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-sidebar{display:flex;flex-direction:column;width:var(--du-sidebar-w);min-height:0;font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg-solid)}.du-sidebar-right{border-left:1px solid var(--du-ui-border)}.du-sidebar-left{border-right:1px solid var(--du-ui-border)}.du-sidebar-header{padding:var(--du-space-lg) var(--du-space-xl);font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-tabs{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--du-pad)}.du-sidebar-section{padding:var(--du-pad) var(--du-space-lg);border-bottom:1px solid var(--du-ui-border)}.du-thread{position:absolute;top:var(--du-bar-inset);right:var(--du-bar-inset);z-index:var(--du-z-popover);display:flex;flex-direction:column;width:var(--du-thread-w);max-height:70vh;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow)}.du-thread-header{display:flex;align-items:center;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-thread-status{flex:1;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-thread-item{position:relative;padding-right:var(--du-button-size-sm);margin-bottom:var(--du-space-lg)}.du-thread-item:last-child{margin-bottom:0}.du-thread-item-remove{position:absolute;top:0;right:0}.du-thread-item-meta{margin-bottom:var(--du-space-xs);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-item-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-thread-item-body{white-space:pre-wrap}.du-thread-form{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-top:1px solid var(--du-ui-border)}.du-palette{display:flex;flex-direction:column;min-height:0;color:var(--du-text);width:100%}.du-palette-body{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.du-palette-section{padding:0 var(--du-menu-pad)}.du-palette-category{width:100%;background:transparent;color:var(--du-text-muted);border:none;padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font:inherit;font-size:var(--du-menu-shortcut-font);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm)}.du-palette-category-caret{display:inline-flex;align-items:center;opacity:.6}.du-palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--du-gap-sm);align-content:start;padding:0 var(--du-pad) var(--du-pad-sm)}.du-palette-section>.du-palette-grid{padding:0}.du-palette-list{display:flex;flex-direction:column;padding:0 var(--du-menu-pad)}.du-palette-section>.du-palette-list{padding:0}.du-palette-list .du-palette-item{flex-direction:row;align-items:center;justify-content:flex-start;aspect-ratio:auto;gap:var(--du-menu-gap);min-height:var(--du-panel-row-h);padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);text-align:left;font-size:var(--du-menu-font);line-height:var(--du-line-height)}.du-palette-list .du-palette-item-icon{width:var(--du-icon-size)!important;height:var(--du-icon-size)!important;flex:0 0 auto}.du-palette-list .du-palette-item-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-palette-empty{padding:var(--du-space-2xl) var(--du-space-lg);text-align:center;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--du-space-sm);aspect-ratio:1;padding:var(--du-space-sm);background:transparent;color:var(--du-text);border:none;border-radius:var(--du-radius-sm);cursor:grab;text-align:center;font-size:var(--du-font-size-xs);line-height:1.1;transition:background var(--du-motion-fast)}.du-palette-item:hover{background:var(--du-hover-overlay)}.du-palette-item:active{cursor:grabbing}.du-palette-item-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--du-text)}.du-palette-item-icon svg{width:100%;height:100%;display:block}.du-palette-item-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.du-prop-panel{display:flex;flex-direction:column;gap:var(--du-space-xl);padding:var(--du-space-sm) 0;color:var(--du-text);font-size:var(--du-font-size-sm)}.du-prop-section{display:flex;flex-direction:column;gap:var(--du-space-sm)}.du-prop-section-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-prop-row{display:flex;align-items:center;gap:var(--du-gap-sm);flex-wrap:wrap}.du-prop-row-label{font-size:var(--du-font-size-sm);color:var(--du-text-muted);min-width:48px}.du-prop-empty{font-style:italic;color:var(--du-text-muted);font-size:var(--du-font-size-sm)}.du-prop-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-prop-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-prop-checkbox{display:inline-flex;align-items:center;gap:var(--du-space-sm);cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text);user-select:none}.du-prop-checkbox input[type=checkbox]{width:var(--du-checkbox-size);height:var(--du-checkbox-size);margin:0;accent-color:var(--du-selected-fg);cursor:pointer}.du-swatch-grid{display:inline-flex;flex-wrap:wrap;gap:var(--du-space-sm);max-width:calc(8 * var(--du-swatch-size) + 7 * var(--du-space-sm))}.du-swatch{position:relative;width:var(--du-swatch-size);height:var(--du-swatch-size);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow var(--du-motion-fast);-webkit-tap-highlight-color:transparent}.du-swatch:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--du-accent)}.du-swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--du-selected-fg)}.du-swatch-fill{display:inline-flex;align-items:center;justify-content:center;width:var(--du-control-h);height:var(--du-control-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box;transition:width var(--du-motion-fast),height var(--du-motion-fast),border-color var(--du-motion-fast)}.du-swatch:hover .du-swatch-fill,.du-swatch:focus-visible .du-swatch-fill{width:var(--du-swatch-size);height:var(--du-swatch-size)}.du-swatch-fill-blank,.du-swatch-custom .du-swatch-fill{background:var(--du-ui-bg-solid);color:var(--du-text-muted)}.du-swatch-color-input{position:absolute;inset:0;opacity:0;cursor:pointer;border:none;padding:0}.du-menu-panel{box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);font-size:var(--du-menu-font);color:var(--menu-text);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-menu-row{all:unset;box-sizing:border-box;display:flex;gap:var(--du-menu-gap);align-items:center;justify-content:space-between;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-menu-row:hover:not(:disabled),.du-menu-row.is-open{background:var(--du-hover-overlay)}.du-menu-row.is-active{background:var(--du-selected-bg)}.du-menu-row:disabled{cursor:not-allowed;opacity:.4}.du-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-menu-row-main{display:inline-flex;gap:var(--du-menu-gap);align-items:center;min-width:0}.du-menu-gutter{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--du-menu-gutter);color:var(--du-text-muted)}.du-menu-gutter.is-accent{color:var(--du-accent)}.du-menu-shortcut{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-menu-sep{margin:var(--du-menu-sep) 0;border:0;border-top:1px solid var(--menu-divider)}.du-menu-group-title{padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font-size:var(--du-menu-shortcut-font);letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted);text-transform:uppercase}.du-menu-submenu:before{content:\"\";position:absolute;top:0;bottom:0;right:100%;width:calc(var(--du-menu-pad) + 1px + var(--du-submenu-gap))}.du-modal-header{display:flex;gap:var(--du-modal-gap);align-items:center;justify-content:space-between;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-bottom:1px solid var(--du-ui-border)}.du-modal-body{padding:var(--du-modal-pad-y) var(--du-modal-pad-x);overflow-y:auto}.du-modal-footer{display:flex;gap:var(--du-gap);justify-content:flex-end;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-top:1px solid var(--du-ui-border)}.du-modal-title{margin:0;font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);color:var(--du-text)}.du-modal-subtitle{margin:var(--du-space-sm) 0 0;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:var(--du-space-sm);color:var(--du-text);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer}.du-modal-close:hover{background:var(--du-hover-overlay)}.du-modal-close:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-merge-conflict{margin-bottom:var(--du-space-lg);padding:var(--du-space-md);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm)}.du-merge-conflict-title{margin-bottom:var(--du-space-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-merge-conflict-picks{display:flex;gap:var(--du-gap)}.du-merge-conflict-pick{display:flex;align-items:center;gap:var(--du-space-sm);font-size:var(--du-font-size-sm)}.du-toast{display:flex;align-items:flex-start;gap:var(--du-space-lg);min-width:var(--du-toast-min-w);max-width:var(--du-toast-max-w);padding:var(--du-space-md) var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);pointer-events:auto}.du-toast-message{flex:1}.du-toast-dismiss{padding:0;font-size:var(--du-font-size-lg);line-height:1;color:var(--du-text-muted);background:transparent;border:none;cursor:pointer}.du-toast-dismiss:hover{color:var(--du-text)}.du-sheet-grip{display:flex;justify-content:center;padding:var(--du-space-md) 0;cursor:grab;touch-action:none}.du-sheet-grip-bar{display:block;width:36px;height:var(--du-space-sm);border-radius:var(--du-radius-round);background:var(--du-text);opacity:.4}.du-sheet-body{flex:1;overflow-y:auto;padding:0 var(--du-space-lg) var(--du-space-lg)}.du-button-group>.du-brand,.du-brand{width:auto;min-width:var(--du-button-size);padding:0 var(--du-space-md);cursor:default}.du-brand:hover{background:transparent}.du-brand-logo{display:inline-flex;align-items:center;height:var(--du-brand-h)}.du-brand-logo>svg{display:block;height:var(--du-brand-h);width:auto}.du-brand-logo>.du-brand-logo-dark{display:none}@media(prefers-color-scheme:dark){.du-brand-logo>.du-brand-logo-light{display:none}.du-brand-logo>.du-brand-logo-dark{display:block}}[data-theme=light] .du-brand-logo>.du-brand-logo-light{display:block}[data-theme=light] .du-brand-logo>.du-brand-logo-dark{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-light{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-dark{display:block}.du-zoom-trigger{min-width:56px;padding:0 var(--du-space-md);font-variant-numeric:tabular-nums}.du-zoom-readout{display:inline-block;min-width:var(--du-button-size);text-align:center;font-variant-numeric:tabular-nums}.du-zoom-floating{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-toolbar-divider{flex:none;width:1px;height:var(--du-icon-size);margin:0 var(--du-space-sm);background:var(--du-ui-border)}.du-toolbar-divider.is-vertical{width:100%;height:1px;margin:var(--du-space-sm) 0}.du-minimap-dock{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-clear);z-index:var(--du-z-ui);overflow:hidden;background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-dock{position:absolute;top:round(50%,1px);z-index:var(--du-z-ui);translate:0 round(-50%,1px)}.du-drop-overlay{position:absolute;inset:0;z-index:var(--du-z-drop-overlay);pointer-events:none;background:color-mix(in srgb,var(--du-accent) 6%,transparent)}.du-drop-overlay-frame{position:absolute;inset:var(--du-bar-inset);display:flex;align-items:center;justify-content:center;border:2px dashed var(--du-accent);border-radius:var(--du-radius-lg)}.du-drop-overlay-card{display:flex;flex-direction:column;align-items:stretch;min-width:320px;max-width:min(560px,80%);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);overflow:hidden}.du-drop-overlay-center{display:flex;flex-direction:column;align-items:center;gap:var(--du-space-md);padding:var(--du-space-2xl) calc(2 * var(--du-space-2xl));color:var(--du-accent)}.du-drop-overlay-label{font-family:var(--du-font-family);font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);letter-spacing:.2em;text-transform:uppercase}.du-drop-overlay-types{display:flex;flex-direction:column;margin:0;padding:var(--du-space-md) var(--du-space-xl);border-top:1px solid var(--du-ui-border);list-style:none}.du-drop-type{display:flex;align-items:center;gap:var(--du-gap);min-height:var(--du-control-size);font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text)}.du-drop-type-label{font-weight:var(--du-font-weight-strong);white-space:nowrap}.du-drop-type-formats{font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-tool-options-dock{position:absolute;top:var(--du-bar-clear);right:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-switch{position:relative;flex:none;width:var(--du-switch-w);height:var(--du-switch-h);padding:0;background:var(--du-ui-border);border:0;border-radius:var(--du-radius-round);cursor:pointer;transition:background var(--du-motion-fast)}.du-switch.is-on{background:var(--du-accent)}.du-switch:disabled{cursor:not-allowed;opacity:.4}.du-switch-knob{position:absolute;top:var(--du-space-xs);left:var(--du-space-xs);width:calc(var(--du-switch-h) - 2 * var(--du-space-xs));height:calc(var(--du-switch-h) - 2 * var(--du-space-xs));background:var(--du-text-on-accent);border-radius:50%;box-shadow:var(--du-ui-shadow);transition:transform var(--du-motion-fast)}.du-switch.is-on .du-switch-knob{transform:translate(calc(var(--du-switch-w) - var(--du-switch-h)))}.du-switch:focus-visible{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider{display:flex;align-items:center;gap:var(--du-space-md);width:100%}.du-slider-track{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:var(--du-switch-h);margin:0;padding:0;cursor:pointer}.du-slider-track::-webkit-slider-runnable-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs)}.du-slider-track::-moz-range-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs);border:none}.du-slider-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);margin-top:-5px;cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track::-moz-range-thumb{width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track:focus{outline:none}.du-slider-track:focus-visible::-webkit-slider-thumb{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-number-input{width:64px;height:var(--du-control-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-sm);font:inherit;font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums;outline:none}.du-number-input:focus{border-color:var(--du-accent)}.du-side-panel-search{position:relative;padding:var(--du-pad-sm) var(--du-pad) var(--du-pad)}.du-side-panel-search input[type=search]{width:100%;height:var(--du-input-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-md) 0 calc(var(--du-space-md) + var(--du-input-icon-size) + var(--du-space-sm));font:inherit;font-size:var(--du-font-size-sm);outline:none}.du-side-panel-search input[type=search]::placeholder{color:var(--du-text-muted)}.du-side-panel-search input[type=search]:focus{border-color:var(--du-accent)}.du-side-panel-search-icon{position:absolute;left:calc(var(--du-pad) + var(--du-space-md));top:50%;transform:translateY(-50%);color:var(--du-text-muted);pointer-events:none}.du-pill-button{display:inline-flex;align-items:center;gap:var(--du-gap-sm);padding:0 var(--du-space-lg);height:var(--du-button-size);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-round);box-shadow:var(--du-ui-shadow);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;white-space:nowrap;transition:background var(--du-motion-fast),transform var(--du-motion-press)}.du-pill-button:hover{background:var(--du-ui-bg-solid)}.du-pill-button:active{transform:scale(.96)}.du-tooltip{background:var(--du-tooltip-bg);color:var(--du-tooltip-fg);padding:var(--du-space-sm) var(--du-space-md);border-radius:var(--du-radius-sm);font-size:var(--du-font-size-sm);line-height:1.4;white-space:nowrap;box-shadow:var(--du-ui-shadow);font-family:var(--du-font-family);max-width:var(--du-tooltip-max-w)}.du-help-islands{display:grid;gap:var(--du-space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.du-help-island{display:flex;flex-direction:column;gap:var(--du-space-md)}.du-help-island-title{margin:0;font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);color:var(--du-text)}.du-help-island-rows{border:1px solid var(--du-ui-border);border-radius:var(--du-radius);overflow:hidden}.du-help-row{display:flex;align-items:center;justify-content:space-between;gap:var(--du-space-lg);padding:var(--du-space-md) var(--du-space-lg);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);border-bottom:1px solid var(--du-ui-border)}.du-help-row:last-child{border-bottom:none}.du-help-row-label{min-width:0}.du-help-keys{display:inline-flex;align-items:center;gap:var(--du-space-sm);flex-shrink:0}.du-help-keys-separator{font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:0 var(--du-space-xs)}.du-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-key-h);height:var(--du-key-h);padding:0 var(--du-space-sm);background:var(--du-selected-bg);color:var(--du-selected-fg);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);line-height:1;white-space:nowrap}.du-help-platform-badge{font-size:var(--du-font-size-sm);color:var(--du-text-muted);text-transform:uppercase;letter-spacing:var(--du-caps-tracking)}.du-sel-panel{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm);font-size:var(--du-font-size-sm);color:var(--du-text);max-width:calc(100vw - 2 * var(--du-bar-inset));overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.du-sel-panel-dock{position:fixed;left:0;right:0;bottom:calc(var(--du-bar-clear) + env(safe-area-inset-bottom,0px));z-index:var(--du-z-floating);display:flex;justify-content:center;padding:0 var(--du-space-md);pointer-events:none}.du-sel-panel-mobile{pointer-events:auto;flex-direction:column;align-items:stretch;width:100%;max-width:var(--du-modal-max-w);overflow:visible;gap:var(--du-space-sm);padding:var(--du-space-md)}.du-sel-mobile-row{display:flex;align-items:center;gap:var(--du-gap-sm);width:100%}.du-sel-mobile-primary{display:flex;align-items:center;gap:var(--du-gap-sm);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.du-sel-mobile-primary::-webkit-scrollbar{display:none}.du-sel-mobile-expand{flex:0 0 auto}.du-sel-mobile-overflow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--du-gap-sm);border-top:1px solid var(--du-ui-border);padding-top:var(--du-space-md)}.du-sel-panel-mobile .du-sel-icon-button,.du-sel-panel-mobile .du-sel-color-trigger{width:var(--du-touch-size);height:var(--du-touch-size)}.du-sel-panel-mobile .du-button-group>.du-icon-button{width:var(--du-control-size);height:var(--du-control-size)}.du-sel-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-sel-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-sel-color-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.du-sel-color-trigger:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-color-trigger:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-color-swatch{display:inline-block;width:var(--du-divider-h);height:var(--du-divider-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box}.du-sel-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text)}.du-sel-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-sel-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-text-button{display:inline-flex;align-items:center;justify-content:center;height:var(--du-button-size-sm);min-width:var(--du-button-size-sm);padding:0 var(--du-space-md);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text);font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums}.du-sel-text-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-text-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-group{display:inline-flex;gap:var(--du-gap-sm);align-items:center}.du-sel-group:empty{display:none}.du-sel-group:not(:empty)~.du-sel-group:not(:empty):before{display:inline-block;width:1px;height:var(--du-divider-h);margin:0 var(--du-space-xs);content:\"\";background:var(--du-ui-border)}.du-popover{background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-popover-pad);font-size:var(--du-font-size-sm);color:var(--du-text);min-width:var(--du-popover-min-w);max-width:var(--du-popover-max-w)}.du-sel-popover-section{display:flex;flex-direction:column;gap:var(--du-space-md);min-width:0}.du-sel-popover-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-sel-menu-row{all:unset;display:flex;align-items:center;width:100%;min-height:var(--du-menu-row-h);box-sizing:border-box;padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);font-size:var(--du-menu-font);color:var(--du-text);cursor:pointer}.du-sel-menu-row:hover{background:var(--du-hover-overlay)}.du-sel-menu-row.is-active{background:var(--du-selected-bg)}.du-sel-link-input{width:220px;max-width:60vw;box-sizing:border-box;padding:var(--du-space-sm) var(--du-space-md);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-sel-link-input:focus-visible{outline:2px solid var(--du-accent);outline-offset:-1px}.du-link-popup{z-index:var(--du-z-link-chrome);margin-top:calc(-1 * var(--du-space-sm));pointer-events:auto}.du-sel-align-rows{display:flex;flex-direction:column;gap:var(--du-space-sm);padding:var(--du-space-sm)}.du-sel-align-rows-row{display:flex;gap:var(--du-space-sm);justify-content:center}.du-sel-name-input{width:140px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm)}.du-sel-name-input:hover,.du-sel-name-input:focus{border-color:var(--menu-border);outline:none}.du-sel-auto-size{width:auto;padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-size-letter{font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-emoji-grid{display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm)}.du-sel-emoji-item{width:var(--du-input-h);height:var(--du-input-h);padding:0;font-size:var(--du-font-size-lg);line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-emoji-item:hover{border-color:var(--menu-border)}.du-sel-tag-list{display:flex;flex-wrap:wrap;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-tag-pill{display:inline-flex;align-items:center;gap:var(--du-space-sm);padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius-round)}.du-sel-tag-remove{padding:0 var(--du-space-xs);font-size:var(--du-font-size-sm);line-height:1;color:inherit;background:transparent;border:0;cursor:pointer}.du-sticky-reactions{position:fixed;z-index:var(--du-z-link-chrome);display:flex;align-items:center;pointer-events:auto}.du-sticky-reaction-hit{position:fixed;z-index:var(--du-z-link-chrome);padding:0;background:transparent;border:0;border-radius:var(--du-radius-round);cursor:pointer}.du-sticky-reaction-picker{position:absolute;bottom:var(--du-key-h);left:0;display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-sel-swatch-ring{background:transparent;border:3px solid var(--menu-border)}.du-sel-preset-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--du-space-sm)}.du-sel-preset-item{padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-preset-item:hover{border-color:var(--du-accent)}.du-sel-alt-input{width:200px;padding:var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);resize:vertical}.du-link-badge{z-index:var(--du-z-link-chrome);display:inline-flex;align-items:center;justify-content:center;width:var(--du-divider-h);height:var(--du-divider-h);padding:0;color:var(--du-accent);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:50%;box-shadow:var(--du-ui-shadow);transform:translate(-40%,-60%);cursor:pointer;pointer-events:auto}.du-link-badge:hover{color:var(--du-accent-strong, var(--du-accent));border-color:var(--du-accent)}.du-link-popup-url{display:inline-flex;align-items:center;gap:var(--du-space-sm);max-width:280px;padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-accent);text-decoration:none;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);cursor:pointer}.du-link-popup-url:hover{background:var(--du-hover-overlay)}.du-link-popup-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.du-arrowhead-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--du-space-xs);margin-top:var(--du-space-sm)}.du-arrowhead-option{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-swatch-size);height:var(--du-swatch-size);padding:var(--du-space-xs);border:1px solid transparent;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-arrowhead-option:hover{background:var(--du-hover-overlay)}.du-arrowhead-option--active{border-color:var(--du-accent)}.du-arrowhead-none{font-size:var(--du-font-size);opacity:.6}.du-arrowhead-erd-label{font-size:var(--du-font-size-xs);line-height:1.05;text-align:center}.du-arrowhead-erd-toggle{margin-top:var(--du-space-sm);width:100%;text-align:left;border:none;background:transparent;cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:var(--du-space-xs) 0}.du-arrowhead-erd-toggle:hover{color:var(--du-text)}.du-link-caption-input{min-width:60px;max-width:220px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);line-height:1.25;text-align:center;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-accent);border-radius:var(--du-radius-sm);box-shadow:var(--du-ui-shadow);outline:none;resize:none;overflow:hidden}.du-link-drop-menu{display:flex;gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-link-drop-item{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:var(--du-space-sm);border:none;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-link-drop-item:hover{background:var(--du-hover-overlay)}.du-link-drop-item svg{width:100%;height:100%}.du-sel-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-sel-mask-tiles{display:flex;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-mask-list{display:flex;flex-direction:column;margin-bottom:var(--du-space-sm)}.du-sel-mask-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-sel-mask-row:hover{background:var(--du-hover-overlay)}.du-sel-mask-row.is-active{background:var(--du-selected-bg)}.du-sel-mask-ratio{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout{position:absolute;top:0;left:calc(100% + var(--du-pad-sm) + 1px + var(--du-flyout-gap));z-index:var(--du-z-ui);display:flex;flex-direction:column;box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-shapes-flyout-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-shapes-flyout-row:hover{background:var(--du-hover-overlay)}.du-shapes-flyout-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-shapes-flyout-row.is-active .du-shapes-flyout-hotkey{color:inherit}.du-shapes-flyout-hotkey{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout-divider{margin:var(--du-menu-sep) 0;border:none;border-top:1px solid var(--du-ui-border)}\n";
1
+ export declare const REACT_UI_STYLES = ":root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-hover-overlay: rgba(0, 0, 0, .05);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-text-on-accent: #ffffff;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-danger: #e54d2e;--du-success: #30a46c;--du-warning: #ffc53d;--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6;--du-tooltip-bg: var(--du-text);--du-tooltip-fg: var(--du-ui-bg-solid);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-radius-sm: 4px;--du-radius: 8px;--du-radius-lg: 12px;--du-radius-round: 999px;--du-control-size: 40px;--du-chrome-pad: 4px;--du-space-xs: 2px;--du-space-sm: 4px;--du-space-md: 8px;--du-space-lg: 12px;--du-space-xl: 16px;--du-space-2xl: 24px;--du-gap: var(--du-space-md);--du-gap-sm: var(--du-space-sm);--du-pad: var(--du-space-md);--du-pad-sm: var(--du-chrome-pad);--du-button-size: var(--du-control-size);--du-button-size-sm: var(--du-control-size);--du-touch-size: 44px;--du-icon-size: 24px;--du-icon-size-sm: 20px;--du-input-h: 36px;--du-control-h: 28px;--du-swatch-size: 32px;--du-switch-w: 30px;--du-switch-h: 18px;--du-key-h: 24px;--du-checkbox-size: 16px;--du-input-icon-size: 12px;--du-divider-h: var(--du-icon-size);--du-font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--du-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace;--du-font-size-xs: 10px;--du-font-size-sm: 12px;--du-font-size: 14px;--du-font-size-lg: 16px;--du-font-weight: 400;--du-font-weight-strong: 600;--du-line-height: 20px;--du-caps-tracking: .5px;--du-bar-inset: 12px;--du-dock-inset: 10px;--du-flyout-gap: 10px;--du-submenu-gap: 6px;--du-bar-height: calc(var(--du-button-size) + 2 * var(--du-pad-sm) + 2px);--du-bar-clear: calc(var(--du-bar-inset) + var(--du-bar-height) + var(--du-gap));--du-side-panel-w: 240px;--du-brand-h: 24px;--du-sidebar-w: 280px;--du-thread-w: 280px;--du-panel-row-h: var(--du-control-size);--du-menu-pad: var(--du-chrome-pad);--du-menu-min-w: 240px;--du-menu-radius: var(--du-radius);--du-menu-row-h: var(--du-control-size);--du-menu-row-pad-x: var(--du-space-xl);--du-menu-row-radius: var(--du-radius-sm);--du-menu-gutter: 24px;--du-menu-gap: var(--du-space-md);--du-menu-font: var(--du-font-size);--du-menu-shortcut-font: var(--du-font-size-sm);--du-menu-sep: var(--du-space-md);--du-popover-pad: var(--du-pad);--du-popover-min-w: 120px;--du-popover-max-w: 320px;--du-modal-pad-y: var(--du-space-xl);--du-modal-pad-x: 20px;--du-modal-gap: var(--du-space-lg);--du-modal-radius: var(--du-radius-lg);--du-modal-max-w: 560px;--du-modal-margin: 32px;--du-toast-inset: var(--du-space-xl);--du-toast-min-w: 240px;--du-toast-max-w: 360px;--du-tooltip-max-w: 260px;--du-z-canvas: 1;--du-z-ui: 100;--du-z-link-chrome: 1380;--du-z-floating: 1500;--du-z-popover: 1600;--du-z-drop-overlay: 1650;--du-z-context-menu: 1700;--du-z-modal: 1800;--du-z-toast: 1900;--du-z-tooltip: 10000;--du-motion-fast: .12s ease;--du-motion-press: .05s ease;--du-motion-sheet: .18s ease}@media(prefers-color-scheme:dark){:root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}}[data-theme=light]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-hover-overlay: rgba(0, 0, 0, .05);--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6}:root,[data-theme=light],[data-theme=dark]{--bg: var(--du-canvas-bg);--panel: var(--du-ui-bg-solid);--surface: var(--du-ui-bg-solid);--text: var(--du-text);--muted: var(--du-text-muted);--border: var(--du-ui-border);--button-bg: var(--du-ui-bg-solid);--button-hover-bg: var(--du-ui-bg);--accent: var(--du-accent);--menu-bg: var(--du-ui-bg-solid);--menu-text: var(--du-text);--menu-border: var(--du-ui-border);--menu-divider: var(--du-ui-border);--divider: var(--du-ui-border);--text-strong: var(--du-text);--faint: var(--du-text-muted);--toolbar-bg: var(--du-ui-bg-solid);--cursor-bg: var(--du-selected-bg);--code-bg: var(--du-ui-bg-solid);--font-mono: var(--du-font-mono);--panel-fg: var(--du-text);--du-accent-strong: var(--du-accent-hover)}[data-theme=dark]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}.du-canvas-surface,.du-canvas-surface:focus,.du-canvas-surface:focus-visible{outline:none}.du-ui-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--du-z-ui)}.du-ui-layer>*{pointer-events:auto}.du-bar{position:absolute;left:var(--du-bar-inset);right:var(--du-bar-inset);display:flex;justify-content:space-between;align-items:center;gap:var(--du-gap);pointer-events:none}.du-bar>*{pointer-events:auto}.du-bar-top{top:var(--du-bar-inset)}.du-bar-bottom{bottom:var(--du-bar-inset)}.du-bar-zone{display:inline-flex;align-items:center;gap:var(--du-gap)}.du-bar-zone-center{margin:0 auto}.du-icon-button{width:var(--du-button-size);height:var(--du-button-size);display:inline-flex;align-items:center;justify-content:center;background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;box-shadow:var(--du-ui-shadow);transition:background var(--du-motion-fast),color var(--du-motion-fast),transform var(--du-motion-press);padding:0;outline:none;user-select:none}.du-icon-button:hover:not(:disabled){background:var(--du-ui-bg-solid)}.du-icon-button:active:not(:disabled){transform:scale(.96)}.du-icon-button:disabled{opacity:.4;cursor:not-allowed}.du-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-icon-button[aria-pressed=true],.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:var(--du-selected-bg)}.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-icon-button-sm{width:var(--du-button-size-sm);height:var(--du-button-size-sm);font-size:var(--du-font-size-sm)}.du-icon-button-flat{background:transparent;border:none;box-shadow:none;border-radius:var(--du-radius-sm);width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-icon-button-flat:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm)}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border-radius:var(--du-radius-sm)}.du-popover .du-button-group{padding:0;background:transparent;border:0;box-shadow:none}.du-button-group-vertical{flex-direction:column;align-items:stretch}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border:none;box-shadow:none;border-radius:var(--du-radius-sm);background:transparent;width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-button-size-sm)!important;min-width:var(--du-button-size-sm)!important;padding:0!important}@media(pointer:coarse),(max-width:640px){.du-bar-top{top:calc(var(--du-bar-inset) + env(safe-area-inset-top,0px))}.du-bar-bottom{bottom:calc(var(--du-bar-inset) + env(safe-area-inset-bottom,0px))}.du-bar{left:calc(var(--du-bar-inset) + env(safe-area-inset-left,0px));right:calc(var(--du-bar-inset) + env(safe-area-inset-right,0px))}.du-button-group-vertical{max-height:calc(100vh - 2 * var(--du-bar-inset) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;scrollbar-width:none}.du-button-group-vertical::-webkit-scrollbar{display:none}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-touch-size)!important;min-width:var(--du-touch-size)!important;height:var(--du-touch-size)!important}}.du-button-group>.du-icon-button:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group>.du-icon-button[aria-pressed=true],.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true],.du-button-group>.du-icon-button.is-active,.du-button-group>.du-shapes-wrap>.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-button-group>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-icon-button.is-active:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-side-panel{position:absolute;top:var(--du-bar-clear);bottom:var(--du-bar-clear);width:var(--du-side-panel-w);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);display:flex;flex-direction:column;overflow:hidden}.du-side-panel-left{left:var(--du-bar-inset)}.du-side-panel-right{right:var(--du-bar-inset)}.du-side-panel.du-side-panel-sheet{position:static;inset:auto;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.du-side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-side-panel-header:empty{display:none}.du-side-panel-title{font-size:var(--du-font-size);font-weight:600;color:var(--du-text);text-transform:none;letter-spacing:normal}.du-side-panel-auto-height{bottom:auto;max-height:calc(100% - 2 * var(--du-bar-clear))}.du-side-panel-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-side-panel-body-flush{padding:0}.du-side-panel-static{position:static;top:auto;bottom:auto;min-height:0;max-height:100%}.du-panel-list{display:flex;flex-direction:column;padding:var(--du-pad-sm)}.du-panel-row{all:unset;display:flex;align-items:center;gap:var(--du-gap-sm);box-sizing:border-box;width:100%;min-height:var(--du-panel-row-h);padding:0 var(--du-pad-sm) 0 var(--du-pad);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);cursor:pointer}.du-panel-row:hover{background:var(--du-hover-overlay)}.du-panel-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-panel-row.is-muted{opacity:.55}.du-panel-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-panel-row-stack{flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:var(--du-pad-sm) var(--du-pad);text-align:left}.du-panel-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-panel-row-label.is-muted{color:var(--du-text-muted)}.du-panel-row.is-active .du-panel-row-label.is-muted{color:inherit}.du-panel-row-meta{display:flex;gap:var(--du-gap-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-panel-row-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-panel-row.is-active .du-panel-row-meta,.du-panel-row.is-active .du-panel-row-meta>strong{color:inherit}.du-panel-row-meta-end{margin-left:auto}.du-panel-empty{padding:var(--du-space-xl) var(--du-pad);font-size:var(--du-font-size-sm);line-height:var(--du-line-height);color:var(--du-text-muted)}.du-panel-input{flex:1;min-width:0;height:var(--du-input-h);box-sizing:border-box;padding:0 var(--du-space-md);font:inherit;font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-panel-input::placeholder{color:var(--du-text-muted)}.du-panel-input:focus{border-color:var(--du-accent)}.du-icon-button-flat.is-muted{opacity:.4}.du-icon-button-flat.is-muted:hover:not(:disabled){opacity:1}.du-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--du-gap-sm);height:var(--du-button-size-sm);padding:0 var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);font-weight:var(--du-font-weight);line-height:1;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--du-motion-fast),color var(--du-motion-fast)}.du-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button:disabled{cursor:not-allowed;opacity:.4}.du-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:transparent}.du-button-primary{background:var(--du-accent);color:var(--du-text-on-accent);border-color:transparent}.du-button-primary:hover:not(:disabled){background:var(--du-accent-hover)}.du-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-sidebar{display:flex;flex-direction:column;width:var(--du-sidebar-w);min-height:0;font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg-solid)}.du-sidebar-right{border-left:1px solid var(--du-ui-border)}.du-sidebar-left{border-right:1px solid var(--du-ui-border)}.du-sidebar-header{padding:var(--du-space-lg) var(--du-space-xl);font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-tabs{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--du-pad)}.du-sidebar-section{padding:var(--du-pad) var(--du-space-lg);border-bottom:1px solid var(--du-ui-border)}.du-thread{position:absolute;top:var(--du-bar-inset);right:var(--du-bar-inset);z-index:var(--du-z-popover);display:flex;flex-direction:column;width:var(--du-thread-w);max-height:70vh;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow)}.du-thread-header{display:flex;align-items:center;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-thread-status{flex:1;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-thread-item{position:relative;padding-right:var(--du-button-size-sm);margin-bottom:var(--du-space-lg)}.du-thread-item:last-child{margin-bottom:0}.du-thread-item-remove{position:absolute;top:0;right:0}.du-thread-item-meta{margin-bottom:var(--du-space-xs);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-item-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-thread-item-body{white-space:pre-wrap}.du-thread-form{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-top:1px solid var(--du-ui-border)}.du-palette{display:flex;flex-direction:column;min-height:0;color:var(--du-text);width:100%}.du-palette-body{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.du-palette-section{padding:0 var(--du-menu-pad)}.du-palette-category{width:100%;background:transparent;color:var(--du-text-muted);border:none;padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font:inherit;font-size:var(--du-menu-shortcut-font);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm)}.du-palette-category-caret{display:inline-flex;align-items:center;opacity:.6}.du-palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--du-gap-sm);align-content:start;padding:0 var(--du-pad) var(--du-pad-sm)}.du-palette-section>.du-palette-grid{padding:0}.du-palette-list{display:flex;flex-direction:column;padding:0 var(--du-menu-pad)}.du-palette-section>.du-palette-list{padding:0}.du-palette-list .du-palette-item{flex-direction:row;align-items:center;justify-content:flex-start;aspect-ratio:auto;gap:var(--du-menu-gap);min-height:var(--du-panel-row-h);padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);text-align:left;font-size:var(--du-menu-font);line-height:var(--du-line-height)}.du-palette-list .du-palette-item-icon{width:var(--du-icon-size)!important;height:var(--du-icon-size)!important;flex:0 0 auto}.du-palette-list .du-palette-item-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-palette-empty{padding:var(--du-space-2xl) var(--du-space-lg);text-align:center;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--du-space-sm);aspect-ratio:1;padding:var(--du-space-sm);background:transparent;color:var(--du-text);border:none;border-radius:var(--du-radius-sm);cursor:grab;text-align:center;font-size:var(--du-font-size-xs);line-height:1.1;transition:background var(--du-motion-fast)}.du-palette-item:hover{background:var(--du-hover-overlay)}.du-palette-item:active{cursor:grabbing}.du-palette-item-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--du-text)}.du-palette-item-icon svg{width:100%;height:100%;display:block}.du-palette-item-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.du-prop-panel{display:flex;flex-direction:column;gap:var(--du-space-xl);padding:var(--du-space-sm) 0;color:var(--du-text);font-size:var(--du-font-size-sm)}.du-prop-section{display:flex;flex-direction:column;gap:var(--du-space-sm)}.du-prop-section-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-prop-row{display:flex;align-items:center;gap:var(--du-gap-sm);flex-wrap:wrap}.du-prop-row-label{font-size:var(--du-font-size-sm);color:var(--du-text-muted);min-width:48px}.du-prop-empty{font-style:italic;color:var(--du-text-muted);font-size:var(--du-font-size-sm)}.du-prop-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-prop-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-prop-checkbox{display:inline-flex;align-items:center;gap:var(--du-space-sm);cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text);user-select:none}.du-prop-checkbox input[type=checkbox]{width:var(--du-checkbox-size);height:var(--du-checkbox-size);margin:0;accent-color:var(--du-selected-fg);cursor:pointer}.du-swatch-grid{display:inline-flex;flex-wrap:wrap;gap:var(--du-space-sm);max-width:calc(8 * var(--du-swatch-size) + 7 * var(--du-space-sm))}.du-swatch{position:relative;width:var(--du-swatch-size);height:var(--du-swatch-size);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow var(--du-motion-fast);-webkit-tap-highlight-color:transparent}.du-swatch:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--du-accent)}.du-swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--du-selected-fg)}.du-swatch-fill{display:inline-flex;align-items:center;justify-content:center;width:var(--du-control-h);height:var(--du-control-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box;transition:width var(--du-motion-fast),height var(--du-motion-fast),border-color var(--du-motion-fast)}.du-swatch:hover .du-swatch-fill,.du-swatch:focus-visible .du-swatch-fill{width:var(--du-swatch-size);height:var(--du-swatch-size)}.du-swatch-fill-blank,.du-swatch-custom .du-swatch-fill{background:var(--du-ui-bg-solid);color:var(--du-text-muted)}.du-swatch-color-input{position:absolute;inset:0;opacity:0;cursor:pointer;border:none;padding:0}.du-menu-panel{box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);font-size:var(--du-menu-font);color:var(--menu-text);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-menu-row{all:unset;box-sizing:border-box;display:flex;gap:var(--du-menu-gap);align-items:center;justify-content:space-between;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-menu-row:hover:not(:disabled),.du-menu-row.is-open{background:var(--du-hover-overlay)}.du-menu-row.is-active{background:var(--du-selected-bg)}.du-menu-row:disabled{cursor:not-allowed;opacity:.4}.du-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-menu-row-main{display:inline-flex;gap:var(--du-menu-gap);align-items:center;min-width:0}.du-menu-gutter{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--du-menu-gutter);color:var(--du-text-muted)}.du-menu-gutter.is-accent{color:var(--du-accent)}.du-menu-shortcut{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-menu-sep{margin:var(--du-menu-sep) 0;border:0;border-top:1px solid var(--menu-divider)}.du-menu-group-title{padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font-size:var(--du-menu-shortcut-font);letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted);text-transform:uppercase}.du-menu-submenu:before{content:\"\";position:absolute;top:0;bottom:0;right:100%;width:calc(var(--du-menu-pad) + 1px + var(--du-submenu-gap))}.du-modal-header{display:flex;gap:var(--du-modal-gap);align-items:center;justify-content:space-between;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-bottom:1px solid var(--du-ui-border)}.du-modal-body{padding:var(--du-modal-pad-y) var(--du-modal-pad-x);overflow-y:auto}.du-modal-footer{display:flex;gap:var(--du-gap);justify-content:flex-end;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-top:1px solid var(--du-ui-border)}.du-modal-title{margin:0;font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);color:var(--du-text)}.du-modal-subtitle{margin:var(--du-space-sm) 0 0;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:var(--du-space-sm);color:var(--du-text);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer}.du-modal-close:hover{background:var(--du-hover-overlay)}.du-modal-close:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-merge-conflict{margin-bottom:var(--du-space-lg);padding:var(--du-space-md);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm)}.du-merge-conflict-title{margin-bottom:var(--du-space-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-merge-conflict-picks{display:flex;gap:var(--du-gap)}.du-merge-conflict-pick{display:flex;align-items:center;gap:var(--du-space-sm);font-size:var(--du-font-size-sm)}.du-toast{display:flex;align-items:flex-start;gap:var(--du-space-lg);min-width:var(--du-toast-min-w);max-width:var(--du-toast-max-w);padding:var(--du-space-md) var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);pointer-events:auto}.du-toast-message{flex:1}.du-toast-dismiss{padding:0;font-size:var(--du-font-size-lg);line-height:1;color:var(--du-text-muted);background:transparent;border:none;cursor:pointer}.du-toast-dismiss:hover{color:var(--du-text)}.du-sheet-grip{display:flex;justify-content:center;padding:var(--du-space-md) 0;cursor:grab;touch-action:none}.du-sheet-grip-bar{display:block;width:36px;height:var(--du-space-sm);border-radius:var(--du-radius-round);background:var(--du-text);opacity:.4}.du-sheet-body{flex:1;overflow-y:auto;padding:0 var(--du-space-lg) var(--du-space-lg)}.du-button-group>.du-brand,.du-brand{width:auto;min-width:var(--du-button-size);padding:0 var(--du-space-md);cursor:default}.du-brand:hover{background:transparent}.du-brand-logo{display:inline-flex;align-items:center;height:var(--du-brand-h)}.du-brand-logo>svg{display:block;height:var(--du-brand-h);width:auto}.du-brand-logo>.du-brand-logo-dark{display:none}@media(prefers-color-scheme:dark){.du-brand-logo>.du-brand-logo-light{display:none}.du-brand-logo>.du-brand-logo-dark{display:block}}[data-theme=light] .du-brand-logo>.du-brand-logo-light{display:block}[data-theme=light] .du-brand-logo>.du-brand-logo-dark{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-light{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-dark{display:block}.du-zoom-trigger{min-width:56px;padding:0 var(--du-space-md);font-variant-numeric:tabular-nums}.du-zoom-readout{display:inline-block;min-width:var(--du-button-size);text-align:center;font-variant-numeric:tabular-nums}.du-zoom-floating{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-toolbar-divider{flex:none;width:1px;height:var(--du-icon-size);margin:0 var(--du-space-sm);background:var(--du-ui-border)}.du-toolbar-divider.is-vertical{width:100%;height:1px;margin:var(--du-space-sm) 0}.du-minimap-dock{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-clear);z-index:var(--du-z-ui);overflow:hidden;background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-dock{position:absolute;top:round(50%,1px);z-index:var(--du-z-ui);translate:0 round(-50%,1px)}.du-drop-overlay{position:absolute;inset:0;z-index:var(--du-z-drop-overlay);pointer-events:none;background:color-mix(in srgb,var(--du-accent) 6%,transparent)}.du-drop-overlay-frame{position:absolute;inset:var(--du-bar-inset);display:flex;align-items:center;justify-content:center;border:2px dashed var(--du-accent);border-radius:var(--du-radius-lg)}.du-drop-overlay-card{display:flex;flex-direction:column;align-items:stretch;min-width:320px;max-width:min(560px,80%);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);overflow:hidden}.du-drop-overlay-center{display:flex;flex-direction:column;align-items:center;gap:var(--du-space-md);padding:var(--du-space-2xl) calc(2 * var(--du-space-2xl));color:var(--du-accent)}.du-drop-overlay-label{font-family:var(--du-font-family);font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);letter-spacing:.2em;text-transform:uppercase}.du-drop-overlay-types{display:flex;flex-direction:column;margin:0;padding:var(--du-space-md) var(--du-space-xl);border-top:1px solid var(--du-ui-border);list-style:none}.du-drop-type{display:flex;align-items:center;gap:var(--du-gap);min-height:var(--du-control-size);font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text)}.du-drop-type-label{font-weight:var(--du-font-weight-strong);white-space:nowrap}.du-drop-type-formats{font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-tool-options-dock{position:absolute;top:var(--du-bar-clear);right:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-switch{position:relative;flex:none;width:var(--du-switch-w);height:var(--du-switch-h);padding:0;background:var(--du-ui-border);border:0;border-radius:var(--du-radius-round);cursor:pointer;transition:background var(--du-motion-fast)}.du-switch.is-on{background:var(--du-accent)}.du-switch:disabled{cursor:not-allowed;opacity:.4}.du-switch-knob{position:absolute;top:var(--du-space-xs);left:var(--du-space-xs);width:calc(var(--du-switch-h) - 2 * var(--du-space-xs));height:calc(var(--du-switch-h) - 2 * var(--du-space-xs));background:var(--du-text-on-accent);border-radius:50%;box-shadow:var(--du-ui-shadow);transition:transform var(--du-motion-fast)}.du-switch.is-on .du-switch-knob{transform:translate(calc(var(--du-switch-w) - var(--du-switch-h)))}.du-switch:focus-visible{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider{display:flex;align-items:center;gap:var(--du-space-md);width:100%}.du-slider-track{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:var(--du-switch-h);margin:0;padding:0;cursor:pointer}.du-slider-track::-webkit-slider-runnable-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs)}.du-slider-track::-moz-range-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs);border:none}.du-slider-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);margin-top:-5px;cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track::-moz-range-thumb{width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track:focus{outline:none}.du-slider-track:focus-visible::-webkit-slider-thumb{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-number-input{width:64px;height:var(--du-control-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-sm);font:inherit;font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums;outline:none}.du-number-input:focus{border-color:var(--du-accent)}.du-side-panel-search{position:relative;padding:var(--du-pad-sm) var(--du-pad) var(--du-pad)}.du-side-panel-search input[type=search]{width:100%;height:var(--du-input-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-md) 0 calc(var(--du-space-md) + var(--du-input-icon-size) + var(--du-space-sm));font:inherit;font-size:var(--du-font-size-sm);outline:none}.du-side-panel-search input[type=search]::placeholder{color:var(--du-text-muted)}.du-side-panel-search input[type=search]:focus{border-color:var(--du-accent)}.du-side-panel-search-icon{position:absolute;left:calc(var(--du-pad) + var(--du-space-md));top:50%;transform:translateY(-50%);color:var(--du-text-muted);pointer-events:none}.du-pill-button{display:inline-flex;align-items:center;gap:var(--du-gap-sm);padding:0 var(--du-space-lg);height:var(--du-button-size);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-round);box-shadow:var(--du-ui-shadow);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;white-space:nowrap;transition:background var(--du-motion-fast),transform var(--du-motion-press)}.du-pill-button:hover{background:var(--du-ui-bg-solid)}.du-pill-button:active{transform:scale(.96)}.du-tooltip{background:var(--du-tooltip-bg);color:var(--du-tooltip-fg);padding:var(--du-space-sm) var(--du-space-md);border-radius:var(--du-radius-sm);font-size:var(--du-font-size-sm);line-height:1.4;white-space:nowrap;box-shadow:var(--du-ui-shadow);font-family:var(--du-font-family);max-width:var(--du-tooltip-max-w)}.du-help-islands{display:grid;gap:var(--du-space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.du-help-island{display:flex;flex-direction:column;gap:var(--du-space-md)}.du-help-island-title{margin:0;font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);color:var(--du-text)}.du-help-island-rows{border:1px solid var(--du-ui-border);border-radius:var(--du-radius);overflow:hidden}.du-help-row{display:flex;align-items:center;justify-content:space-between;gap:var(--du-space-lg);padding:var(--du-space-md) var(--du-space-lg);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);border-bottom:1px solid var(--du-ui-border)}.du-help-row:last-child{border-bottom:none}.du-help-row-label{min-width:0}.du-help-keys{display:inline-flex;align-items:center;gap:var(--du-space-sm);flex-shrink:0}.du-help-keys-separator{font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:0 var(--du-space-xs)}.du-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-key-h);height:var(--du-key-h);padding:0 var(--du-space-sm);background:var(--du-selected-bg);color:var(--du-selected-fg);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);line-height:1;white-space:nowrap}.du-help-platform-badge{font-size:var(--du-font-size-sm);color:var(--du-text-muted);text-transform:uppercase;letter-spacing:var(--du-caps-tracking)}.du-sel-panel{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm);font-size:var(--du-font-size-sm);color:var(--du-text);max-width:calc(100vw - 2 * var(--du-bar-inset));overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.du-sel-panel-dock{position:fixed;left:0;right:0;bottom:calc(var(--du-bar-clear) + env(safe-area-inset-bottom,0px));z-index:var(--du-z-floating);display:flex;justify-content:center;padding:0 var(--du-space-md);pointer-events:none}.du-sel-panel-mobile{pointer-events:auto;flex-direction:column;align-items:stretch;width:100%;max-width:var(--du-modal-max-w);overflow:visible;gap:var(--du-space-sm);padding:var(--du-space-md)}.du-sel-mobile-row{display:flex;align-items:center;gap:var(--du-gap-sm);width:100%}.du-sel-mobile-primary{display:flex;align-items:center;gap:var(--du-gap-sm);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.du-sel-mobile-primary::-webkit-scrollbar{display:none}.du-sel-mobile-expand{flex:0 0 auto}.du-sel-mobile-overflow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--du-gap-sm);border-top:1px solid var(--du-ui-border);padding-top:var(--du-space-md)}.du-sel-panel-mobile .du-sel-icon-button,.du-sel-panel-mobile .du-sel-color-trigger{width:var(--du-touch-size);height:var(--du-touch-size)}.du-sel-panel-mobile .du-button-group>.du-icon-button{width:var(--du-control-size);height:var(--du-control-size)}.du-sel-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-sel-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-sel-color-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.du-sel-color-trigger:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-color-trigger:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-color-swatch{display:inline-block;width:var(--du-divider-h);height:var(--du-divider-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box}.du-sel-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text)}.du-sel-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-sel-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-text-button{display:inline-flex;align-items:center;justify-content:center;height:var(--du-button-size-sm);min-width:var(--du-button-size-sm);padding:0 var(--du-space-md);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text);font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums}.du-sel-text-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-text-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-group{display:inline-flex;gap:var(--du-gap-sm);align-items:center}.du-sel-group:empty{display:none}.du-sel-group:not(:empty)~.du-sel-group:not(:empty):before{display:inline-block;width:1px;height:var(--du-divider-h);margin:0 var(--du-space-xs);content:\"\";background:var(--du-ui-border)}.du-popover{background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-popover-pad);font-size:var(--du-font-size-sm);color:var(--du-text);min-width:var(--du-popover-min-w);max-width:var(--du-popover-max-w)}.du-sel-popover-section{display:flex;flex-direction:column;gap:var(--du-space-md);min-width:0}.du-sel-popover-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-sel-menu-row{all:unset;display:flex;align-items:center;width:100%;min-height:var(--du-menu-row-h);box-sizing:border-box;padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);font-size:var(--du-menu-font);color:var(--du-text);cursor:pointer}.du-sel-menu-row:hover{background:var(--du-hover-overlay)}.du-sel-menu-row.is-active{background:var(--du-selected-bg)}.du-sel-link-input{width:220px;max-width:60vw;box-sizing:border-box;padding:var(--du-space-sm) var(--du-space-md);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-sel-link-input:focus-visible{outline:2px solid var(--du-accent);outline-offset:-1px}.du-link-popup{z-index:var(--du-z-link-chrome);margin-top:calc(-1 * var(--du-space-sm));pointer-events:auto}.du-sel-align-rows{display:flex;flex-direction:column;gap:var(--du-space-sm);padding:var(--du-space-sm)}.du-sel-align-rows-row{display:flex;gap:var(--du-space-sm);justify-content:center}.du-sel-name-input{width:140px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm)}.du-sel-name-input:hover,.du-sel-name-input:focus{border-color:var(--menu-border);outline:none}.du-sel-auto-size{width:auto;padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-size-letter{font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-emoji-grid{display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm)}.du-sel-emoji-item{width:var(--du-input-h);height:var(--du-input-h);padding:0;font-size:var(--du-font-size-lg);line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-emoji-item:hover{border-color:var(--menu-border)}.du-sel-tag-list{display:flex;flex-wrap:wrap;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-tag-pill{display:inline-flex;align-items:center;gap:var(--du-space-sm);padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius-round)}.du-sel-tag-remove{padding:0 var(--du-space-xs);font-size:var(--du-font-size-sm);line-height:1;color:inherit;background:transparent;border:0;cursor:pointer}.du-sticky-reactions{position:fixed;z-index:var(--du-z-link-chrome);display:flex;align-items:center;pointer-events:auto}.du-sticky-reaction-hit{position:fixed;z-index:var(--du-z-link-chrome);padding:0;background:transparent;border:0;border-radius:var(--du-radius-round);cursor:pointer}.du-sticky-reaction-picker{position:absolute;bottom:var(--du-key-h);left:0;display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-sel-swatch-ring{background:transparent;border:3px solid var(--menu-border)}.du-sel-preset-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--du-space-sm)}.du-sel-preset-item{padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-preset-item:hover{border-color:var(--du-accent)}.du-sel-alt-input{width:200px;padding:var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);resize:vertical}.du-link-badge{z-index:var(--du-z-link-chrome);display:inline-flex;align-items:center;justify-content:center;width:var(--du-divider-h);height:var(--du-divider-h);padding:0;color:var(--du-accent);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:50%;box-shadow:var(--du-ui-shadow);transform:translate(-40%,-60%);cursor:pointer;pointer-events:auto}.du-link-badge:hover{color:var(--du-accent-strong, var(--du-accent));border-color:var(--du-accent)}.du-link-popup-url{display:inline-flex;align-items:center;gap:var(--du-space-sm);max-width:280px;padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-accent);text-decoration:none;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);cursor:pointer}.du-link-popup-url:hover{background:var(--du-hover-overlay)}.du-link-popup-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.du-arrowhead-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--du-space-xs);margin-top:var(--du-space-sm)}.du-arrowhead-option{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-swatch-size);height:var(--du-swatch-size);padding:var(--du-space-xs);border:1px solid transparent;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-arrowhead-option:hover{background:var(--du-hover-overlay)}.du-arrowhead-option--active{border-color:var(--du-accent)}.du-arrowhead-none{font-size:var(--du-font-size);opacity:.6}.du-arrowhead-erd-label{font-size:var(--du-font-size-xs);line-height:1.05;text-align:center}.du-arrowhead-erd-toggle{margin-top:var(--du-space-sm);width:100%;text-align:left;border:none;background:transparent;cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:var(--du-space-xs) 0}.du-arrowhead-erd-toggle:hover{color:var(--du-text)}.du-link-caption-input{min-width:60px;max-width:220px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);line-height:1.25;text-align:center;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-accent);border-radius:var(--du-radius-sm);box-shadow:var(--du-ui-shadow);outline:none;resize:none;overflow:hidden}.du-link-drop-menu{display:flex;gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-link-drop-item{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:var(--du-space-sm);border:none;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-link-drop-item:hover{background:var(--du-hover-overlay)}.du-link-drop-item svg{width:100%;height:100%}.du-sel-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-sel-mask-tiles{display:flex;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-arrange-row{display:flex;gap:var(--du-space-xs)}.du-sel-mask-list{display:flex;flex-direction:column;margin-bottom:var(--du-space-sm)}.du-sel-mask-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-sel-mask-row:hover{background:var(--du-hover-overlay)}.du-sel-mask-row.is-active{background:var(--du-selected-bg)}.du-sel-mask-ratio{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout{position:absolute;top:0;left:calc(100% + var(--du-pad-sm) + 1px + var(--du-flyout-gap));z-index:var(--du-z-ui);display:flex;flex-direction:column;box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-shapes-flyout-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-shapes-flyout-row:hover{background:var(--du-hover-overlay)}.du-shapes-flyout-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-shapes-flyout-row.is-active .du-shapes-flyout-hotkey{color:inherit}.du-shapes-flyout-hotkey{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout-divider{margin:var(--du-menu-sep) 0;border:none;border-top:1px solid var(--du-ui-border)}\n";
2
2
  //# sourceMappingURL=styles.generated.d.ts.map
package/dist/styles.generated.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.generated.d.ts","sourceRoot":"","sources":["../src/styles.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,u89CAAu89C,CAAC"}
1
+ {"version":3,"file":"styles.generated.d.ts","sourceRoot":"","sources":["../src/styles.generated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,+/9CAA+/9C,CAAC"}
package/dist/styles.generated.js CHANGED
@@ -1,4 +1,4 @@
1
1
  // Generated by scripts/gen-styles.mjs — do not edit.
2
2
  // The react-ui stylesheet, inlined for shadow-root adoption.
3
- export const REACT_UI_STYLES = ":root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-hover-overlay: rgba(0, 0, 0, .05);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-text-on-accent: #ffffff;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-danger: #e54d2e;--du-success: #30a46c;--du-warning: #ffc53d;--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6;--du-tooltip-bg: var(--du-text);--du-tooltip-fg: var(--du-ui-bg-solid);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-radius-sm: 4px;--du-radius: 8px;--du-radius-lg: 12px;--du-radius-round: 999px;--du-control-size: 40px;--du-chrome-pad: 4px;--du-space-xs: 2px;--du-space-sm: 4px;--du-space-md: 8px;--du-space-lg: 12px;--du-space-xl: 16px;--du-space-2xl: 24px;--du-gap: var(--du-space-md);--du-gap-sm: var(--du-space-sm);--du-pad: var(--du-space-md);--du-pad-sm: var(--du-chrome-pad);--du-button-size: var(--du-control-size);--du-button-size-sm: var(--du-control-size);--du-touch-size: 44px;--du-icon-size: 24px;--du-icon-size-sm: 20px;--du-input-h: 36px;--du-control-h: 28px;--du-swatch-size: 32px;--du-switch-w: 30px;--du-switch-h: 18px;--du-key-h: 24px;--du-checkbox-size: 16px;--du-input-icon-size: 12px;--du-divider-h: var(--du-icon-size);--du-font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--du-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace;--du-font-size-xs: 10px;--du-font-size-sm: 12px;--du-font-size: 14px;--du-font-size-lg: 16px;--du-font-weight: 400;--du-font-weight-strong: 600;--du-line-height: 20px;--du-caps-tracking: .5px;--du-bar-inset: 12px;--du-dock-inset: 10px;--du-flyout-gap: 10px;--du-submenu-gap: 6px;--du-bar-height: calc(var(--du-button-size) + 2 * var(--du-pad-sm) + 2px);--du-bar-clear: calc(var(--du-bar-inset) + var(--du-bar-height) + var(--du-gap));--du-side-panel-w: 240px;--du-brand-h: 24px;--du-sidebar-w: 280px;--du-thread-w: 280px;--du-panel-row-h: var(--du-control-size);--du-menu-pad: var(--du-chrome-pad);--du-menu-min-w: 240px;--du-menu-radius: var(--du-radius);--du-menu-row-h: var(--du-control-size);--du-menu-row-pad-x: var(--du-space-xl);--du-menu-row-radius: var(--du-radius-sm);--du-menu-gutter: 24px;--du-menu-gap: var(--du-space-md);--du-menu-font: var(--du-font-size);--du-menu-shortcut-font: var(--du-font-size-sm);--du-menu-sep: var(--du-space-md);--du-popover-pad: var(--du-pad);--du-popover-min-w: 120px;--du-popover-max-w: 320px;--du-modal-pad-y: var(--du-space-xl);--du-modal-pad-x: 20px;--du-modal-gap: var(--du-space-lg);--du-modal-radius: var(--du-radius-lg);--du-modal-max-w: 560px;--du-modal-margin: 32px;--du-toast-inset: var(--du-space-xl);--du-toast-min-w: 240px;--du-toast-max-w: 360px;--du-tooltip-max-w: 260px;--du-z-canvas: 1;--du-z-ui: 100;--du-z-link-chrome: 1380;--du-z-floating: 1500;--du-z-popover: 1600;--du-z-drop-overlay: 1650;--du-z-context-menu: 1700;--du-z-modal: 1800;--du-z-toast: 1900;--du-z-tooltip: 10000;--du-motion-fast: .12s ease;--du-motion-press: .05s ease;--du-motion-sheet: .18s ease}@media(prefers-color-scheme:dark){:root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}}[data-theme=light]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-hover-overlay: rgba(0, 0, 0, .05);--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6}:root,[data-theme=light],[data-theme=dark]{--bg: var(--du-canvas-bg);--panel: var(--du-ui-bg-solid);--surface: var(--du-ui-bg-solid);--text: var(--du-text);--muted: var(--du-text-muted);--border: var(--du-ui-border);--button-bg: var(--du-ui-bg-solid);--button-hover-bg: var(--du-ui-bg);--accent: var(--du-accent);--menu-bg: var(--du-ui-bg-solid);--menu-text: var(--du-text);--menu-border: var(--du-ui-border);--menu-divider: var(--du-ui-border);--divider: var(--du-ui-border);--text-strong: var(--du-text);--faint: var(--du-text-muted);--toolbar-bg: var(--du-ui-bg-solid);--cursor-bg: var(--du-selected-bg);--code-bg: var(--du-ui-bg-solid);--font-mono: var(--du-font-mono);--panel-fg: var(--du-text);--du-accent-strong: var(--du-accent-hover)}[data-theme=dark]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}.du-canvas-surface,.du-canvas-surface:focus,.du-canvas-surface:focus-visible{outline:none}.du-ui-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--du-z-ui)}.du-ui-layer>*{pointer-events:auto}.du-bar{position:absolute;left:var(--du-bar-inset);right:var(--du-bar-inset);display:flex;justify-content:space-between;align-items:center;gap:var(--du-gap);pointer-events:none}.du-bar>*{pointer-events:auto}.du-bar-top{top:var(--du-bar-inset)}.du-bar-bottom{bottom:var(--du-bar-inset)}.du-bar-zone{display:inline-flex;align-items:center;gap:var(--du-gap)}.du-bar-zone-center{margin:0 auto}.du-icon-button{width:var(--du-button-size);height:var(--du-button-size);display:inline-flex;align-items:center;justify-content:center;background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;box-shadow:var(--du-ui-shadow);transition:background var(--du-motion-fast),color var(--du-motion-fast),transform var(--du-motion-press);padding:0;outline:none;user-select:none}.du-icon-button:hover:not(:disabled){background:var(--du-ui-bg-solid)}.du-icon-button:active:not(:disabled){transform:scale(.96)}.du-icon-button:disabled{opacity:.4;cursor:not-allowed}.du-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-icon-button[aria-pressed=true],.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:var(--du-selected-bg)}.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-icon-button-sm{width:var(--du-button-size-sm);height:var(--du-button-size-sm);font-size:var(--du-font-size-sm)}.du-icon-button-flat{background:transparent;border:none;box-shadow:none;border-radius:var(--du-radius-sm);width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-icon-button-flat:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm)}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border-radius:var(--du-radius-sm)}.du-popover .du-button-group{padding:0;background:transparent;border:0;box-shadow:none}.du-button-group-vertical{flex-direction:column;align-items:stretch}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border:none;box-shadow:none;border-radius:var(--du-radius-sm);background:transparent;width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-button-size-sm)!important;min-width:var(--du-button-size-sm)!important;padding:0!important}@media(pointer:coarse),(max-width:640px){.du-bar-top{top:calc(var(--du-bar-inset) + env(safe-area-inset-top,0px))}.du-bar-bottom{bottom:calc(var(--du-bar-inset) + env(safe-area-inset-bottom,0px))}.du-bar{left:calc(var(--du-bar-inset) + env(safe-area-inset-left,0px));right:calc(var(--du-bar-inset) + env(safe-area-inset-right,0px))}.du-button-group-vertical{max-height:calc(100vh - 2 * var(--du-bar-inset) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;scrollbar-width:none}.du-button-group-vertical::-webkit-scrollbar{display:none}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-touch-size)!important;min-width:var(--du-touch-size)!important;height:var(--du-touch-size)!important}}.du-button-group>.du-icon-button:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group>.du-icon-button[aria-pressed=true],.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true],.du-button-group>.du-icon-button.is-active,.du-button-group>.du-shapes-wrap>.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-button-group>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-icon-button.is-active:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-side-panel{position:absolute;top:var(--du-bar-clear);bottom:var(--du-bar-clear);width:var(--du-side-panel-w);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);display:flex;flex-direction:column;overflow:hidden}.du-side-panel-left{left:var(--du-bar-inset)}.du-side-panel-right{right:var(--du-bar-inset)}.du-side-panel.du-side-panel-sheet{position:static;inset:auto;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.du-side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-side-panel-header:empty{display:none}.du-side-panel-title{font-size:var(--du-font-size);font-weight:600;color:var(--du-text);text-transform:none;letter-spacing:normal}.du-side-panel-auto-height{bottom:auto;max-height:calc(100% - 2 * var(--du-bar-clear))}.du-side-panel-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-side-panel-body-flush{padding:0}.du-side-panel-static{position:static;top:auto;bottom:auto;min-height:0;max-height:100%}.du-panel-list{display:flex;flex-direction:column;padding:var(--du-pad-sm)}.du-panel-row{all:unset;display:flex;align-items:center;gap:var(--du-gap-sm);box-sizing:border-box;width:100%;min-height:var(--du-panel-row-h);padding:0 var(--du-pad-sm) 0 var(--du-pad);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);cursor:pointer}.du-panel-row:hover{background:var(--du-hover-overlay)}.du-panel-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-panel-row.is-muted{opacity:.55}.du-panel-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-panel-row-stack{flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:var(--du-pad-sm) var(--du-pad);text-align:left}.du-panel-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-panel-row-label.is-muted{color:var(--du-text-muted)}.du-panel-row.is-active .du-panel-row-label.is-muted{color:inherit}.du-panel-row-meta{display:flex;gap:var(--du-gap-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-panel-row-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-panel-row.is-active .du-panel-row-meta,.du-panel-row.is-active .du-panel-row-meta>strong{color:inherit}.du-panel-row-meta-end{margin-left:auto}.du-panel-empty{padding:var(--du-space-xl) var(--du-pad);font-size:var(--du-font-size-sm);line-height:var(--du-line-height);color:var(--du-text-muted)}.du-panel-input{flex:1;min-width:0;height:var(--du-input-h);box-sizing:border-box;padding:0 var(--du-space-md);font:inherit;font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-panel-input::placeholder{color:var(--du-text-muted)}.du-panel-input:focus{border-color:var(--du-accent)}.du-icon-button-flat.is-muted{opacity:.4}.du-icon-button-flat.is-muted:hover:not(:disabled){opacity:1}.du-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--du-gap-sm);height:var(--du-button-size-sm);padding:0 var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);font-weight:var(--du-font-weight);line-height:1;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--du-motion-fast),color var(--du-motion-fast)}.du-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button:disabled{cursor:not-allowed;opacity:.4}.du-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:transparent}.du-button-primary{background:var(--du-accent);color:var(--du-text-on-accent);border-color:transparent}.du-button-primary:hover:not(:disabled){background:var(--du-accent-hover)}.du-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-sidebar{display:flex;flex-direction:column;width:var(--du-sidebar-w);min-height:0;font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg-solid)}.du-sidebar-right{border-left:1px solid var(--du-ui-border)}.du-sidebar-left{border-right:1px solid var(--du-ui-border)}.du-sidebar-header{padding:var(--du-space-lg) var(--du-space-xl);font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-tabs{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--du-pad)}.du-sidebar-section{padding:var(--du-pad) var(--du-space-lg);border-bottom:1px solid var(--du-ui-border)}.du-thread{position:absolute;top:var(--du-bar-inset);right:var(--du-bar-inset);z-index:var(--du-z-popover);display:flex;flex-direction:column;width:var(--du-thread-w);max-height:70vh;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow)}.du-thread-header{display:flex;align-items:center;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-thread-status{flex:1;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-thread-item{position:relative;padding-right:var(--du-button-size-sm);margin-bottom:var(--du-space-lg)}.du-thread-item:last-child{margin-bottom:0}.du-thread-item-remove{position:absolute;top:0;right:0}.du-thread-item-meta{margin-bottom:var(--du-space-xs);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-item-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-thread-item-body{white-space:pre-wrap}.du-thread-form{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-top:1px solid var(--du-ui-border)}.du-palette{display:flex;flex-direction:column;min-height:0;color:var(--du-text);width:100%}.du-palette-body{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.du-palette-section{padding:0 var(--du-menu-pad)}.du-palette-category{width:100%;background:transparent;color:var(--du-text-muted);border:none;padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font:inherit;font-size:var(--du-menu-shortcut-font);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm)}.du-palette-category-caret{display:inline-flex;align-items:center;opacity:.6}.du-palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--du-gap-sm);align-content:start;padding:0 var(--du-pad) var(--du-pad-sm)}.du-palette-section>.du-palette-grid{padding:0}.du-palette-list{display:flex;flex-direction:column;padding:0 var(--du-menu-pad)}.du-palette-section>.du-palette-list{padding:0}.du-palette-list .du-palette-item{flex-direction:row;align-items:center;justify-content:flex-start;aspect-ratio:auto;gap:var(--du-menu-gap);min-height:var(--du-panel-row-h);padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);text-align:left;font-size:var(--du-menu-font);line-height:var(--du-line-height)}.du-palette-list .du-palette-item-icon{width:var(--du-icon-size)!important;height:var(--du-icon-size)!important;flex:0 0 auto}.du-palette-list .du-palette-item-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-palette-empty{padding:var(--du-space-2xl) var(--du-space-lg);text-align:center;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--du-space-sm);aspect-ratio:1;padding:var(--du-space-sm);background:transparent;color:var(--du-text);border:none;border-radius:var(--du-radius-sm);cursor:grab;text-align:center;font-size:var(--du-font-size-xs);line-height:1.1;transition:background var(--du-motion-fast)}.du-palette-item:hover{background:var(--du-hover-overlay)}.du-palette-item:active{cursor:grabbing}.du-palette-item-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--du-text)}.du-palette-item-icon svg{width:100%;height:100%;display:block}.du-palette-item-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.du-prop-panel{display:flex;flex-direction:column;gap:var(--du-space-xl);padding:var(--du-space-sm) 0;color:var(--du-text);font-size:var(--du-font-size-sm)}.du-prop-section{display:flex;flex-direction:column;gap:var(--du-space-sm)}.du-prop-section-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-prop-row{display:flex;align-items:center;gap:var(--du-gap-sm);flex-wrap:wrap}.du-prop-row-label{font-size:var(--du-font-size-sm);color:var(--du-text-muted);min-width:48px}.du-prop-empty{font-style:italic;color:var(--du-text-muted);font-size:var(--du-font-size-sm)}.du-prop-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-prop-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-prop-checkbox{display:inline-flex;align-items:center;gap:var(--du-space-sm);cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text);user-select:none}.du-prop-checkbox input[type=checkbox]{width:var(--du-checkbox-size);height:var(--du-checkbox-size);margin:0;accent-color:var(--du-selected-fg);cursor:pointer}.du-swatch-grid{display:inline-flex;flex-wrap:wrap;gap:var(--du-space-sm);max-width:calc(8 * var(--du-swatch-size) + 7 * var(--du-space-sm))}.du-swatch{position:relative;width:var(--du-swatch-size);height:var(--du-swatch-size);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow var(--du-motion-fast);-webkit-tap-highlight-color:transparent}.du-swatch:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--du-accent)}.du-swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--du-selected-fg)}.du-swatch-fill{display:inline-flex;align-items:center;justify-content:center;width:var(--du-control-h);height:var(--du-control-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box;transition:width var(--du-motion-fast),height var(--du-motion-fast),border-color var(--du-motion-fast)}.du-swatch:hover .du-swatch-fill,.du-swatch:focus-visible .du-swatch-fill{width:var(--du-swatch-size);height:var(--du-swatch-size)}.du-swatch-fill-blank,.du-swatch-custom .du-swatch-fill{background:var(--du-ui-bg-solid);color:var(--du-text-muted)}.du-swatch-color-input{position:absolute;inset:0;opacity:0;cursor:pointer;border:none;padding:0}.du-menu-panel{box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);font-size:var(--du-menu-font);color:var(--menu-text);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-menu-row{all:unset;box-sizing:border-box;display:flex;gap:var(--du-menu-gap);align-items:center;justify-content:space-between;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-menu-row:hover:not(:disabled),.du-menu-row.is-open{background:var(--du-hover-overlay)}.du-menu-row.is-active{background:var(--du-selected-bg)}.du-menu-row:disabled{cursor:not-allowed;opacity:.4}.du-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-menu-row-main{display:inline-flex;gap:var(--du-menu-gap);align-items:center;min-width:0}.du-menu-gutter{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--du-menu-gutter);color:var(--du-text-muted)}.du-menu-gutter.is-accent{color:var(--du-accent)}.du-menu-shortcut{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-menu-sep{margin:var(--du-menu-sep) 0;border:0;border-top:1px solid var(--menu-divider)}.du-menu-group-title{padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font-size:var(--du-menu-shortcut-font);letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted);text-transform:uppercase}.du-menu-submenu:before{content:\"\";position:absolute;top:0;bottom:0;right:100%;width:calc(var(--du-menu-pad) + 1px + var(--du-submenu-gap))}.du-modal-header{display:flex;gap:var(--du-modal-gap);align-items:center;justify-content:space-between;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-bottom:1px solid var(--du-ui-border)}.du-modal-body{padding:var(--du-modal-pad-y) var(--du-modal-pad-x);overflow-y:auto}.du-modal-footer{display:flex;gap:var(--du-gap);justify-content:flex-end;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-top:1px solid var(--du-ui-border)}.du-modal-title{margin:0;font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);color:var(--du-text)}.du-modal-subtitle{margin:var(--du-space-sm) 0 0;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:var(--du-space-sm);color:var(--du-text);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer}.du-modal-close:hover{background:var(--du-hover-overlay)}.du-modal-close:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-merge-conflict{margin-bottom:var(--du-space-lg);padding:var(--du-space-md);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm)}.du-merge-conflict-title{margin-bottom:var(--du-space-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-merge-conflict-picks{display:flex;gap:var(--du-gap)}.du-merge-conflict-pick{display:flex;align-items:center;gap:var(--du-space-sm);font-size:var(--du-font-size-sm)}.du-toast{display:flex;align-items:flex-start;gap:var(--du-space-lg);min-width:var(--du-toast-min-w);max-width:var(--du-toast-max-w);padding:var(--du-space-md) var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);pointer-events:auto}.du-toast-message{flex:1}.du-toast-dismiss{padding:0;font-size:var(--du-font-size-lg);line-height:1;color:var(--du-text-muted);background:transparent;border:none;cursor:pointer}.du-toast-dismiss:hover{color:var(--du-text)}.du-sheet-grip{display:flex;justify-content:center;padding:var(--du-space-md) 0;cursor:grab;touch-action:none}.du-sheet-grip-bar{display:block;width:36px;height:var(--du-space-sm);border-radius:var(--du-radius-round);background:var(--du-text);opacity:.4}.du-sheet-body{flex:1;overflow-y:auto;padding:0 var(--du-space-lg) var(--du-space-lg)}.du-button-group>.du-brand,.du-brand{width:auto;min-width:var(--du-button-size);padding:0 var(--du-space-md);cursor:default}.du-brand:hover{background:transparent}.du-brand-logo{display:inline-flex;align-items:center;height:var(--du-brand-h)}.du-brand-logo>svg{display:block;height:var(--du-brand-h);width:auto}.du-brand-logo>.du-brand-logo-dark{display:none}@media(prefers-color-scheme:dark){.du-brand-logo>.du-brand-logo-light{display:none}.du-brand-logo>.du-brand-logo-dark{display:block}}[data-theme=light] .du-brand-logo>.du-brand-logo-light{display:block}[data-theme=light] .du-brand-logo>.du-brand-logo-dark{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-light{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-dark{display:block}.du-zoom-trigger{min-width:56px;padding:0 var(--du-space-md);font-variant-numeric:tabular-nums}.du-zoom-readout{display:inline-block;min-width:var(--du-button-size);text-align:center;font-variant-numeric:tabular-nums}.du-zoom-floating{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-toolbar-divider{flex:none;width:1px;height:var(--du-icon-size);margin:0 var(--du-space-sm);background:var(--du-ui-border)}.du-toolbar-divider.is-vertical{width:100%;height:1px;margin:var(--du-space-sm) 0}.du-minimap-dock{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-clear);z-index:var(--du-z-ui);overflow:hidden;background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-dock{position:absolute;top:round(50%,1px);z-index:var(--du-z-ui);translate:0 round(-50%,1px)}.du-drop-overlay{position:absolute;inset:0;z-index:var(--du-z-drop-overlay);pointer-events:none;background:color-mix(in srgb,var(--du-accent) 6%,transparent)}.du-drop-overlay-frame{position:absolute;inset:var(--du-bar-inset);display:flex;align-items:center;justify-content:center;border:2px dashed var(--du-accent);border-radius:var(--du-radius-lg)}.du-drop-overlay-card{display:flex;flex-direction:column;align-items:stretch;min-width:320px;max-width:min(560px,80%);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);overflow:hidden}.du-drop-overlay-center{display:flex;flex-direction:column;align-items:center;gap:var(--du-space-md);padding:var(--du-space-2xl) calc(2 * var(--du-space-2xl));color:var(--du-accent)}.du-drop-overlay-label{font-family:var(--du-font-family);font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);letter-spacing:.2em;text-transform:uppercase}.du-drop-overlay-types{display:flex;flex-direction:column;margin:0;padding:var(--du-space-md) var(--du-space-xl);border-top:1px solid var(--du-ui-border);list-style:none}.du-drop-type{display:flex;align-items:center;gap:var(--du-gap);min-height:var(--du-control-size);font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text)}.du-drop-type-label{font-weight:var(--du-font-weight-strong);white-space:nowrap}.du-drop-type-formats{font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-tool-options-dock{position:absolute;top:var(--du-bar-clear);right:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-switch{position:relative;flex:none;width:var(--du-switch-w);height:var(--du-switch-h);padding:0;background:var(--du-ui-border);border:0;border-radius:var(--du-radius-round);cursor:pointer;transition:background var(--du-motion-fast)}.du-switch.is-on{background:var(--du-accent)}.du-switch:disabled{cursor:not-allowed;opacity:.4}.du-switch-knob{position:absolute;top:var(--du-space-xs);left:var(--du-space-xs);width:calc(var(--du-switch-h) - 2 * var(--du-space-xs));height:calc(var(--du-switch-h) - 2 * var(--du-space-xs));background:var(--du-text-on-accent);border-radius:50%;box-shadow:var(--du-ui-shadow);transition:transform var(--du-motion-fast)}.du-switch.is-on .du-switch-knob{transform:translate(calc(var(--du-switch-w) - var(--du-switch-h)))}.du-switch:focus-visible{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider{display:flex;align-items:center;gap:var(--du-space-md);width:100%}.du-slider-track{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:var(--du-switch-h);margin:0;padding:0;cursor:pointer}.du-slider-track::-webkit-slider-runnable-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs)}.du-slider-track::-moz-range-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs);border:none}.du-slider-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);margin-top:-5px;cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track::-moz-range-thumb{width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track:focus{outline:none}.du-slider-track:focus-visible::-webkit-slider-thumb{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-number-input{width:64px;height:var(--du-control-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-sm);font:inherit;font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums;outline:none}.du-number-input:focus{border-color:var(--du-accent)}.du-side-panel-search{position:relative;padding:var(--du-pad-sm) var(--du-pad) var(--du-pad)}.du-side-panel-search input[type=search]{width:100%;height:var(--du-input-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-md) 0 calc(var(--du-space-md) + var(--du-input-icon-size) + var(--du-space-sm));font:inherit;font-size:var(--du-font-size-sm);outline:none}.du-side-panel-search input[type=search]::placeholder{color:var(--du-text-muted)}.du-side-panel-search input[type=search]:focus{border-color:var(--du-accent)}.du-side-panel-search-icon{position:absolute;left:calc(var(--du-pad) + var(--du-space-md));top:50%;transform:translateY(-50%);color:var(--du-text-muted);pointer-events:none}.du-pill-button{display:inline-flex;align-items:center;gap:var(--du-gap-sm);padding:0 var(--du-space-lg);height:var(--du-button-size);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-round);box-shadow:var(--du-ui-shadow);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;white-space:nowrap;transition:background var(--du-motion-fast),transform var(--du-motion-press)}.du-pill-button:hover{background:var(--du-ui-bg-solid)}.du-pill-button:active{transform:scale(.96)}.du-tooltip{background:var(--du-tooltip-bg);color:var(--du-tooltip-fg);padding:var(--du-space-sm) var(--du-space-md);border-radius:var(--du-radius-sm);font-size:var(--du-font-size-sm);line-height:1.4;white-space:nowrap;box-shadow:var(--du-ui-shadow);font-family:var(--du-font-family);max-width:var(--du-tooltip-max-w)}.du-help-islands{display:grid;gap:var(--du-space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.du-help-island{display:flex;flex-direction:column;gap:var(--du-space-md)}.du-help-island-title{margin:0;font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);color:var(--du-text)}.du-help-island-rows{border:1px solid var(--du-ui-border);border-radius:var(--du-radius);overflow:hidden}.du-help-row{display:flex;align-items:center;justify-content:space-between;gap:var(--du-space-lg);padding:var(--du-space-md) var(--du-space-lg);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);border-bottom:1px solid var(--du-ui-border)}.du-help-row:last-child{border-bottom:none}.du-help-row-label{min-width:0}.du-help-keys{display:inline-flex;align-items:center;gap:var(--du-space-sm);flex-shrink:0}.du-help-keys-separator{font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:0 var(--du-space-xs)}.du-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-key-h);height:var(--du-key-h);padding:0 var(--du-space-sm);background:var(--du-selected-bg);color:var(--du-selected-fg);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);line-height:1;white-space:nowrap}.du-help-platform-badge{font-size:var(--du-font-size-sm);color:var(--du-text-muted);text-transform:uppercase;letter-spacing:var(--du-caps-tracking)}.du-sel-panel{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm);font-size:var(--du-font-size-sm);color:var(--du-text);max-width:calc(100vw - 2 * var(--du-bar-inset));overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.du-sel-panel-dock{position:fixed;left:0;right:0;bottom:calc(var(--du-bar-clear) + env(safe-area-inset-bottom,0px));z-index:var(--du-z-floating);display:flex;justify-content:center;padding:0 var(--du-space-md);pointer-events:none}.du-sel-panel-mobile{pointer-events:auto;flex-direction:column;align-items:stretch;width:100%;max-width:var(--du-modal-max-w);overflow:visible;gap:var(--du-space-sm);padding:var(--du-space-md)}.du-sel-mobile-row{display:flex;align-items:center;gap:var(--du-gap-sm);width:100%}.du-sel-mobile-primary{display:flex;align-items:center;gap:var(--du-gap-sm);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.du-sel-mobile-primary::-webkit-scrollbar{display:none}.du-sel-mobile-expand{flex:0 0 auto}.du-sel-mobile-overflow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--du-gap-sm);border-top:1px solid var(--du-ui-border);padding-top:var(--du-space-md)}.du-sel-panel-mobile .du-sel-icon-button,.du-sel-panel-mobile .du-sel-color-trigger{width:var(--du-touch-size);height:var(--du-touch-size)}.du-sel-panel-mobile .du-button-group>.du-icon-button{width:var(--du-control-size);height:var(--du-control-size)}.du-sel-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-sel-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-sel-color-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.du-sel-color-trigger:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-color-trigger:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-color-swatch{display:inline-block;width:var(--du-divider-h);height:var(--du-divider-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box}.du-sel-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text)}.du-sel-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-sel-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-text-button{display:inline-flex;align-items:center;justify-content:center;height:var(--du-button-size-sm);min-width:var(--du-button-size-sm);padding:0 var(--du-space-md);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text);font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums}.du-sel-text-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-text-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-group{display:inline-flex;gap:var(--du-gap-sm);align-items:center}.du-sel-group:empty{display:none}.du-sel-group:not(:empty)~.du-sel-group:not(:empty):before{display:inline-block;width:1px;height:var(--du-divider-h);margin:0 var(--du-space-xs);content:\"\";background:var(--du-ui-border)}.du-popover{background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-popover-pad);font-size:var(--du-font-size-sm);color:var(--du-text);min-width:var(--du-popover-min-w);max-width:var(--du-popover-max-w)}.du-sel-popover-section{display:flex;flex-direction:column;gap:var(--du-space-md);min-width:0}.du-sel-popover-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-sel-menu-row{all:unset;display:flex;align-items:center;width:100%;min-height:var(--du-menu-row-h);box-sizing:border-box;padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);font-size:var(--du-menu-font);color:var(--du-text);cursor:pointer}.du-sel-menu-row:hover{background:var(--du-hover-overlay)}.du-sel-menu-row.is-active{background:var(--du-selected-bg)}.du-sel-link-input{width:220px;max-width:60vw;box-sizing:border-box;padding:var(--du-space-sm) var(--du-space-md);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-sel-link-input:focus-visible{outline:2px solid var(--du-accent);outline-offset:-1px}.du-link-popup{z-index:var(--du-z-link-chrome);margin-top:calc(-1 * var(--du-space-sm));pointer-events:auto}.du-sel-align-rows{display:flex;flex-direction:column;gap:var(--du-space-sm);padding:var(--du-space-sm)}.du-sel-align-rows-row{display:flex;gap:var(--du-space-sm);justify-content:center}.du-sel-name-input{width:140px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm)}.du-sel-name-input:hover,.du-sel-name-input:focus{border-color:var(--menu-border);outline:none}.du-sel-auto-size{width:auto;padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-size-letter{font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-emoji-grid{display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm)}.du-sel-emoji-item{width:var(--du-input-h);height:var(--du-input-h);padding:0;font-size:var(--du-font-size-lg);line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-emoji-item:hover{border-color:var(--menu-border)}.du-sel-tag-list{display:flex;flex-wrap:wrap;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-tag-pill{display:inline-flex;align-items:center;gap:var(--du-space-sm);padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius-round)}.du-sel-tag-remove{padding:0 var(--du-space-xs);font-size:var(--du-font-size-sm);line-height:1;color:inherit;background:transparent;border:0;cursor:pointer}.du-sticky-reactions{position:fixed;z-index:var(--du-z-link-chrome);display:flex;align-items:center;pointer-events:auto}.du-sticky-reaction-hit{position:fixed;z-index:var(--du-z-link-chrome);padding:0;background:transparent;border:0;border-radius:var(--du-radius-round);cursor:pointer}.du-sticky-reaction-picker{position:absolute;bottom:var(--du-key-h);left:0;display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-sel-swatch-ring{background:transparent;border:3px solid var(--menu-border)}.du-sel-preset-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--du-space-sm)}.du-sel-preset-item{padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-preset-item:hover{border-color:var(--du-accent)}.du-sel-alt-input{width:200px;padding:var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);resize:vertical}.du-link-badge{z-index:var(--du-z-link-chrome);display:inline-flex;align-items:center;justify-content:center;width:var(--du-divider-h);height:var(--du-divider-h);padding:0;color:var(--du-accent);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:50%;box-shadow:var(--du-ui-shadow);transform:translate(-40%,-60%);cursor:pointer;pointer-events:auto}.du-link-badge:hover{color:var(--du-accent-strong, var(--du-accent));border-color:var(--du-accent)}.du-link-popup-url{display:inline-flex;align-items:center;gap:var(--du-space-sm);max-width:280px;padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-accent);text-decoration:none;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);cursor:pointer}.du-link-popup-url:hover{background:var(--du-hover-overlay)}.du-link-popup-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.du-arrowhead-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--du-space-xs);margin-top:var(--du-space-sm)}.du-arrowhead-option{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-swatch-size);height:var(--du-swatch-size);padding:var(--du-space-xs);border:1px solid transparent;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-arrowhead-option:hover{background:var(--du-hover-overlay)}.du-arrowhead-option--active{border-color:var(--du-accent)}.du-arrowhead-none{font-size:var(--du-font-size);opacity:.6}.du-arrowhead-erd-label{font-size:var(--du-font-size-xs);line-height:1.05;text-align:center}.du-arrowhead-erd-toggle{margin-top:var(--du-space-sm);width:100%;text-align:left;border:none;background:transparent;cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:var(--du-space-xs) 0}.du-arrowhead-erd-toggle:hover{color:var(--du-text)}.du-link-caption-input{min-width:60px;max-width:220px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);line-height:1.25;text-align:center;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-accent);border-radius:var(--du-radius-sm);box-shadow:var(--du-ui-shadow);outline:none;resize:none;overflow:hidden}.du-link-drop-menu{display:flex;gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-link-drop-item{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:var(--du-space-sm);border:none;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-link-drop-item:hover{background:var(--du-hover-overlay)}.du-link-drop-item svg{width:100%;height:100%}.du-sel-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-sel-mask-tiles{display:flex;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-mask-list{display:flex;flex-direction:column;margin-bottom:var(--du-space-sm)}.du-sel-mask-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-sel-mask-row:hover{background:var(--du-hover-overlay)}.du-sel-mask-row.is-active{background:var(--du-selected-bg)}.du-sel-mask-ratio{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout{position:absolute;top:0;left:calc(100% + var(--du-pad-sm) + 1px + var(--du-flyout-gap));z-index:var(--du-z-ui);display:flex;flex-direction:column;box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-shapes-flyout-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-shapes-flyout-row:hover{background:var(--du-hover-overlay)}.du-shapes-flyout-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-shapes-flyout-row.is-active .du-shapes-flyout-hotkey{color:inherit}.du-shapes-flyout-hotkey{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout-divider{margin:var(--du-menu-sep) 0;border:none;border-top:1px solid var(--du-ui-border)}\n";
3
+ export const REACT_UI_STYLES = ":root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-hover-overlay: rgba(0, 0, 0, .05);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-text-on-accent: #ffffff;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-danger: #e54d2e;--du-success: #30a46c;--du-warning: #ffc53d;--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6;--du-tooltip-bg: var(--du-text);--du-tooltip-fg: var(--du-ui-bg-solid);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-radius-sm: 4px;--du-radius: 8px;--du-radius-lg: 12px;--du-radius-round: 999px;--du-control-size: 40px;--du-chrome-pad: 4px;--du-space-xs: 2px;--du-space-sm: 4px;--du-space-md: 8px;--du-space-lg: 12px;--du-space-xl: 16px;--du-space-2xl: 24px;--du-gap: var(--du-space-md);--du-gap-sm: var(--du-space-sm);--du-pad: var(--du-space-md);--du-pad-sm: var(--du-chrome-pad);--du-button-size: var(--du-control-size);--du-button-size-sm: var(--du-control-size);--du-touch-size: 44px;--du-icon-size: 24px;--du-icon-size-sm: 20px;--du-input-h: 36px;--du-control-h: 28px;--du-swatch-size: 32px;--du-switch-w: 30px;--du-switch-h: 18px;--du-key-h: 24px;--du-checkbox-size: 16px;--du-input-icon-size: 12px;--du-divider-h: var(--du-icon-size);--du-font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;--du-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace;--du-font-size-xs: 10px;--du-font-size-sm: 12px;--du-font-size: 14px;--du-font-size-lg: 16px;--du-font-weight: 400;--du-font-weight-strong: 600;--du-line-height: 20px;--du-caps-tracking: .5px;--du-bar-inset: 12px;--du-dock-inset: 10px;--du-flyout-gap: 10px;--du-submenu-gap: 6px;--du-bar-height: calc(var(--du-button-size) + 2 * var(--du-pad-sm) + 2px);--du-bar-clear: calc(var(--du-bar-inset) + var(--du-bar-height) + var(--du-gap));--du-side-panel-w: 240px;--du-brand-h: 24px;--du-sidebar-w: 280px;--du-thread-w: 280px;--du-panel-row-h: var(--du-control-size);--du-menu-pad: var(--du-chrome-pad);--du-menu-min-w: 240px;--du-menu-radius: var(--du-radius);--du-menu-row-h: var(--du-control-size);--du-menu-row-pad-x: var(--du-space-xl);--du-menu-row-radius: var(--du-radius-sm);--du-menu-gutter: 24px;--du-menu-gap: var(--du-space-md);--du-menu-font: var(--du-font-size);--du-menu-shortcut-font: var(--du-font-size-sm);--du-menu-sep: var(--du-space-md);--du-popover-pad: var(--du-pad);--du-popover-min-w: 120px;--du-popover-max-w: 320px;--du-modal-pad-y: var(--du-space-xl);--du-modal-pad-x: 20px;--du-modal-gap: var(--du-space-lg);--du-modal-radius: var(--du-radius-lg);--du-modal-max-w: 560px;--du-modal-margin: 32px;--du-toast-inset: var(--du-space-xl);--du-toast-min-w: 240px;--du-toast-max-w: 360px;--du-tooltip-max-w: 260px;--du-z-canvas: 1;--du-z-ui: 100;--du-z-link-chrome: 1380;--du-z-floating: 1500;--du-z-popover: 1600;--du-z-drop-overlay: 1650;--du-z-context-menu: 1700;--du-z-modal: 1800;--du-z-toast: 1900;--du-z-tooltip: 10000;--du-motion-fast: .12s ease;--du-motion-press: .05s ease;--du-motion-sheet: .18s ease}@media(prefers-color-scheme:dark){:root{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}}[data-theme=light]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #ffffff;--du-ui-bg-solid: #ffffff;--du-ui-border: rgba(0, 0, 0, .08);--du-ui-shadow: 0 2px 8px rgba(34, 36, 40, .12), 0 0 12px rgba(34, 36, 40, .04);--du-modal-shadow: 0 8px 32px rgba(34, 36, 40, .24);--du-scrim: rgba(0, 0, 0, .55);--du-text: #1a1a1a;--du-text-muted: #6b6b6b;--du-accent: #5b5bd6;--du-accent-hover: #5151cd;--du-hover-overlay: rgba(0, 0, 0, .05);--du-selected-bg: #e6e7ff;--du-selected-fg: #5753c6}:root,[data-theme=light],[data-theme=dark]{--bg: var(--du-canvas-bg);--panel: var(--du-ui-bg-solid);--surface: var(--du-ui-bg-solid);--text: var(--du-text);--muted: var(--du-text-muted);--border: var(--du-ui-border);--button-bg: var(--du-ui-bg-solid);--button-hover-bg: var(--du-ui-bg);--accent: var(--du-accent);--menu-bg: var(--du-ui-bg-solid);--menu-text: var(--du-text);--menu-border: var(--du-ui-border);--menu-divider: var(--du-ui-border);--divider: var(--du-ui-border);--text-strong: var(--du-text);--faint: var(--du-text-muted);--toolbar-bg: var(--du-ui-bg-solid);--cursor-bg: var(--du-selected-bg);--code-bg: var(--du-ui-bg-solid);--font-mono: var(--du-font-mono);--panel-fg: var(--du-text);--du-accent-strong: var(--du-accent-hover)}[data-theme=dark]{--du-canvas-bg: #f5f5f5;--du-ui-bg: #252525;--du-ui-bg-solid: #252525;--du-ui-border: rgba(255, 255, 255, .08);--du-ui-shadow: 0 2px 8px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .25);--du-modal-shadow: 0 8px 32px rgba(0, 0, 0, .6);--du-scrim: rgba(0, 0, 0, .65);--du-text: #e8e8e8;--du-text-muted: #9a9a9a;--du-accent: #5b5bd6;--du-accent-hover: #6e6ade;--du-hover-overlay: rgba(255, 255, 255, .06);--du-selected-bg: #262a65;--du-selected-fg: #b1a9ff}.du-canvas-surface,.du-canvas-surface:focus,.du-canvas-surface:focus-visible{outline:none}.du-ui-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--du-z-ui)}.du-ui-layer>*{pointer-events:auto}.du-bar{position:absolute;left:var(--du-bar-inset);right:var(--du-bar-inset);display:flex;justify-content:space-between;align-items:center;gap:var(--du-gap);pointer-events:none}.du-bar>*{pointer-events:auto}.du-bar-top{top:var(--du-bar-inset)}.du-bar-bottom{bottom:var(--du-bar-inset)}.du-bar-zone{display:inline-flex;align-items:center;gap:var(--du-gap)}.du-bar-zone-center{margin:0 auto}.du-icon-button{width:var(--du-button-size);height:var(--du-button-size);display:inline-flex;align-items:center;justify-content:center;background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;box-shadow:var(--du-ui-shadow);transition:background var(--du-motion-fast),color var(--du-motion-fast),transform var(--du-motion-press);padding:0;outline:none;user-select:none}.du-icon-button:hover:not(:disabled){background:var(--du-ui-bg-solid)}.du-icon-button:active:not(:disabled){transform:scale(.96)}.du-icon-button:disabled{opacity:.4;cursor:not-allowed}.du-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-icon-button[aria-pressed=true],.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:var(--du-selected-bg)}.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-icon-button-sm{width:var(--du-button-size-sm);height:var(--du-button-size-sm);font-size:var(--du-font-size-sm)}.du-icon-button-flat{background:transparent;border:none;box-shadow:none;border-radius:var(--du-radius-sm);width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-icon-button-flat:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm)}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border-radius:var(--du-radius-sm)}.du-popover .du-button-group{padding:0;background:transparent;border:0;box-shadow:none}.du-button-group-vertical{flex-direction:column;align-items:stretch}.du-button-group>.du-icon-button,.du-button-group>.du-shapes-wrap>.du-icon-button{border:none;box-shadow:none;border-radius:var(--du-radius-sm);background:transparent;width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-button-size-sm)!important;min-width:var(--du-button-size-sm)!important;padding:0!important}@media(pointer:coarse),(max-width:640px){.du-bar-top{top:calc(var(--du-bar-inset) + env(safe-area-inset-top,0px))}.du-bar-bottom{bottom:calc(var(--du-bar-inset) + env(safe-area-inset-bottom,0px))}.du-bar{left:calc(var(--du-bar-inset) + env(safe-area-inset-left,0px));right:calc(var(--du-bar-inset) + env(safe-area-inset-right,0px))}.du-button-group-vertical{max-height:calc(100vh - 2 * var(--du-bar-inset) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;scrollbar-width:none}.du-button-group-vertical::-webkit-scrollbar{display:none}.du-button-group-vertical>.du-icon-button,.du-button-group-vertical>.du-shapes-wrap>.du-icon-button{width:var(--du-touch-size)!important;min-width:var(--du-touch-size)!important;height:var(--du-touch-size)!important}}.du-button-group>.du-icon-button:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button-group>.du-icon-button[aria-pressed=true],.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true],.du-button-group>.du-icon-button.is-active,.du-button-group>.du-shapes-wrap>.du-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-button-group>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button[aria-pressed=true]:hover:not(:disabled),.du-button-group>.du-icon-button.is-active:hover:not(:disabled),.du-button-group>.du-shapes-wrap>.du-icon-button.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--du-selected-bg) 90%,var(--du-text) 10%)}.du-side-panel{position:absolute;top:var(--du-bar-clear);bottom:var(--du-bar-clear);width:var(--du-side-panel-w);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);display:flex;flex-direction:column;overflow:hidden}.du-side-panel-left{left:var(--du-bar-inset)}.du-side-panel-right{right:var(--du-bar-inset)}.du-side-panel.du-side-panel-sheet{position:static;inset:auto;width:100%;height:100%;border:none;border-radius:0;box-shadow:none;background:transparent}.du-side-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-side-panel-header:empty{display:none}.du-side-panel-title{font-size:var(--du-font-size);font-weight:600;color:var(--du-text);text-transform:none;letter-spacing:normal}.du-side-panel-auto-height{bottom:auto;max-height:calc(100% - 2 * var(--du-bar-clear))}.du-side-panel-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-side-panel-body-flush{padding:0}.du-side-panel-static{position:static;top:auto;bottom:auto;min-height:0;max-height:100%}.du-panel-list{display:flex;flex-direction:column;padding:var(--du-pad-sm)}.du-panel-row{all:unset;display:flex;align-items:center;gap:var(--du-gap-sm);box-sizing:border-box;width:100%;min-height:var(--du-panel-row-h);padding:0 var(--du-pad-sm) 0 var(--du-pad);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);cursor:pointer}.du-panel-row:hover{background:var(--du-hover-overlay)}.du-panel-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-panel-row.is-muted{opacity:.55}.du-panel-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-panel-row-stack{flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:var(--du-pad-sm) var(--du-pad);text-align:left}.du-panel-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.du-panel-row-label.is-muted{color:var(--du-text-muted)}.du-panel-row.is-active .du-panel-row-label.is-muted{color:inherit}.du-panel-row-meta{display:flex;gap:var(--du-gap-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-panel-row-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-panel-row.is-active .du-panel-row-meta,.du-panel-row.is-active .du-panel-row-meta>strong{color:inherit}.du-panel-row-meta-end{margin-left:auto}.du-panel-empty{padding:var(--du-space-xl) var(--du-pad);font-size:var(--du-font-size-sm);line-height:var(--du-line-height);color:var(--du-text-muted)}.du-panel-input{flex:1;min-width:0;height:var(--du-input-h);box-sizing:border-box;padding:0 var(--du-space-md);font:inherit;font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-panel-input::placeholder{color:var(--du-text-muted)}.du-panel-input:focus{border-color:var(--du-accent)}.du-icon-button-flat.is-muted{opacity:.4}.du-icon-button-flat.is-muted:hover:not(:disabled){opacity:1}.du-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--du-gap-sm);height:var(--du-button-size-sm);padding:0 var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);font-weight:var(--du-font-weight);line-height:1;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--du-motion-fast),color var(--du-motion-fast)}.du-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-button:disabled{cursor:not-allowed;opacity:.4}.du-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg);border-color:transparent}.du-button-primary{background:var(--du-accent);color:var(--du-text-on-accent);border-color:transparent}.du-button-primary:hover:not(:disabled){background:var(--du-accent-hover)}.du-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-sidebar{display:flex;flex-direction:column;width:var(--du-sidebar-w);min-height:0;font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg-solid)}.du-sidebar-right{border-left:1px solid var(--du-ui-border)}.du-sidebar-left{border-right:1px solid var(--du-ui-border)}.du-sidebar-header{padding:var(--du-space-lg) var(--du-space-xl);font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-tabs{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-sidebar-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--du-pad)}.du-sidebar-section{padding:var(--du-pad) var(--du-space-lg);border-bottom:1px solid var(--du-ui-border)}.du-thread{position:absolute;top:var(--du-bar-inset);right:var(--du-bar-inset);z-index:var(--du-z-popover);display:flex;flex-direction:column;width:var(--du-thread-w);max-height:70vh;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow)}.du-thread-header{display:flex;align-items:center;gap:var(--du-gap-sm);padding:var(--du-pad-sm) var(--du-pad-sm) var(--du-pad-sm) var(--du-pad);border-bottom:1px solid var(--du-ui-border)}.du-thread-status{flex:1;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-body{flex:1;overflow-y:auto;padding:var(--du-pad)}.du-thread-item{position:relative;padding-right:var(--du-button-size-sm);margin-bottom:var(--du-space-lg)}.du-thread-item:last-child{margin-bottom:0}.du-thread-item-remove{position:absolute;top:0;right:0}.du-thread-item-meta{margin-bottom:var(--du-space-xs);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-thread-item-meta>strong{color:var(--du-text);font-weight:var(--du-font-weight-strong)}.du-thread-item-body{white-space:pre-wrap}.du-thread-form{display:flex;gap:var(--du-gap-sm);padding:var(--du-pad);border-top:1px solid var(--du-ui-border)}.du-palette{display:flex;flex-direction:column;min-height:0;color:var(--du-text);width:100%}.du-palette-body{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column}.du-palette-section{padding:0 var(--du-menu-pad)}.du-palette-category{width:100%;background:transparent;color:var(--du-text-muted);border:none;padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font:inherit;font-size:var(--du-menu-shortcut-font);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--du-gap-sm)}.du-palette-category-caret{display:inline-flex;align-items:center;opacity:.6}.du-palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--du-gap-sm);align-content:start;padding:0 var(--du-pad) var(--du-pad-sm)}.du-palette-section>.du-palette-grid{padding:0}.du-palette-list{display:flex;flex-direction:column;padding:0 var(--du-menu-pad)}.du-palette-section>.du-palette-list{padding:0}.du-palette-list .du-palette-item{flex-direction:row;align-items:center;justify-content:flex-start;aspect-ratio:auto;gap:var(--du-menu-gap);min-height:var(--du-panel-row-h);padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);text-align:left;font-size:var(--du-menu-font);line-height:var(--du-line-height)}.du-palette-list .du-palette-item-icon{width:var(--du-icon-size)!important;height:var(--du-icon-size)!important;flex:0 0 auto}.du-palette-list .du-palette-item-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-palette-empty{padding:var(--du-space-2xl) var(--du-space-lg);text-align:center;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-palette-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--du-space-sm);aspect-ratio:1;padding:var(--du-space-sm);background:transparent;color:var(--du-text);border:none;border-radius:var(--du-radius-sm);cursor:grab;text-align:center;font-size:var(--du-font-size-xs);line-height:1.1;transition:background var(--du-motion-fast)}.du-palette-item:hover{background:var(--du-hover-overlay)}.du-palette-item:active{cursor:grabbing}.du-palette-item-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--du-text)}.du-palette-item-icon svg{width:100%;height:100%;display:block}.du-palette-item-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.du-prop-panel{display:flex;flex-direction:column;gap:var(--du-space-xl);padding:var(--du-space-sm) 0;color:var(--du-text);font-size:var(--du-font-size-sm)}.du-prop-section{display:flex;flex-direction:column;gap:var(--du-space-sm)}.du-prop-section-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-prop-row{display:flex;align-items:center;gap:var(--du-gap-sm);flex-wrap:wrap}.du-prop-row-label{font-size:var(--du-font-size-sm);color:var(--du-text-muted);min-width:48px}.du-prop-empty{font-style:italic;color:var(--du-text-muted);font-size:var(--du-font-size-sm)}.du-prop-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-prop-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-prop-checkbox{display:inline-flex;align-items:center;gap:var(--du-space-sm);cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text);user-select:none}.du-prop-checkbox input[type=checkbox]{width:var(--du-checkbox-size);height:var(--du-checkbox-size);margin:0;accent-color:var(--du-selected-fg);cursor:pointer}.du-swatch-grid{display:inline-flex;flex-wrap:wrap;gap:var(--du-space-sm);max-width:calc(8 * var(--du-swatch-size) + 7 * var(--du-space-sm))}.du-swatch{position:relative;width:var(--du-swatch-size);height:var(--du-swatch-size);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow var(--du-motion-fast);-webkit-tap-highlight-color:transparent}.du-swatch:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--du-accent)}.du-swatch[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--du-selected-fg)}.du-swatch-fill{display:inline-flex;align-items:center;justify-content:center;width:var(--du-control-h);height:var(--du-control-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box;transition:width var(--du-motion-fast),height var(--du-motion-fast),border-color var(--du-motion-fast)}.du-swatch:hover .du-swatch-fill,.du-swatch:focus-visible .du-swatch-fill{width:var(--du-swatch-size);height:var(--du-swatch-size)}.du-swatch-fill-blank,.du-swatch-custom .du-swatch-fill{background:var(--du-ui-bg-solid);color:var(--du-text-muted)}.du-swatch-color-input{position:absolute;inset:0;opacity:0;cursor:pointer;border:none;padding:0}.du-menu-panel{box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);font-size:var(--du-menu-font);color:var(--menu-text);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-menu-row{all:unset;box-sizing:border-box;display:flex;gap:var(--du-menu-gap);align-items:center;justify-content:space-between;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-menu-row:hover:not(:disabled),.du-menu-row.is-open{background:var(--du-hover-overlay)}.du-menu-row.is-active{background:var(--du-selected-bg)}.du-menu-row:disabled{cursor:not-allowed;opacity:.4}.du-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-menu-row-main{display:inline-flex;gap:var(--du-menu-gap);align-items:center;min-width:0}.du-menu-gutter{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--du-menu-gutter);color:var(--du-text-muted)}.du-menu-gutter.is-accent{color:var(--du-accent)}.du-menu-shortcut{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-menu-sep{margin:var(--du-menu-sep) 0;border:0;border-top:1px solid var(--menu-divider)}.du-menu-group-title{padding:var(--du-menu-sep) var(--du-menu-row-pad-x) var(--du-space-xs);font-size:var(--du-menu-shortcut-font);letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted);text-transform:uppercase}.du-menu-submenu:before{content:\"\";position:absolute;top:0;bottom:0;right:100%;width:calc(var(--du-menu-pad) + 1px + var(--du-submenu-gap))}.du-modal-header{display:flex;gap:var(--du-modal-gap);align-items:center;justify-content:space-between;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-bottom:1px solid var(--du-ui-border)}.du-modal-body{padding:var(--du-modal-pad-y) var(--du-modal-pad-x);overflow-y:auto}.du-modal-footer{display:flex;gap:var(--du-gap);justify-content:flex-end;padding:var(--du-modal-pad-y) var(--du-modal-pad-x);border-top:1px solid var(--du-ui-border)}.du-modal-title{margin:0;font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);line-height:var(--du-line-height);color:var(--du-text)}.du-modal-subtitle{margin:var(--du-space-sm) 0 0;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:var(--du-space-sm);color:var(--du-text);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer}.du-modal-close:hover{background:var(--du-hover-overlay)}.du-modal-close:focus-visible{outline:2px solid var(--du-accent);outline-offset:var(--du-space-xs)}.du-merge-conflict{margin-bottom:var(--du-space-lg);padding:var(--du-space-md);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm)}.du-merge-conflict-title{margin-bottom:var(--du-space-sm);font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-merge-conflict-picks{display:flex;gap:var(--du-gap)}.du-merge-conflict-pick{display:flex;align-items:center;gap:var(--du-space-sm);font-size:var(--du-font-size-sm)}.du-toast{display:flex;align-items:flex-start;gap:var(--du-space-lg);min-width:var(--du-toast-min-w);max-width:var(--du-toast-max-w);padding:var(--du-space-md) var(--du-space-lg);font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);pointer-events:auto}.du-toast-message{flex:1}.du-toast-dismiss{padding:0;font-size:var(--du-font-size-lg);line-height:1;color:var(--du-text-muted);background:transparent;border:none;cursor:pointer}.du-toast-dismiss:hover{color:var(--du-text)}.du-sheet-grip{display:flex;justify-content:center;padding:var(--du-space-md) 0;cursor:grab;touch-action:none}.du-sheet-grip-bar{display:block;width:36px;height:var(--du-space-sm);border-radius:var(--du-radius-round);background:var(--du-text);opacity:.4}.du-sheet-body{flex:1;overflow-y:auto;padding:0 var(--du-space-lg) var(--du-space-lg)}.du-button-group>.du-brand,.du-brand{width:auto;min-width:var(--du-button-size);padding:0 var(--du-space-md);cursor:default}.du-brand:hover{background:transparent}.du-brand-logo{display:inline-flex;align-items:center;height:var(--du-brand-h)}.du-brand-logo>svg{display:block;height:var(--du-brand-h);width:auto}.du-brand-logo>.du-brand-logo-dark{display:none}@media(prefers-color-scheme:dark){.du-brand-logo>.du-brand-logo-light{display:none}.du-brand-logo>.du-brand-logo-dark{display:block}}[data-theme=light] .du-brand-logo>.du-brand-logo-light{display:block}[data-theme=light] .du-brand-logo>.du-brand-logo-dark{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-light{display:none}[data-theme=dark] .du-brand-logo>.du-brand-logo-dark{display:block}.du-zoom-trigger{min-width:56px;padding:0 var(--du-space-md);font-variant-numeric:tabular-nums}.du-zoom-readout{display:inline-block;min-width:var(--du-button-size);text-align:center;font-variant-numeric:tabular-nums}.du-zoom-floating{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-toolbar-divider{flex:none;width:1px;height:var(--du-icon-size);margin:0 var(--du-space-sm);background:var(--du-ui-border)}.du-toolbar-divider.is-vertical{width:100%;height:1px;margin:var(--du-space-sm) 0}.du-minimap-dock{position:absolute;right:var(--du-bar-inset);bottom:var(--du-bar-clear);z-index:var(--du-z-ui);overflow:hidden;background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-dock{position:absolute;top:round(50%,1px);z-index:var(--du-z-ui);translate:0 round(-50%,1px)}.du-drop-overlay{position:absolute;inset:0;z-index:var(--du-z-drop-overlay);pointer-events:none;background:color-mix(in srgb,var(--du-accent) 6%,transparent)}.du-drop-overlay-frame{position:absolute;inset:var(--du-bar-inset);display:flex;align-items:center;justify-content:center;border:2px dashed var(--du-accent);border-radius:var(--du-radius-lg)}.du-drop-overlay-card{display:flex;flex-direction:column;align-items:stretch;min-width:320px;max-width:min(560px,80%);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-lg);box-shadow:var(--du-ui-shadow);overflow:hidden}.du-drop-overlay-center{display:flex;flex-direction:column;align-items:center;gap:var(--du-space-md);padding:var(--du-space-2xl) calc(2 * var(--du-space-2xl));color:var(--du-accent)}.du-drop-overlay-label{font-family:var(--du-font-family);font-size:var(--du-font-size-lg);font-weight:var(--du-font-weight-strong);letter-spacing:.2em;text-transform:uppercase}.du-drop-overlay-types{display:flex;flex-direction:column;margin:0;padding:var(--du-space-md) var(--du-space-xl);border-top:1px solid var(--du-ui-border);list-style:none}.du-drop-type{display:flex;align-items:center;gap:var(--du-gap);min-height:var(--du-control-size);font-family:var(--du-font-family);font-size:var(--du-font-size);color:var(--du-text)}.du-drop-type-label{font-weight:var(--du-font-weight-strong);white-space:nowrap}.du-drop-type-formats{font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-tool-options-dock{position:absolute;top:var(--du-bar-clear);right:var(--du-bar-inset);z-index:var(--du-z-ui)}.du-switch{position:relative;flex:none;width:var(--du-switch-w);height:var(--du-switch-h);padding:0;background:var(--du-ui-border);border:0;border-radius:var(--du-radius-round);cursor:pointer;transition:background var(--du-motion-fast)}.du-switch.is-on{background:var(--du-accent)}.du-switch:disabled{cursor:not-allowed;opacity:.4}.du-switch-knob{position:absolute;top:var(--du-space-xs);left:var(--du-space-xs);width:calc(var(--du-switch-h) - 2 * var(--du-space-xs));height:calc(var(--du-switch-h) - 2 * var(--du-space-xs));background:var(--du-text-on-accent);border-radius:50%;box-shadow:var(--du-ui-shadow);transition:transform var(--du-motion-fast)}.du-switch.is-on .du-switch-knob{transform:translate(calc(var(--du-switch-w) - var(--du-switch-h)))}.du-switch:focus-visible{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider{display:flex;align-items:center;gap:var(--du-space-md);width:100%}.du-slider-track{flex:1;-webkit-appearance:none;appearance:none;background:transparent;height:var(--du-switch-h);margin:0;padding:0;cursor:pointer}.du-slider-track::-webkit-slider-runnable-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs)}.du-slider-track::-moz-range-track{height:var(--du-space-sm);background:var(--du-selected-bg);border-radius:var(--du-space-xs);border:none}.du-slider-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);margin-top:-5px;cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track::-moz-range-thumb{width:14px;height:14px;background:var(--du-selected-fg);border-radius:50%;border:2px solid var(--du-ui-bg-solid);cursor:grab;box-shadow:var(--du-ui-shadow)}.du-slider-track:focus{outline:none}.du-slider-track:focus-visible::-webkit-slider-thumb{outline:2px solid var(--du-accent);outline-offset:2px}.du-slider-value{min-width:36px;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--du-font-size-sm);color:var(--du-text-muted)}.du-number-input{width:64px;height:var(--du-control-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-sm);font:inherit;font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums;outline:none}.du-number-input:focus{border-color:var(--du-accent)}.du-side-panel-search{position:relative;padding:var(--du-pad-sm) var(--du-pad) var(--du-pad)}.du-side-panel-search input[type=search]{width:100%;height:var(--du-input-h);box-sizing:border-box;background:var(--du-ui-bg-solid);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);padding:0 var(--du-space-md) 0 calc(var(--du-space-md) + var(--du-input-icon-size) + var(--du-space-sm));font:inherit;font-size:var(--du-font-size-sm);outline:none}.du-side-panel-search input[type=search]::placeholder{color:var(--du-text-muted)}.du-side-panel-search input[type=search]:focus{border-color:var(--du-accent)}.du-side-panel-search-icon{position:absolute;left:calc(var(--du-pad) + var(--du-space-md));top:50%;transform:translateY(-50%);color:var(--du-text-muted);pointer-events:none}.du-pill-button{display:inline-flex;align-items:center;gap:var(--du-gap-sm);padding:0 var(--du-space-lg);height:var(--du-button-size);background:var(--du-ui-bg);color:var(--du-text);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-round);box-shadow:var(--du-ui-shadow);cursor:pointer;font-family:var(--du-font-family);font-size:var(--du-font-size);line-height:1;white-space:nowrap;transition:background var(--du-motion-fast),transform var(--du-motion-press)}.du-pill-button:hover{background:var(--du-ui-bg-solid)}.du-pill-button:active{transform:scale(.96)}.du-tooltip{background:var(--du-tooltip-bg);color:var(--du-tooltip-fg);padding:var(--du-space-sm) var(--du-space-md);border-radius:var(--du-radius-sm);font-size:var(--du-font-size-sm);line-height:1.4;white-space:nowrap;box-shadow:var(--du-ui-shadow);font-family:var(--du-font-family);max-width:var(--du-tooltip-max-w)}.du-help-islands{display:grid;gap:var(--du-space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.du-help-island{display:flex;flex-direction:column;gap:var(--du-space-md)}.du-help-island-title{margin:0;font-size:var(--du-font-size);font-weight:var(--du-font-weight-strong);color:var(--du-text)}.du-help-island-rows{border:1px solid var(--du-ui-border);border-radius:var(--du-radius);overflow:hidden}.du-help-row{display:flex;align-items:center;justify-content:space-between;gap:var(--du-space-lg);padding:var(--du-space-md) var(--du-space-lg);font-size:var(--du-font-size);line-height:var(--du-line-height);color:var(--du-text);border-bottom:1px solid var(--du-ui-border)}.du-help-row:last-child{border-bottom:none}.du-help-row-label{min-width:0}.du-help-keys{display:inline-flex;align-items:center;gap:var(--du-space-sm);flex-shrink:0}.du-help-keys-separator{font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:0 var(--du-space-xs)}.du-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-key-h);height:var(--du-key-h);padding:0 var(--du-space-sm);background:var(--du-selected-bg);color:var(--du-selected-fg);border-radius:var(--du-radius-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong);line-height:1;white-space:nowrap}.du-help-platform-badge{font-size:var(--du-font-size-sm);color:var(--du-text-muted);text-transform:uppercase;letter-spacing:var(--du-caps-tracking)}.du-sel-panel{display:inline-flex;align-items:center;gap:var(--du-gap-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-pad-sm);font-size:var(--du-font-size-sm);color:var(--du-text);max-width:calc(100vw - 2 * var(--du-bar-inset));overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.du-sel-panel-dock{position:fixed;left:0;right:0;bottom:calc(var(--du-bar-clear) + env(safe-area-inset-bottom,0px));z-index:var(--du-z-floating);display:flex;justify-content:center;padding:0 var(--du-space-md);pointer-events:none}.du-sel-panel-mobile{pointer-events:auto;flex-direction:column;align-items:stretch;width:100%;max-width:var(--du-modal-max-w);overflow:visible;gap:var(--du-space-sm);padding:var(--du-space-md)}.du-sel-mobile-row{display:flex;align-items:center;gap:var(--du-gap-sm);width:100%}.du-sel-mobile-primary{display:flex;align-items:center;gap:var(--du-gap-sm);flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.du-sel-mobile-primary::-webkit-scrollbar{display:none}.du-sel-mobile-expand{flex:0 0 auto}.du-sel-mobile-overflow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--du-gap-sm);border-top:1px solid var(--du-ui-border);padding-top:var(--du-space-md)}.du-sel-panel-mobile .du-sel-icon-button,.du-sel-panel-mobile .du-sel-color-trigger{width:var(--du-touch-size);height:var(--du-touch-size)}.du-sel-panel-mobile .du-button-group>.du-icon-button{width:var(--du-control-size);height:var(--du-control-size)}.du-sel-panel .du-button-group{background:transparent;border:none;box-shadow:none;padding:0;gap:var(--du-space-xs)}.du-sel-panel .du-button-group>.du-icon-button{width:var(--du-button-size-sm);height:var(--du-button-size-sm)}.du-sel-color-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.du-sel-color-trigger:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-color-trigger:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-color-swatch{display:inline-block;width:var(--du-divider-h);height:var(--du-divider-h);border-radius:var(--du-radius-sm);border:1px solid var(--du-ui-border);box-sizing:border-box}.du-sel-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:0;background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text)}.du-sel-icon-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-icon-button.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-sel-icon-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-text-button{display:inline-flex;align-items:center;justify-content:center;height:var(--du-button-size-sm);min-width:var(--du-button-size-sm);padding:0 var(--du-space-md);background:transparent;border:none;border-radius:var(--du-radius-sm);cursor:pointer;color:var(--du-text);font-size:var(--du-font-size-sm);font-variant-numeric:tabular-nums}.du-sel-text-button:hover:not(:disabled){background:var(--du-hover-overlay)}.du-sel-text-button:focus-visible{outline:2px solid var(--du-accent);outline-offset:1px}.du-sel-group{display:inline-flex;gap:var(--du-gap-sm);align-items:center}.du-sel-group:empty{display:none}.du-sel-group:not(:empty)~.du-sel-group:not(:empty):before{display:inline-block;width:1px;height:var(--du-divider-h);margin:0 var(--du-space-xs);content:\"\";background:var(--du-ui-border)}.du-popover{background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);padding:var(--du-popover-pad);font-size:var(--du-font-size-sm);color:var(--du-text);min-width:var(--du-popover-min-w);max-width:var(--du-popover-max-w)}.du-sel-popover-section{display:flex;flex-direction:column;gap:var(--du-space-md);min-width:0}.du-sel-popover-label{margin:0;font-size:var(--du-font-size-xs);font-weight:var(--du-font-weight-strong);text-transform:uppercase;letter-spacing:var(--du-caps-tracking);color:var(--du-text-muted)}.du-sel-menu-row{all:unset;display:flex;align-items:center;width:100%;min-height:var(--du-menu-row-h);box-sizing:border-box;padding:0 var(--du-menu-row-pad-x);border-radius:var(--du-menu-row-radius);font-size:var(--du-menu-font);color:var(--du-text);cursor:pointer}.du-sel-menu-row:hover{background:var(--du-hover-overlay)}.du-sel-menu-row.is-active{background:var(--du-selected-bg)}.du-sel-link-input{width:220px;max-width:60vw;box-sizing:border-box;padding:var(--du-space-sm) var(--du-space-md);font-size:var(--du-font-size);color:var(--du-text);background:var(--du-ui-bg);border:1px solid var(--du-ui-border);border-radius:var(--du-radius-sm);outline:none}.du-sel-link-input:focus-visible{outline:2px solid var(--du-accent);outline-offset:-1px}.du-link-popup{z-index:var(--du-z-link-chrome);margin-top:calc(-1 * var(--du-space-sm));pointer-events:auto}.du-sel-align-rows{display:flex;flex-direction:column;gap:var(--du-space-sm);padding:var(--du-space-sm)}.du-sel-align-rows-row{display:flex;gap:var(--du-space-sm);justify-content:center}.du-sel-name-input{width:140px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm)}.du-sel-name-input:hover,.du-sel-name-input:focus{border-color:var(--menu-border);outline:none}.du-sel-auto-size{width:auto;padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-size-letter{font-family:var(--du-font-family);font-size:var(--du-font-size-sm);font-weight:var(--du-font-weight-strong)}.du-sel-emoji-grid{display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm)}.du-sel-emoji-item{width:var(--du-input-h);height:var(--du-input-h);padding:0;font-size:var(--du-font-size-lg);line-height:1;background:transparent;border:1px solid transparent;border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-emoji-item:hover{border-color:var(--menu-border)}.du-sel-tag-list{display:flex;flex-wrap:wrap;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-tag-pill{display:inline-flex;align-items:center;gap:var(--du-space-sm);padding:var(--du-space-xs) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius-round)}.du-sel-tag-remove{padding:0 var(--du-space-xs);font-size:var(--du-font-size-sm);line-height:1;color:inherit;background:transparent;border:0;cursor:pointer}.du-sticky-reactions{position:fixed;z-index:var(--du-z-link-chrome);display:flex;align-items:center;pointer-events:auto}.du-sticky-reaction-hit{position:fixed;z-index:var(--du-z-link-chrome);padding:0;background:transparent;border:0;border-radius:var(--du-radius-round);cursor:pointer}.du-sticky-reaction-picker{position:absolute;bottom:var(--du-key-h);left:0;display:grid;grid-template-columns:repeat(5,var(--du-input-h));gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-sel-swatch-ring{background:transparent;border:3px solid var(--menu-border)}.du-sel-preset-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--du-space-sm)}.du-sel-preset-item{padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);cursor:pointer}.du-sel-preset-item:hover{border-color:var(--du-accent)}.du-sel-alt-input{width:200px;padding:var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-text);background:transparent;border:1px solid var(--menu-border);border-radius:var(--du-radius-sm);resize:vertical}.du-link-badge{z-index:var(--du-z-link-chrome);display:inline-flex;align-items:center;justify-content:center;width:var(--du-divider-h);height:var(--du-divider-h);padding:0;color:var(--du-accent);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:50%;box-shadow:var(--du-ui-shadow);transform:translate(-40%,-60%);cursor:pointer;pointer-events:auto}.du-link-badge:hover{color:var(--du-accent-strong, var(--du-accent));border-color:var(--du-accent)}.du-link-popup-url{display:inline-flex;align-items:center;gap:var(--du-space-sm);max-width:280px;padding:var(--du-space-sm) var(--du-space-md);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);color:var(--du-accent);text-decoration:none;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow);cursor:pointer}.du-link-popup-url:hover{background:var(--du-hover-overlay)}.du-link-popup-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.du-arrowhead-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--du-space-xs);margin-top:var(--du-space-sm)}.du-arrowhead-option{display:inline-flex;align-items:center;justify-content:center;min-width:var(--du-swatch-size);height:var(--du-swatch-size);padding:var(--du-space-xs);border:1px solid transparent;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-arrowhead-option:hover{background:var(--du-hover-overlay)}.du-arrowhead-option--active{border-color:var(--du-accent)}.du-arrowhead-none{font-size:var(--du-font-size);opacity:.6}.du-arrowhead-erd-label{font-size:var(--du-font-size-xs);line-height:1.05;text-align:center}.du-arrowhead-erd-toggle{margin-top:var(--du-space-sm);width:100%;text-align:left;border:none;background:transparent;cursor:pointer;font-size:var(--du-font-size-sm);color:var(--du-text-muted);padding:var(--du-space-xs) 0}.du-arrowhead-erd-toggle:hover{color:var(--du-text)}.du-link-caption-input{min-width:60px;max-width:220px;padding:var(--du-space-xs) var(--du-space-sm);font-family:var(--du-font-family);font-size:var(--du-font-size-sm);line-height:1.25;text-align:center;color:var(--du-text);background:var(--du-ui-bg-solid);border:1px solid var(--du-accent);border-radius:var(--du-radius-sm);box-shadow:var(--du-ui-shadow);outline:none;resize:none;overflow:hidden}.du-link-drop-menu{display:flex;gap:var(--du-space-xs);padding:var(--du-space-sm);background:var(--du-ui-bg-solid);border:1px solid var(--du-ui-border);border-radius:var(--du-radius);box-shadow:var(--du-ui-shadow)}.du-link-drop-item{display:inline-flex;align-items:center;justify-content:center;width:var(--du-button-size-sm);height:var(--du-button-size-sm);padding:var(--du-space-sm);border:none;border-radius:var(--du-radius-sm);background:transparent;cursor:pointer;color:var(--du-text)}.du-link-drop-item:hover{background:var(--du-hover-overlay)}.du-link-drop-item svg{width:100%;height:100%}.du-sel-menu-row:focus-visible{outline:2px solid var(--du-accent);outline-offset:-2px}.du-sel-mask-tiles{display:flex;gap:var(--du-space-sm);margin-bottom:var(--du-space-sm)}.du-sel-arrange-row{display:flex;gap:var(--du-space-xs)}.du-sel-mask-list{display:flex;flex-direction:column;margin-bottom:var(--du-space-sm)}.du-sel-mask-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-sel-mask-row:hover{background:var(--du-hover-overlay)}.du-sel-mask-row.is-active{background:var(--du-selected-bg)}.du-sel-mask-ratio{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout{position:absolute;top:0;left:calc(100% + var(--du-pad-sm) + 1px + var(--du-flyout-gap));z-index:var(--du-z-ui);display:flex;flex-direction:column;box-sizing:border-box;min-width:var(--du-menu-min-w);padding:var(--du-menu-pad);background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:var(--du-menu-radius);box-shadow:var(--du-ui-shadow)}.du-shapes-flyout-row{display:flex;gap:var(--du-menu-gap);align-items:center;width:100%;min-height:var(--du-menu-row-h);padding:0 var(--du-menu-row-pad-x);font-size:var(--du-menu-font);color:var(--du-text);text-align:left;background:transparent;border:0;border-radius:var(--du-menu-row-radius);cursor:pointer}.du-shapes-flyout-row:hover{background:var(--du-hover-overlay)}.du-shapes-flyout-row.is-active{background:var(--du-selected-bg);color:var(--du-selected-fg)}.du-shapes-flyout-row.is-active .du-shapes-flyout-hotkey{color:inherit}.du-shapes-flyout-hotkey{margin-left:auto;font-size:var(--du-menu-shortcut-font);color:var(--du-text-muted)}.du-shapes-flyout-divider{margin:var(--du-menu-sep) 0;border:none;border-top:1px solid var(--du-ui-border)}\n";
4
4
  //# sourceMappingURL=styles.generated.js.map
package/dist/styles.generated.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.generated.js","sourceRoot":"","sources":["../src/styles.generated.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,eAAe,GAAG,o89CAAo89C,CAAC"}
1
+ {"version":3,"file":"styles.generated.js","sourceRoot":"","sources":["../src/styles.generated.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,eAAe,GAAG,4/9CAA4/9C,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oh-just-another/diagram",
3
- "version": "0.3.1",
3
+ "version": "0.3.2",
4
4
  "description": "Framework-neutral custom element (<oja-diagram>) wrapping the diagram editor — drop into any framework or plain HTML.",
5
5
  "license": "MIT",
6
6
  "author": "Rustam Garifulin <rustam@n69.in>",
@@ -46,9 +46,9 @@
46
46
  "dependencies": {
47
47
  "react": "19.2.6",
48
48
  "react-dom": "19.2.6",
49
- "@oh-just-another/editor": "0.62.0",
50
- "@oh-just-another/react-ui": "0.62.0",
51
- "@oh-just-another/scene": "0.62.0"
49
+ "@oh-just-another/editor": "0.62.1",
50
+ "@oh-just-another/scene": "0.62.0",
51
+ "@oh-just-another/react-ui": "0.63.0"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@types/react": "19.2.15",