.gradient-text{font-weight:700}.gradient-text,.gradient-text-sm,.nav-learn-link{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-learn-link{font-weight:600;font-size:13px;letter-spacing:.3px;padding:4px 12px;position:relative;text-decoration:none!important}.nav-learn-link:after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:1.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);opacity:.4;border-radius:2px}.react-flow__edges{z-index:1001!important}*,:after,:before{box-sizing:border-box}body{display:flex;margin:0}#root{flex:0 0 100%;width:100%;overflow:auto}.warning-hint{color:red!important}img{max-width:100%;height:auto}.padding{padding-top:15px}.mid-padding{padding-top:7px;padding-bottom:7px}.redBorder{border:1px solid red}.blueBorder{border:1px solid blue}.modelcontext{background-color:#ea95bb!important;color:black}.event-error-spec{background-color:red!important;color:white}.command{background-color:#a7ccf5!important;color:black}.group{background-color:#2b74b1!important;color:white!important}.event{background-color:#fb9e50!important;color:black}.black{color:black!important}.gray{color:dimgray!important}.warning-input{background-color:#fee3b0!important}.spec{background-color:#ea95bb!important;color:black}.spec_event{background-color:#fee3b0!important;color:black}.spec_command{background-color:#c1dbf8!important;color:black}.spec_readmodel{background-color:#f5fcc7!important;color:black}.screen{background-color:#cccccc!important;color:white}.readmodel{background-color:#d7f397!important;color:black}.aggregate{background-color:#c3a0ce!important}.actor,.aggregate{color:white!important}.actor{background-color:#6bc7c2!important}.spec{background-color:#7a7a7a!important;color:white!important;cursor:pointer}.command_spec{background-color:#a7ccf5!important;color:black;display:block;padding:.75rem}.small-padding{padding-top:.5rem}.no-padding,.small-padding{padding-left:.5rem!important}.no-padding{padding-top:0}.event_spec{background-color:#fb9e50!important;color:black;display:block;padding:.75rem}.green{font-size:1.5em}.green,.greensmall{color:green}.tabs{background-color:white!important}.event-error-spec{background-color:red;color:black;display:block;padding:.75rem}.red{color:red}.readmodel_spec{color:black;padding:.75rem}.readmodel_spec,.readmodel_spec_no_padding{background-color:#d7f397!important;display:block}.readmodel_spec_no_padding{color:gray;padding-left:.75rem}.left-margin{margin-left:5px}.big-left-margin{margin-left:50px}.right-margin{margin-right:5px}.top-margin{margin-top:10px}.big-top-margin{margin-top:40px}.marginal{margin-left:10px!important}.format-toggle-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.format-select{padding:5px 10px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-inset);color:var(--text-primary);font-size:13px;cursor:pointer}.format-select:hover{border-color:var(--border-strong)}.format-select:focus{outline:none;border-color:var(--accent)}.format-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-inset);color:var(--text-secondary);font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.format-toggle:hover{border-color:var(--border-strong)}.format-toggle:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.format-toggle input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;margin:0}.format-toggle-divider{width:1px;height:20px;background:var(--border-subtle);margin:0 4px}.code-modal select.select{max-width:220px;padding:5px 10px;font-size:13px;text-overflow:ellipsis;vertical-align:middle}.code-modal .icon-button,.code-modal select.select{margin:0;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-inset);color:var(--text-primary);cursor:pointer}.code-modal .icon-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:30px;height:30px;padding:0;flex-shrink:0}.code-modal .icon-button i{font-size:13px;line-height:1}.code-modal .icon-button:hover{border-color:var(--border-strong)}.code-modal .toolbar-button.button{display:inline-flex;align-items:center;box-sizing:border-box;height:30px;margin:0;padding:0 14px;font-size:13px;line-height:1}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted black}.tooltip .tooltiptext{visibility:hidden;width:240px;text-align:center;border-radius:1px;padding:5px 0;position:absolute;z-index:1;border:1px solid darkgrey;bottom:100%;left:50%;margin-left:-10px;background-color:white;transition:opacity 1s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.is-small-column{width:100px}.content ul{margin-left:0!important}.doc-modal-preview.content ul,.markdown-content.content ul,.markdown-info-preview.content ul,.sv-info.content ul{margin-left:1.5em!important}.table-column{max-width:350px!important;min-width:200px!important}.tag__validation{height:auto!important;white-space:unset!important;color:purple!important;width:100%}.h100{width:100%!important}hr{margin:.5rem!important}.model-tree{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 8px 8px;box-shadow:var(--shadow-sm)}.model-tree .Tree{font-family:inherit}.model-tree [role=tree]{width:100%!important;overflow:hidden}.model-tree .input,.model-tree .search-input{width:100%;padding:5px 10px 5px 28px;font-size:.85rem;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-inset);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:none}.model-tree .input::placeholder,.model-tree .search-input::placeholder{color:var(--text-muted)}.model-tree .input:focus,.model-tree .search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(129,140,248,.2);background:var(--bg-surface)}.model-tree .Tree [role=treeitem],.model-tree .Tree [role=treeitem]:focus{background:transparent!important;outline:none!important}.btn-small{font-size:.9em!important;padding-left:.8em!important;padding-right:.8em!important}.font-small{font-size:.6em!important}.chapter{background-color:#00e7eb!important}.screendesign{color:white!important;background-color:#7a7a7a!important}.tree-node-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.draggable-item{cursor:grab}.vis-button{display:inline-block;cursor:pointer}.button.tight{margin-right:10px!important}.desc-icon-wrap:hover .desc-tooltip{display:block!important}a.node-ref{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:2px;cursor:pointer}a.node-ref--missing{opacity:.6;cursor:help}.react-flow__node:has(.html-screen-enlarged){z-index:100000!important}.content.context-note-card>*{font-size:11px!important;line-height:1.4!important;margin:0 0 2px!important}.content.context-note-card>:is(h1,h2,h3,h4,h5,h6){font-weight:700;color:inherit}.markdown-node-content blockquote,.markdown-node-content code,.markdown-node-content h1,.markdown-node-content h2,.markdown-node-content h3,.markdown-node-content h4,.markdown-node-content h5,.markdown-node-content h6,.markdown-node-content strong{color:inherit!important}.blue-link-arrow{border-radius:4px;padding:0 4px;transition:background-color .15s ease,transform .15s ease}.blue-link-arrow:hover{background-color:rgba(59,130,246,.25);transform:translateX(2px)}