.inline-editor{box-sizing:border-box;border:var(--hairline) solid var(--accent);background:var(--paper);color:var(--ink);font-family:var(--font-diagram);resize:none;-webkit-user-select:text;user-select:text;border-radius:0;outline:none;margin:0;padding:0 2px;line-height:1.2;position:absolute}.m-canvas-scroll{background:var(--paper);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:auto}.m-canvas-scroll--pan-ready{cursor:grab}.m-canvas-scroll--panning{cursor:grabbing}.m-canvas-scroll:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:-2px}.m-canvas-stage{position:relative}.m-canvas-stage--left{min-width:100%}.m-canvas-stage--center{width:fit-content;margin-inline:auto}.m-canvas-visible-area{pointer-events:none;position:absolute;inset:0}.m-canvas-visible-area--drawer{inset-inline-end:calc(var(--m-drawer-w) + var(--m-space-3))}.m-canvas-header-row{z-index:1;background:var(--paper-raised);border-bottom:1px solid var(--m-line);position:sticky;top:0}.m-canvas-header-layer,.m-canvas-body{display:block}.m-canvas-add-participant{box-sizing:border-box;border:1px dashed var(--m-line-strong);border-radius:var(--m-diagram-radius-pill);background:var(--paper-raised);color:var(--ink-faint);font-family:var(--m-font-ui);cursor:pointer;transition:border-color var(--m-motion-fast) var(--m-ease), color var(--m-motion-fast) var(--m-ease);justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}.m-canvas-add-participant:hover,.m-canvas-add-participant:focus-visible{border-style:solid;border-color:var(--m-brand);color:var(--m-brand)}.m-canvas-add-participant:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}@media (hover:hover){.m-message:hover:not(.is-selected) .m-message-line{stroke-width:3px}.m-note:hover:not(.is-selected) circle{stroke:var(--ink);stroke-width:2px}.m-note:hover:not(.is-selected) rect,.m-note:hover:not(.is-selected) polygon,.m-activation:hover:not(.is-selected) rect{stroke-width:2px}.m-block:hover:not(.is-selected)>rect{stroke-width:2.5px}.m-box:hover:not(.is-selected) rect,.m-participant:hover:not(.is-selected) .m-participant-pill{stroke-width:2px}}@media (prefers-reduced-motion:reduce){.m-canvas-add-participant{transition:none}}.m-context-menu{z-index:20;min-width:180px;padding:var(--m-space-1);background:var(--m-surface-2);border:1px solid var(--m-surface-2-line);border-radius:var(--m-radius-md);box-shadow:var(--m-shadow-3);font-family:var(--m-font-ui);font-size:var(--m-text-sm);color:var(--m-fg);flex-direction:column;display:flex;position:fixed}.m-context-menu__item{box-sizing:border-box;width:100%;min-height:32px;padding:0 var(--m-space-2);border-radius:var(--m-radius-sm);color:var(--m-fg);font-family:var(--m-font-ui);font-size:var(--m-text-sm);text-align:left;cursor:pointer;background:0 0;border:none}.m-context-menu__item:hover,.m-context-menu__item:focus-visible{background:var(--m-hover);outline:none}.m-field{border:none;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.m-field__label,.m-field>legend{font-size:var(--m-text-2xs);color:var(--m-fg-muted)}.m-field input[type=text],.m-field input[type=number],.m-field select,.m-field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:30px;padding:0 var(--m-space-2);border:1px solid var(--m-line-strong);border-radius:var(--m-radius-sm);background:var(--m-surface-2);color:var(--m-fg);font-family:var(--m-font-ui);font-size:var(--m-text-sm)}.m-field textarea{padding:6px var(--m-space-2);resize:vertical;min-height:54px;line-height:var(--m-leading-tight)}.m-field input:focus-visible,.m-field select:focus-visible,.m-field textarea:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-field-row{gap:var(--m-space-2);grid-template-columns:repeat(2,minmax(96px,1fr));display:grid}.m-field-group{border-top:1px solid var(--m-line);padding-top:var(--m-space-2)}.m-field-group__summary{font-size:var(--m-text-2xs);color:var(--m-fg-muted);cursor:pointer;list-style:none}.m-field-group__summary::-webkit-details-marker{display:none}.m-field-group__summary:before{content:"▸";transition:transform var(--m-motion-fast) var(--m-ease);margin-inline-end:4px;display:inline-block}.m-field-group[open]>.m-field-group__summary:before{transform:rotate(90deg)}.m-field-group__body{gap:var(--m-space-2);margin-top:var(--m-space-2);flex-direction:column;display:flex}.m-field__color{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.m-field__color select{flex:auto;min-width:0}.m-field__color input[type=text]{width:88px;font-family:var(--m-font-mono);flex:none}.m-field__swatch{border:1px solid var(--m-line-strong);border-radius:var(--m-radius-sm);flex:none;width:16px;height:16px}.m-field--step{gap:var(--m-space-2)}.m-field__step-modes{gap:var(--m-space-2);font-size:var(--m-text-xs);flex-wrap:wrap;display:flex}.m-field__step-modes label{align-items:center;gap:4px;display:flex}.m-field__step-description,.m-field__step-current{font-size:var(--m-text-2xs);color:var(--m-fg-muted);line-height:var(--m-leading);margin:0}.m-field__step-current span{font-variant-numeric:tabular-nums;color:var(--m-fg)}.m-field--attrs{gap:var(--m-space-2)}.m-field__attr-row{gap:4px;display:flex}.m-field__attr-row input{flex:auto;min-width:0}.m-field__add-button,.m-field__icon-button{box-sizing:border-box;border:1px solid var(--m-line-strong);border-radius:var(--m-radius-sm);background:var(--m-surface-2);height:28px;color:var(--m-fg);font-family:var(--m-font-ui);font-size:var(--m-text-xs);cursor:pointer}.m-field__add-button{padding:0 var(--m-space-2);align-self:flex-start}.m-field__add-button:hover,.m-field__icon-button:hover{background:var(--m-hover)}.m-field__icon-button{flex:none;min-width:28px}.m-field__icon-button:disabled{color:var(--m-disabled-fg);cursor:not-allowed}.m-edit-popover{box-sizing:border-box;z-index:15;gap:var(--m-space-2);padding:var(--m-space-3);background:var(--m-surface-2);border:1px solid var(--m-surface-2-line);border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow-3);font-family:var(--m-font-ui);font-size:var(--m-text-sm);color:var(--m-fg);flex-direction:column;display:flex;position:absolute}.m-edit-popover__kind{font-size:var(--m-text-2xs);font-weight:var(--m-weight-medium);color:var(--m-fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.m-edit-popover__body{gap:var(--m-space-3);flex-direction:column;display:flex}.m-floating-surface{background:var(--m-surface-2);border:1px solid var(--m-surface-2-line);border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow-2)}.m-floating-surface--lg{box-shadow:var(--m-shadow-3)}.m-dock-button{color:var(--m-fg-muted);cursor:pointer;transition:background var(--m-motion-fast) var(--m-ease), color var(--m-motion-fast) var(--m-ease);background:0 0;border:none;align-items:center;font-family:inherit;display:inline-flex}.m-dock-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--m-hover);color:var(--m-fg)}.m-dock-button:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-dock-button:disabled,.m-dock-button[aria-disabled=true]{color:var(--m-disabled-fg);cursor:not-allowed}.m-menu-item{align-items:center;gap:var(--m-space-2);width:100%;padding:var(--m-space-2) var(--m-space-3);border-radius:var(--m-radius-sm);color:var(--m-fg);font:inherit;font-size:var(--m-text-sm);text-align:start;cursor:pointer;transition:background var(--m-motion-fast) var(--m-ease);background:0 0;border:none;display:flex}.m-menu-item:hover{background:var(--m-hover)}.m-menu-item:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:-2px}.m-menu-toggle-row{gap:var(--m-space-1);padding:0 var(--m-space-2) var(--m-space-2);flex-wrap:wrap;display:flex}.m-menu-toggle{padding:6px var(--m-space-3);border:1px solid var(--m-line-strong);border-radius:var(--m-radius-pill);color:var(--m-fg-muted);font:inherit;font-size:var(--m-text-xs);cursor:pointer;transition:background var(--m-motion-fast) var(--m-ease), color var(--m-motion-fast) var(--m-ease);background:0 0;align-items:center;gap:6px;display:inline-flex}.m-menu-toggle:hover{background:var(--m-hover);color:var(--m-fg)}.m-menu-toggle:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-menu-toggle[aria-pressed=true],.m-menu-toggle[aria-checked=true]{background:var(--m-brand-soft);border-color:var(--m-brand-line);color:var(--m-brand-strong)}.m-menu-section{padding:var(--m-space-2) var(--m-space-2) var(--m-space-1);color:var(--m-fg-faint);font-size:var(--m-text-2xs);font-weight:var(--m-weight-medium);margin:0}.m-app-drawer__backdrop{z-index:45;background:var(--m-scrim);position:fixed;inset:0}.m-app-drawer{box-sizing:border-box;width:min(var(--m-app-drawer-w), 100vw);max-width:100vw;font-family:var(--m-font-ui);animation:m-app-drawer-slide-in var(--m-motion) var(--m-ease);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}.m-app-drawer.m-floating-surface{border-block:none;border-inline-start:none;border-radius:0}@keyframes m-app-drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.m-app-drawer{animation:none}}.m-app-drawer__header{padding:var(--m-space-3) var(--m-space-4);border-bottom:1px solid var(--m-line);flex:none;justify-content:space-between;align-items:center;display:flex}.m-app-drawer__title{font-size:var(--m-text-sm);font-weight:var(--m-weight-bold);color:var(--m-fg)}.m-app-drawer__close{border-radius:var(--m-radius-sm);width:30px;height:30px;color:var(--m-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.m-app-drawer__close:hover{background:var(--m-hover);color:var(--m-fg)}.m-app-drawer__close:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-app-drawer__body{min-height:0;padding:var(--m-space-3) var(--m-space-2);flex:auto;overflow-y:auto}.m-app-drawer__group-title{padding:var(--m-space-2) var(--m-space-2) var(--m-space-1);color:var(--m-fg-faint);font-size:var(--m-text-2xs);font-weight:var(--m-weight-medium);margin:0}.m-empty-state{z-index:5;justify-content:center;align-items:center;gap:var(--m-space-2);padding:var(--m-space-6);pointer-events:none;text-align:center;font-family:var(--m-font-ui);flex-direction:column;display:flex;position:absolute;inset:0}.m-empty-state__lead{color:var(--m-fg-muted);font-size:var(--m-text-lg);font-weight:var(--m-weight-medium);margin:0}.m-empty-state__hint{max-width:44ch;color:var(--m-fg-faint);font-size:var(--m-text-sm);line-height:var(--m-leading);margin:0}.m-empty-state__actions{gap:var(--m-space-3);margin-top:var(--m-space-3);pointer-events:auto;display:flex}.m-empty-state__action{align-items:center;gap:var(--m-space-2);padding:var(--m-space-2) var(--m-space-4);border:1px solid var(--m-brand-line);border-radius:var(--m-radius-pill);background:var(--m-brand-strong);color:var(--m-brand-fg);font:inherit;font-size:var(--m-text-sm);font-weight:var(--m-weight-medium);cursor:pointer;box-shadow:var(--m-shadow-2);transition:transform var(--m-motion-fast) var(--m-ease);display:inline-flex}.m-empty-state__action:hover{transform:translateY(-1px)}.m-empty-state__action:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:2px}.m-empty-state__action--secondary{background:var(--m-surface-2);color:var(--m-fg);box-shadow:var(--m-shadow-1)}.m-mermaid-preview{background:var(--paper);font-family:var(--m-font-ui);flex-direction:column;display:flex;position:absolute;inset:0}.m-mermaid-preview__banner{align-items:center;gap:var(--m-space-3);padding:var(--m-space-2) var(--m-space-4);background:var(--m-surface-1);border-bottom:1px solid var(--m-surface-1-line);font-size:var(--m-text-xs);color:var(--m-fg-muted);flex:none;display:flex}.m-mermaid-preview__badge{padding:2px var(--m-space-3);border-radius:var(--m-radius-pill);background:var(--m-brand-soft);border:1px solid var(--m-brand-line);color:var(--m-brand);font-weight:var(--m-weight-medium);white-space:nowrap;flex:none;align-items:center;display:inline-flex}.m-mermaid-preview__summary{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.m-mermaid-preview__body{padding:var(--m-space-6);flex:auto;overflow:auto}.m-mermaid-preview__hint{color:var(--m-fg-faint);font-size:var(--m-text-sm);margin:0}.m-mermaid-preview__error{margin-bottom:var(--m-space-4);padding:var(--m-space-2) var(--m-space-3);border-left:3px solid var(--m-danger);background:0 0}.m-mermaid-preview__error-message{color:var(--m-danger);font-family:var(--m-font-mono);font-size:var(--m-text-sm);white-space:pre-wrap;word-break:break-word;margin:0}.m-mermaid-preview__svg{width:fit-content}.m-mermaid-preview__svg svg{max-width:none;display:block}.m-bulk-edit{gap:var(--m-space-3);flex-direction:column;display:flex}.m-bulk-edit__count{font-size:var(--m-text-2xs);font-weight:var(--m-weight-medium);color:var(--m-fg-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.m-bulk-edit__form{gap:var(--m-space-3);flex-direction:column;display:flex}.m-bulk-edit__note{font-size:var(--m-text-sm);color:var(--m-fg-muted);line-height:var(--m-leading);margin:0}.m-property-drawer{z-index:20;box-sizing:border-box;width:var(--m-drawer-w);flex-direction:column;display:flex;position:absolute;inset-inline-end:var(--m-space-3);overflow:hidden}.m-property-drawer__header{padding:var(--m-space-2) var(--m-space-3);border-bottom:1px solid var(--m-line);font-family:var(--m-font-ui);flex:none;justify-content:space-between;align-items:center;display:flex}.m-property-drawer__title{font-size:var(--m-text-sm);font-weight:var(--m-weight-bold);color:var(--m-fg)}.m-property-drawer__close{border-radius:var(--m-radius-sm);width:26px;height:26px;color:var(--m-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.m-property-drawer__close:hover{background:var(--m-hover);color:var(--m-fg)}.m-property-drawer__close:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-property-drawer__body{min-height:0;padding:var(--m-space-2) var(--m-space-3);flex:auto;overflow-y:auto}.m-dropdown-menu{z-index:30;box-sizing:border-box;min-width:220px;max-width:min(320px, calc(100vw - var(--m-space-4)));max-height:min(420px, calc(100vh - var(--m-space-4)));padding:var(--m-space-2);font-family:var(--m-font-ui);position:fixed;overflow-y:auto}.m-dropdown-menu>[role=group]+[role=group],.m-dropdown-menu>.m-menu-section:not(:first-child){margin-block-start:var(--m-space-1)}.m-appbar{justify-content:space-between;align-items:center;gap:var(--m-space-3);box-sizing:border-box;height:var(--m-appbar-h);padding-inline:var(--m-space-3);background:var(--m-surface-1);border-bottom:1px solid var(--m-line);font-family:var(--m-font-ui);color:var(--m-fg);flex:none;display:flex}.m-appbar__group{align-items:center;gap:var(--m-space-2);flex:none;min-width:0;display:flex}.m-appbar__group--right{flex-shrink:0}.m-appbar__icon-button{border-radius:var(--m-radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.m-appbar__file{align-items:center;gap:var(--m-space-2);min-width:0;padding:4px var(--m-space-3);background:var(--m-hover);border-radius:var(--m-radius-pill);display:flex}.m-appbar__filename{max-width:22ch;font-size:var(--m-text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-appbar__dirty{border-radius:var(--m-radius-pill);background:var(--m-brand-soft);color:var(--m-brand-strong);font-size:var(--m-text-2xs);font-weight:var(--m-weight-medium);flex:none;padding:2px 8px}.m-appbar__dirty--saved{color:var(--m-fg-muted);background:0 0}.m-appbar__notice{align-items:center;gap:var(--m-space-2);padding:4px var(--m-space-3);background:var(--m-brand-soft);border-radius:var(--m-radius-pill);color:var(--m-brand-strong);font-size:var(--m-text-2xs);flex:none;display:flex}.m-appbar__notice-action{border:1px solid var(--m-brand-line);border-radius:var(--m-radius-pill);color:inherit;font:inherit;cursor:pointer;background:0 0;padding:2px 8px}.m-appbar__menu-trigger{padding:6px var(--m-space-2);border-radius:var(--m-radius-sm);font-size:var(--m-text-xs);white-space:nowrap;flex:none;align-items:center;gap:4px;display:inline-flex}.m-appbar__menu-trigger[aria-expanded=true]{background:var(--m-active);color:var(--m-fg)}.m-shortcut-help__backdrop{z-index:50;padding:var(--m-space-6);background:var(--m-scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.m-shortcut-help{box-sizing:border-box;width:560px;max-width:100%;max-height:calc(100vh - var(--m-space-8) * 2);padding:var(--m-space-5);font-family:var(--m-font-ui);font-size:var(--m-text-sm);color:var(--m-fg);overflow:auto}.m-shortcut-help__header{margin-bottom:var(--m-space-1);justify-content:space-between;align-items:center;display:flex}.m-shortcut-help__header h2{font-size:var(--m-text-lg);font-weight:var(--m-weight-bold);margin:0}.m-shortcut-help__close{border-radius:var(--m-radius-sm);width:28px;height:28px;color:var(--m-fg-muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.m-shortcut-help__close:hover{background:var(--m-hover);color:var(--m-fg)}.m-shortcut-help__close:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-shortcut-help__hint{margin:0 0 var(--m-space-4);font-size:var(--m-text-xs);color:var(--m-fg-muted)}.m-shortcut-help__hint kbd{border:1px solid var(--m-line-strong);border-radius:var(--m-radius-sm);background:var(--m-surface-1);font-family:var(--m-font-mono);font-size:var(--m-text-2xs);padding:1px 5px}.m-shortcut-help__section-title{margin:0 0 var(--m-space-2);font-size:var(--m-text-md);font-weight:var(--m-weight-medium);color:var(--m-fg)}.m-shortcut-help__section-title:not(:first-child){margin-top:var(--m-space-5);padding-top:var(--m-space-3);border-top:1px solid var(--m-line)}.m-shortcut-help__group{margin-bottom:var(--m-space-4)}.m-shortcut-help__group h4{margin:0 0 var(--m-space-1);font-size:var(--m-text-xs);font-weight:var(--m-weight-medium);color:var(--m-brand)}.m-shortcut-help__group table{border-collapse:collapse;table-layout:fixed;width:100%}.m-shortcut-help__group td{padding:var(--m-space-1) var(--m-space-2) var(--m-space-1) 0;border-top:1px solid var(--m-line);line-height:var(--m-leading);overflow-wrap:break-word}.m-shortcut-help__keys{width:42%;color:var(--m-fg-muted);font-family:var(--m-font-mono)}.m-shortcut-help__mouse-list{padding-left:var(--m-space-4);line-height:var(--m-leading);margin:0}.m-shortcut-help__mouse-list li{margin-bottom:var(--m-space-1)}@media (prefers-reduced-motion:no-preference){.m-shortcut-help{animation:m-shortcut-help-in var(--m-motion-fast) var(--m-ease)}}@keyframes m-shortcut-help-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}.m-text-pane{box-sizing:border-box;width:100%;height:100%;padding:var(--m-space-3);resize:none;background:var(--m-surface-2);color:var(--m-fg);font-family:var(--m-font-mono);font-size:var(--m-text-sm);line-height:var(--m-leading);border:none;margin:0;display:block}.m-text-pane:focus{outline:2px solid var(--m-focus-ring);outline-offset:-2px}.m-text-drawer{box-sizing:border-box;height:var(--m-textdrawer-h);background:var(--m-surface-1);border-top:1px solid var(--m-surface-1-line);flex-direction:column;flex:none;display:flex}.m-text-drawer__header{padding:var(--m-space-1) var(--m-space-3);font-family:var(--m-font-ui);flex:none;justify-content:space-between;align-items:center;display:flex}.m-text-drawer__title{font-size:var(--m-text-xs);font-weight:var(--m-weight-medium);color:var(--m-fg-muted)}.m-text-drawer__close{border-radius:var(--m-radius-sm);width:24px;height:24px;color:var(--m-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.m-text-drawer__close:hover{background:var(--m-hover);color:var(--m-fg)}.m-text-drawer__close:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}.m-text-drawer__body{flex:auto;min-height:0}.m-canvas-dock{align-items:center;gap:var(--m-space-2);color:var(--m-fg);flex:none;display:flex}.m-canvas-dock__group{flex:none;align-items:center;gap:2px;display:flex}.m-canvas-dock__divider{background:var(--m-line);flex:none;width:1px;height:22px}.m-canvas-dock__button{border-radius:var(--m-radius-sm);flex:none;justify-content:center;width:32px;height:32px}.m-canvas-dock__button[aria-pressed=true]{background:var(--m-brand-soft);color:var(--m-brand-strong)}.m-canvas-dock__zoom-value{min-width:48px;height:32px;padding-inline:var(--m-space-1);border-radius:var(--m-radius-sm);color:var(--m-fg-muted);font:inherit;font-size:var(--m-text-xs);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;flex:none}.m-canvas-dock__zoom-value:hover{background:var(--m-hover);color:var(--m-fg)}.m-tool-dock{flex:none;align-items:center;gap:2px;display:flex}.m-tool-dock__button{gap:var(--m-space-2);padding:6px var(--m-space-2);border-radius:var(--m-radius-md)}.m-tool-dock__button--active{background:var(--m-brand-strong);color:var(--m-brand-fg)}.m-tool-dock__button--active:hover{background:var(--m-brand-strong)}.m-tool-dock__label{font-size:var(--m-text-xs);white-space:nowrap}.m-tool-dock__key{font-size:var(--m-text-2xs);font-weight:var(--m-weight-medium);letter-spacing:.03em;opacity:.7;margin-inline-start:auto;padding-inline-start:var(--m-space-2)}.m-toolbar{align-items:center;gap:var(--m-space-2);box-sizing:border-box;height:var(--m-toolbar-h);padding-inline:var(--m-space-3);background:var(--m-surface-1);border-bottom:1px solid var(--m-line);font-family:var(--m-font-ui);color:var(--m-fg);flex:none;display:flex}.m-toolbar__scroll{align-items:center;gap:var(--m-space-2);flex:auto;min-width:0;height:100%;display:flex;overflow:auto hidden}.m-toolbar__divider{background:var(--m-line-strong);flex:none;width:1px;height:24px}.m-toolbar__save{padding:6px var(--m-space-3);border-radius:var(--m-radius-sm);background:var(--m-brand-strong);color:var(--m-brand-fg);font:inherit;font-size:var(--m-text-xs);font-weight:var(--m-weight-medium);cursor:pointer;transition:background var(--m-motion-fast) var(--m-ease);border:none;flex:none;align-items:center;gap:6px;display:inline-flex}.m-toolbar__save:hover{background:var(--m-brand)}.m-toolbar__save:focus-visible{outline:2px solid var(--m-focus-ring);outline-offset:1px}@media (prefers-reduced-motion:reduce){.m-toolbar__save{transition:none}}:root[data-theme=modern]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--m-font-ui:"Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", "BIZ UDPGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, "Noto Sans JP", sans-serif;--m-font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--m-text-2xs:11px;--m-text-xs:12px;--m-text-sm:13px;--m-text-md:14px;--m-text-lg:16px;--m-text-xl:20px;--m-weight-regular:400;--m-weight-medium:600;--m-weight-bold:700;--m-leading-tight:1.3;--m-leading:1.6;--m-bg:#f7efe3;--m-surface-1:#f1e4d2;--m-surface-1-line:#e2cfae;--m-surface-2:#fffcf6;--m-surface-2-line:#ead9bd;--m-hover:#9a5e1014;--m-active:#9a5e1029;--m-fg:#2c2013;--m-fg-muted:#6d5a41;--m-fg-faint:#a3906f;--m-fg-on-brand:#fff8ec;--m-line:#e2cfae;--m-line-strong:#cbaf80;--m-brand-strong:#7a4a0c;--m-brand:#b4720f;--m-brand-soft:#f4e2c2;--m-brand-line:#e4c68c;--m-brand-fg:#fff8ec;--m-danger:#a8402c;--m-danger-soft:#f8e2da;--m-focus-ring:#7a4a0c;--m-disabled-fg:#b7a88d;--m-scrim:#2c201366;--m-radius-sm:6px;--m-radius-md:10px;--m-radius-lg:18px;--m-radius-pill:999px;--m-shadow-1:0 1px 2px #2c20131a;--m-shadow-2:0 6px 16px #2c201324, 0 1px 3px #2c20131a;--m-shadow-3:0 16px 40px #2c201333, 0 2px 6px #2c20131f;--m-space-1:4px;--m-space-2:8px;--m-space-3:12px;--m-space-4:16px;--m-space-5:20px;--m-space-6:24px;--m-space-8:32px;--m-motion-fast:.1s;--m-motion:.18s;--m-ease:cubic-bezier(.2, 0, 0, 1);--m-appbar-h:44px;--m-toolbar-h:48px;--m-drawer-w:300px;--m-app-drawer-w:300px;--m-textdrawer-h:240px;--paper:#fffdf8;--paper-raised:#f6ecdd;--ink:#2a2015;--ink-muted:#6b5a42;--ink-faint:#a89877;--lifeline:#ddc9a3;--seq-black:#2a2015;--seq-red:#c23b3b;--seq-blue:#2f5fb0;--seq-green:#2f7d4f;--seq-cyan:#1487a0;--seq-orange:#b5650f;--seq-gray:#7a6a52;--font-diagram:"Zen Kaku Gothic New", "Helvetica Neue", Arial, "BIZ UDPGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;--m-diagram-select:#7c3fae;--m-diagram-select-soft:#7c3fae24;--m-diagram-select-fg:#fff;--m-diagram-radius-sm:6px;--m-diagram-radius-pill:999px;--m-dark-bg:#1c140c;--m-dark-surface-1:#241a10;--m-dark-surface-1-line:#3a2b18;--m-dark-surface-2:#2c2015;--m-dark-surface-2-line:#4a3820;--m-dark-hover:#f0b15c1a;--m-dark-active:#f0b15c2e;--m-dark-fg:#f4e9d8;--m-dark-fg-muted:#c7af8d;--m-dark-fg-faint:#8a7457;--m-dark-fg-on-brand:#241a10;--m-dark-line:#3a2b18;--m-dark-line-strong:#4e3b20;--m-dark-brand-strong:#e39a2e;--m-dark-brand:#f0b15c;--m-dark-brand-soft:#3a2a12;--m-dark-brand-line:#5b431e;--m-dark-brand-fg:#241a10;--m-dark-danger:#e88870;--m-dark-danger-soft:#3a1f19;--m-dark-focus-ring:#f0b15c;--m-dark-disabled-fg:#6b5b45;--m-dark-scrim:#0000008c;--m-dark-shadow-1:0 1px 2px #0000004d;--m-dark-shadow-2:0 6px 16px #0006, 0 1px 3px #0000004d;--m-dark-shadow-3:0 16px 40px #00000080, 0 2px 6px #00000059;--m-dark-paper:#3d2e1e;--m-dark-paper-raised:#332619;--m-dark-ink:#f3e8d8;--m-dark-ink-muted:#c7af8d;--m-dark-ink-faint:#9c8869;--m-dark-lifeline:#231810;--m-dark-seq-black:#f3e8d8;--m-dark-seq-red:#e2685f;--m-dark-seq-blue:#6f9ee0;--m-dark-seq-green:#5cbf87;--m-dark-seq-cyan:#3fc2da;--m-dark-seq-orange:#e0932f;--m-dark-seq-gray:#b0a086;--m-dark-diagram-select:#c79bea;--m-dark-diagram-select-soft:#c79bea38;--m-dark-diagram-select-fg:#241a10}@media (prefers-color-scheme:dark){:root[data-theme=modern]{--lightningcss-light: ;--lightningcss-dark:initial}:root[data-theme=modern]:not([data-color-mode=light]){--m-bg:var(--m-dark-bg);--m-surface-1:var(--m-dark-surface-1);--m-surface-1-line:var(--m-dark-surface-1-line);--m-surface-2:var(--m-dark-surface-2);--m-surface-2-line:var(--m-dark-surface-2-line);--m-hover:var(--m-dark-hover);--m-active:var(--m-dark-active);--m-fg:var(--m-dark-fg);--m-fg-muted:var(--m-dark-fg-muted);--m-fg-faint:var(--m-dark-fg-faint);--m-fg-on-brand:var(--m-dark-fg-on-brand);--m-line:var(--m-dark-line);--m-line-strong:var(--m-dark-line-strong);--m-brand-strong:var(--m-dark-brand-strong);--m-brand:var(--m-dark-brand);--m-brand-soft:var(--m-dark-brand-soft);--m-brand-line:var(--m-dark-brand-line);--m-brand-fg:var(--m-dark-brand-fg);--m-danger:var(--m-dark-danger);--m-danger-soft:var(--m-dark-danger-soft);--m-focus-ring:var(--m-dark-focus-ring);--m-disabled-fg:var(--m-dark-disabled-fg);--m-scrim:var(--m-dark-scrim);--m-shadow-1:var(--m-dark-shadow-1);--m-shadow-2:var(--m-dark-shadow-2);--m-shadow-3:var(--m-dark-shadow-3);--paper:var(--m-dark-paper);--paper-raised:var(--m-dark-paper-raised);--ink:var(--m-dark-ink);--ink-muted:var(--m-dark-ink-muted);--ink-faint:var(--m-dark-ink-faint);--lifeline:var(--m-dark-lifeline);--seq-black:var(--m-dark-seq-black);--seq-red:var(--m-dark-seq-red);--seq-blue:var(--m-dark-seq-blue);--seq-green:var(--m-dark-seq-green);--seq-cyan:var(--m-dark-seq-cyan);--seq-orange:var(--m-dark-seq-orange);--seq-gray:var(--m-dark-seq-gray);--m-diagram-select:var(--m-dark-diagram-select);--m-diagram-select-soft:var(--m-dark-diagram-select-soft);--m-diagram-select-fg:var(--m-dark-diagram-select-fg)}}:root[data-theme=modern][data-color-mode=dark]{--m-bg:var(--m-dark-bg);--m-surface-1:var(--m-dark-surface-1);--m-surface-1-line:var(--m-dark-surface-1-line);--m-surface-2:var(--m-dark-surface-2);--m-surface-2-line:var(--m-dark-surface-2-line);--m-hover:var(--m-dark-hover);--m-active:var(--m-dark-active);--m-fg:var(--m-dark-fg);--m-fg-muted:var(--m-dark-fg-muted);--m-fg-faint:var(--m-dark-fg-faint);--m-fg-on-brand:var(--m-dark-fg-on-brand);--m-line:var(--m-dark-line);--m-line-strong:var(--m-dark-line-strong);--m-brand-strong:var(--m-dark-brand-strong);--m-brand:var(--m-dark-brand);--m-brand-soft:var(--m-dark-brand-soft);--m-brand-line:var(--m-dark-brand-line);--m-brand-fg:var(--m-dark-brand-fg);--m-danger:var(--m-dark-danger);--m-danger-soft:var(--m-dark-danger-soft);--m-focus-ring:var(--m-dark-focus-ring);--m-disabled-fg:var(--m-dark-disabled-fg);--m-scrim:var(--m-dark-scrim);--m-shadow-1:var(--m-dark-shadow-1);--m-shadow-2:var(--m-dark-shadow-2);--m-shadow-3:var(--m-dark-shadow-3);--paper:var(--m-dark-paper);--paper-raised:var(--m-dark-paper-raised);--ink:var(--m-dark-ink);--ink-muted:var(--m-dark-ink-muted);--ink-faint:var(--m-dark-ink-faint);--lifeline:var(--m-dark-lifeline);--seq-black:var(--m-dark-seq-black);--seq-red:var(--m-dark-seq-red);--seq-blue:var(--m-dark-seq-blue);--seq-green:var(--m-dark-seq-green);--seq-cyan:var(--m-dark-seq-cyan);--seq-orange:var(--m-dark-seq-orange);--seq-gray:var(--m-dark-seq-gray);--m-diagram-select:var(--m-dark-diagram-select);--m-diagram-select-soft:var(--m-dark-diagram-select-soft);--m-diagram-select-fg:var(--m-dark-diagram-select-fg)}@media (prefers-reduced-motion:reduce){:root[data-theme=modern]{--m-motion-fast:0s;--m-motion:0s}}.m-shell{background:var(--m-bg);width:100%;height:100%;color:var(--m-fg);font-family:var(--m-font-ui);flex-direction:column;display:flex;overflow:hidden}.m-shell__main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.m-shell__canvas-area{flex:auto;min-height:0;position:relative}.field{gap:var(--space-1);border:none;flex-direction:column;margin:0;padding:0;display:flex}.field__label,.field>legend{font-size:var(--text-xs);color:var(--chrome-fg-muted)}.field input[type=text],.field input[type=number],.field select,.field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-h);padding:0 var(--space-2);border:var(--hairline) solid var(--control-border);border-radius:var(--radius);background:var(--control-bg);color:var(--chrome-fg);font-family:var(--font-ui);font-size:var(--text-sm)}.field textarea{padding:var(--space-1) var(--space-2);min-height:calc(var(--control-h) * 2);resize:vertical;font-family:var(--font-ui);line-height:var(--leading-tight)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:var(--hairline) solid var(--accent);outline-offset:1px}.field__color{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.field__color select{flex:auto;min-width:0}.field__color input[type=text]{width:calc(var(--space-6) * 3);font-family:var(--font-mono);flex:none}.field__swatch{width:var(--space-4);height:var(--space-4);border:var(--hairline) solid var(--chrome-line-strong);border-radius:var(--radius);flex:none}.field__step-modes{gap:var(--space-2);flex-wrap:wrap;display:flex}.field__step-modes label{align-items:center;gap:var(--space-1);display:flex}.field__step-description,.field__step-current{font-size:var(--text-xs);color:var(--chrome-fg-muted);line-height:var(--leading);margin:0}.field__step-current-value{font-variant-numeric:tabular-nums}.field__attrs{border-top:var(--hairline) solid var(--chrome-line);padding-top:var(--space-2)}.field__attr-row{gap:var(--space-1);margin-bottom:var(--space-1);display:flex}.field__attr-row input{flex:auto;min-width:0}.field__attrs-add{font-size:var(--text-sm)}.control-button{box-sizing:border-box;height:var(--control-h);border:var(--hairline) solid var(--control-border);border-radius:var(--radius);background:var(--control-bg);color:var(--chrome-fg);cursor:pointer}.control-button--text{padding:0 var(--space-2);font-family:var(--font-ui)}.control-button--icon{min-width:var(--control-h);flex:none}.edit-popover{box-sizing:border-box;z-index:2;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border:var(--hairline) solid var(--chrome-line);border-radius:var(--radius-lg);background:var(--chrome-panel);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--chrome-fg);flex-direction:column;display:flex;position:absolute}.edit-popover__kind{font-size:var(--text-xs);color:var(--chrome-fg-muted)}.edit-popover__body{gap:var(--space-2);flex-direction:column;display:flex}.edit-popover__details{font-size:var(--text-xs);align-self:flex-end}.edit-popover__details:hover{background:var(--chrome-hover)}.canvas-scroll{background:var(--paper);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:auto}.canvas-scroll--pan-ready{cursor:grab}.canvas-scroll--panning{cursor:grabbing}.canvas-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-stage{position:relative}.canvas-stage--left{min-width:100%}.canvas-stage--center{width:fit-content;margin-inline:auto}.canvas-header-row{z-index:1;background:var(--paper-raised);border-bottom:var(--hairline) solid var(--chrome-line);position:sticky;top:0}.canvas-header-layer{display:block}.canvas-add-participant{box-sizing:border-box;border:var(--hairline) solid var(--ink-faint);border-radius:var(--radius);background:var(--paper);color:var(--ink-faint);font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}.canvas-add-participant:hover,.canvas-add-participant:focus-visible{border-color:var(--ink);color:var(--ink)}.canvas-add-participant:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.canvas-body{display:block}.context-menu{z-index:20;min-width:160px;padding:var(--space-1);background:var(--chrome-panel);border:var(--hairline) solid var(--chrome-line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--chrome-fg);flex-direction:column;display:flex;position:fixed}.context-menu__item{box-sizing:border-box;width:100%;min-height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius);color:var(--chrome-fg);font-family:var(--font-ui);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none}.context-menu__item:hover,.context-menu__item:focus-visible{background:var(--chrome-hover);outline:none}.mermaid-preview{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mermaid-preview-header{padding:var(--space-1) var(--space-2);background:var(--chrome-panel);border-bottom:var(--hairline) solid var(--chrome-line);color:var(--chrome-fg-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.mermaid-preview-header-sep{margin:0 var(--space-1)}.mermaid-preview-error{padding:var(--space-1) var(--space-2);background:var(--chrome-sunken);border-bottom:var(--hairline) solid var(--chrome-line);color:var(--chrome-fg);font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;flex:none}.mermaid-preview-body{background:var(--paper);flex:1;min-height:0;overflow:auto}.mermaid-preview-placeholder{margin:var(--space-4);color:var(--ink-muted);font-size:var(--text-sm)}.mermaid-preview-svg{padding:var(--space-4);display:inline-block}.mermaid-preview-svg svg{display:block}.property-panel{box-sizing:border-box;width:var(--panel-w);height:100%;padding:var(--space-3);background:var(--chrome-panel);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--chrome-fg);overflow:hidden auto}.property-panel__empty{color:var(--chrome-fg-muted);line-height:var(--leading);margin:0}.property-panel__form{gap:var(--space-3);flex-direction:column;display:flex}.property-panel__note{font-size:var(--text-xs);color:var(--chrome-fg-muted);line-height:var(--leading);margin:0}.property-panel__span{border-top:var(--hairline) solid var(--chrome-line);padding-top:var(--space-2)}.property-panel__span-row{gap:var(--space-1);display:flex}.property-panel__span-row .field{flex:auto;min-width:0}.property-panel__sections{border-top:var(--hairline) solid var(--chrome-line);padding-top:var(--space-2)}.property-panel__section-row{gap:var(--space-1);margin-bottom:var(--space-1);display:flex}.property-panel__section-row .field{flex:auto;min-width:0}.property-panel__section-row button:disabled{color:var(--chrome-fg-faint);cursor:default}.shortcut-help__backdrop{background:var(--scrim);z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-help{box-sizing:border-box;width:480px;max-width:calc(100vw - var(--space-6) * 2);max-height:calc(100vh - var(--space-6) * 2);padding:var(--space-4);background:var(--chrome-panel);border:var(--hairline) solid var(--chrome-line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--chrome-fg);overflow:auto}.shortcut-help__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.shortcut-help__header h2{font-size:var(--text-md);margin:0;font-weight:400}.shortcut-help__header button{box-sizing:border-box;height:var(--control-h);min-width:var(--control-h);border:var(--hairline) solid var(--control-border);border-radius:var(--radius);background:var(--control-bg);color:var(--chrome-fg);cursor:pointer}.shortcut-help__section-title{margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--chrome-fg);font-weight:400}.shortcut-help__section-title:not(:first-child){margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--hairline) solid var(--chrome-line)}.shortcut-help__group{margin-bottom:var(--space-4)}.shortcut-help__group h4{margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--chrome-fg-muted);font-weight:400}.shortcut-help__group table{border-collapse:collapse;table-layout:fixed;width:100%}.shortcut-help__group td{padding:var(--space-1) var(--space-2) var(--space-1) 0;border-top:var(--hairline) solid var(--chrome-line);line-height:var(--leading);overflow-wrap:break-word}.shortcut-help__keys{width:40%;font-family:var(--font-mono)}.toolbar{height:var(--toolbar-h);padding:0 var(--space-2);background:var(--chrome-panel);border-bottom:var(--hairline) solid var(--chrome-line);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--chrome-fg);align-items:stretch;display:flex;overflow-x:auto}.toolbar__group{align-items:center;gap:var(--space-1);padding:0 var(--space-3);border-right:var(--hairline) solid var(--chrome-line);flex-shrink:0;display:flex}.toolbar__group:last-child{border-right:none}.toolbar button{box-sizing:border-box;height:var(--control-h);min-width:var(--control-h);padding:0 var(--space-2);border:var(--hairline) solid var(--control-border);border-radius:var(--radius);background:var(--control-bg);color:var(--chrome-fg);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion);white-space:nowrap;flex-shrink:0}.toolbar button:hover:not(:disabled):not([aria-disabled=true]){background:var(--chrome-hover)}.toolbar button:disabled,.toolbar button[aria-disabled=true]{color:var(--chrome-fg-faint);cursor:default}.toolbar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.toolbar__zoom-value{font-variant-numeric:tabular-nums;min-width:48px}.toolbar__menu{z-index:20;min-width:160px;padding:var(--space-1);background:var(--chrome-panel);border:var(--hairline) solid var(--chrome-line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);flex-direction:column;display:flex;position:fixed}.toolbar__menu-section{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--chrome-fg-muted)}.toolbar__menu-item{box-sizing:border-box;width:100%;min-height:var(--control-h);text-align:left;border:none}.toolbar__menu-item.toolbar__menu-item--checkable{padding-left:calc(var(--space-2) + var(--space-4));position:relative}.toolbar__menu-item--checkable:before{content:"";left:var(--space-2);width:var(--space-4);font-size:var(--text-sm);color:var(--accent);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.toolbar__menu-item--checkable[aria-checked=true]:before{content:"✓"}.toolbar__notice{align-items:center;gap:var(--space-2);padding:0 var(--space-3);min-width:0;color:var(--chrome-fg-muted);margin-left:auto;display:flex}.toolbar__notice>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.toolbar__group:has(+.toolbar__notice){border-right:none}.text-pane{box-sizing:border-box;width:100%;height:100%;padding:var(--space-2);resize:none;background:var(--chrome-sunken);color:var(--chrome-fg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading);border:none;margin:0;display:block}.text-pane:focus{outline:2px solid var(--accent);outline-offset:-2px}.app-shell{flex-direction:column;height:100%;display:flex}.app-body{flex:1;min-height:0;display:flex}.app-panel{background:var(--chrome-panel);border-left:var(--hairline) solid var(--chrome-line);font-size:var(--text-sm);color:var(--chrome-fg);flex:none;overflow:hidden}.app-panel--collapsed{border-left:none;width:0}.app-textpane{height:var(--textpane-h);border-top:var(--hairline) solid var(--chrome-line);flex:none}.app-textpane--collapsed{height:0;overflow:hidden}:root{--font-ui:system-ui, -apple-system, "Segoe UI", "BIZ UDPGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, "Noto Sans JP", sans-serif;--font-diagram:"Helvetica Neue", Arial, "BIZ UDPGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--text-xs:11px;--text-sm:12px;--text-md:13px;--leading-tight:1.35;--leading:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--hairline:1px}:root,:root[data-theme=legacy]{--chrome-bg:#dde3e5;--chrome-panel:#ebeff0;--chrome-sunken:#d2dadc;--chrome-line:#b7c2c6;--chrome-line-strong:#93a1a6;--chrome-fg:#2e383c;--chrome-fg-muted:#64737a;--chrome-fg-faint:#8c9ca2;--paper:#fff;--ink:#000;--ink-muted:#55595e;--ink-faint:#9aa0a6;--seq-black:#000;--seq-red:#d01a1a;--seq-blue:#1a4fd0;--seq-green:#157a3c;--seq-cyan:#0e8a9e;--seq-orange:#c2600a;--seq-gray:#6b7378;--accent:#b3007c;--accent-soft:#b3007c1a;--accent-fg:#fff;--danger:#b3261e;--scrim:#0000004d;--radius:3px;--control-h:28px;--toolbar-h:36px;--panel-w:260px;--textpane-h:200px;--chrome-hover:var(--chrome-bg);--control-bg:var(--chrome-panel);--control-border:var(--chrome-line);--shadow-1:none;--radius-lg:var(--radius);--paper-raised:var(--paper);--lifeline:var(--ink);--motion:.12s}@media (prefers-color-scheme:dark){:root,:root[data-theme=legacy]{--chrome-bg:#1b2124;--chrome-panel:#232a2e;--chrome-sunken:#151a1c;--chrome-line:#333d42;--chrome-line-strong:#4a575c;--chrome-fg:#dbe3e6;--chrome-fg-muted:#94a4aa;--chrome-fg-faint:#6b797f}}:root[data-theme=modern]{--accent:#7c3fae;--accent-soft:#7c3fae24}@media (prefers-color-scheme:dark){:root[data-theme=modern]{--accent:#c79bea;--accent-soft:#c79bea38}}@media (prefers-reduced-motion:reduce){:root{--motion:0s}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--chrome-bg);color:var(--chrome-fg);font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading);margin:0}