.prosemirror-tabs{gap:var(--gap-sm);margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.prosemirror-tab{padding:var(--gap-sm)var(--gap-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.prosemirror-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.prosemirror-tab.active{background:color-mix(in srgb,var(--accent-blue)15%,transparent);border-color:var(--accent-blue);color:var(--accent-blue)}.prosemirror-back-link{font-size:var(--font-size-2sm);color:var(--accent-blue);margin-bottom:var(--gap-sm);text-decoration:none;display:block}.prosemirror-back-link:hover{text-decoration:underline}.prosemirror-sidebar .sidebar-header-content h1{margin-bottom:var(--gap-sm)}.prosemirror-callout{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-blue)8%,transparent),color-mix(in srgb,var(--accent-purple)8%,transparent));border:1px solid color-mix(in srgb,var(--accent-blue)25%,transparent);border-radius:var(--radius-md);padding:var(--gap-lg);margin-bottom:var(--gap-xl)}.prosemirror-callout h3{color:var(--accent-blue);margin-bottom:var(--gap-sm);font-size:var(--font-size-2lg)}.prosemirror-callout p{color:var(--text-secondary);margin:0}.prosemirror-section{margin-bottom:var(--gap-lg)}.prosemirror-section .card-content p{margin-bottom:var(--gap-md);color:var(--text-secondary);font-size:var(--font-size-md)}.prosemirror-section .card-content p:last-child{margin-bottom:0}.section-note{font-size:var(--font-size-md);color:var(--text-muted)!important}.doc-model-concepts,.doc-model-learn,.doc-model-block-inline,.doc-model-json,.doc-model-content-expr,.doc-model-attributes{margin-top:var(--gap-lg);padding-top:var(--gap-lg);border-top:1px solid var(--border-color)}.doc-model-concepts h4,.doc-model-learn h4,.doc-model-block-inline h4,.doc-model-json h4,.doc-model-content-expr h4,.doc-model-attributes h4{font-size:var(--font-size-2md);margin-bottom:var(--gap-sm);color:var(--text-primary)}.doc-model-block-inline p,.doc-model-json p,.doc-model-content-expr p,.doc-model-attributes p{margin-bottom:var(--gap-md);color:var(--text-secondary)}.doc-model-concepts ul,.doc-model-learn ul{padding-left:var(--gap-lg);margin:0}.doc-model-concepts li,.doc-model-learn li{margin-bottom:var(--gap-sm);color:var(--text-secondary)}.doc-model-concepts li strong,.doc-model-learn li strong{color:var(--text-primary)}.doc-model-learn li code{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.9em}.doc-model-comparison{gap:var(--gap-lg);margin-bottom:var(--gap-md);grid-template-columns:1fr 1fr;display:grid}.doc-model-comparison-header{margin-bottom:var(--gap-sm);grid-column:1/-1}.doc-model-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-md)}.doc-model-panel h4{margin-bottom:var(--gap-md)}.doc-tree{font-family:var(--font-mono-code);font-size:var(--font-size-sm)}.html-tree{padding:.5rem 0}.html-tree .tree-node{margin:0;padding-left:0;display:block}.html-tree .tree-root>.node-tag{font-size:var(--font-size-2md)}.html-tree .tree-node>.node-tag{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue)40%,transparent);border-radius:var(--radius-sm);color:var(--accent-blue);font-weight:var(--font-weight-semibold);padding:.25rem .5rem;display:inline-block}.html-tree .tree-children{border:none;border-left:2px solid color-mix(in srgb,var(--accent-blue)35%,transparent);gap:0;margin:.4rem 0 0;padding:.35rem 0 .35rem 1.5rem;display:block}.html-tree .tree-children>.tree-node{margin-bottom:var(--gap-sm)}.html-tree .tree-children>.tree-node:last-child{margin-bottom:0}.html-tree .tree-children>.text-node{margin-bottom:.35rem}.html-tree .text-node{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-2xs);border-left:2px solid var(--accent-green);margin:0;padding:.2rem .5rem;font-style:italic;display:block}.tree-node .node-tag{color:var(--accent-blue)}.text-node{color:var(--text-secondary)}.pm-tree{padding:var(--gap-lg);background:color-mix(in srgb,var(--accent-green)4%,transparent);border:1px dashed color-mix(in srgb,var(--accent-green)30%,transparent);border-radius:var(--radius-md)}.pm-tree .pm-block-label{margin-bottom:.6rem}.pm-tree .pm-block-label .node-tag{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue)40%,transparent);border-radius:var(--radius-sm);color:var(--accent-blue);font-weight:var(--font-weight-semibold);padding:.25rem .5rem;display:inline-block}.pm-tree .flat-sequence{flex-flow:wrap;align-items:center;gap:.4rem;display:flex}.pm-tree .text-token{font-size:var(--font-size-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.25rem .5rem}.pm-tree .text-token.mark-strong{border-color:color-mix(in srgb,var(--accent-orange)40%,transparent)}.pm-tree .text-token.mark-em{border-color:color-mix(in srgb,var(--accent-purple)40%,transparent)}.mark-strong{color:var(--accent-orange)}.mark-em{color:var(--accent-purple)}.block-inline-tree{font-family:var(--font-mono-code);font-size:var(--font-size-2sm);padding:var(--gap-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.bi-node{margin:.25rem 0}.bi-node.block .bi-tag{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue)40%,transparent);border-radius:var(--radius-sm);color:var(--accent-blue);font-weight:var(--font-weight-semibold);padding:.2rem .5rem;display:inline-block}.bi-node.bi-root .bi-tag{font-size:var(--font-size-2md)}.bi-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:.4rem}.bi-children{border-left:2px solid color-mix(in srgb,var(--accent-blue)30%,transparent);margin:.35rem 0 .35rem 1.25rem;padding-left:1rem}.bi-inline-row{background:color-mix(in srgb,var(--accent-green)10%,transparent);border:1px dashed color-mix(in srgb,var(--accent-green)40%,transparent);border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.2rem .5rem;display:inline-flex}.bi-inline-row .bi-token{color:var(--accent-green);font-weight:var(--font-weight-medium)}.doc-json-snippet{margin-top:.5rem}.doc-json-snippet pre{font-size:var(--font-size-sm)}.content-expr-grid{gap:var(--gap-md);margin-top:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.content-expr-item{gap:var(--gap-sm);padding:var(--gap-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;display:flex}.content-expr-item code{font-size:var(--font-size-2sm);color:var(--accent-blue);font-weight:var(--font-weight-semibold)}.content-expr-item span{font-size:var(--font-size-sm);color:var(--text-secondary)}.overview-libraries .demo-grid{margin-bottom:0}.overview-libraries .demo-card .card-header{padding:.85rem 1rem}.overview-libraries .demo-card .card-header h3{font-size:var(--font-size-md)}.overview-libraries .demo-card .card-content{padding:.85rem 1rem}.overview-libraries .demo-card .card-content p{font-size:var(--font-size-sm);line-height:1.5}.overview-libraries .demo-card .card-footer{padding:.7rem 1rem}.overview-libraries .demo-card .card-footer li{font-size:var(--font-size-sm)}@media (max-width:768px){.doc-model-comparison,.content-expr-grid{grid-template-columns:1fr}}
.schema-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.schema-tab .prosemirror-section:last-child{margin-bottom:0}.schema-tab .prosemirror-section h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--gap-sm)}.schema-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.55}.schema-tab .prosemirror-section p code,.schema-tab .prosemirror-section li code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.schema-tab .code-snippet{margin-top:var(--gap-sm);margin-bottom:var(--gap-md)}.schema-tab .section-note{font-size:var(--font-size-2sm);color:var(--text-muted);margin-top:var(--gap-sm)}.schema-tab .content-expr-item{padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.schema-intro p{font-size:var(--font-size-md);line-height:1.55}.schema-example{margin-top:var(--gap-sm)}.schema-example pre{font-size:var(--font-size-sm)}.schema-tab .doc-json-snippet{margin-top:var(--gap-sm)}.schema-tab .doc-json-snippet pre{font-size:var(--font-size-sm)}.schema-tab .content-expr-grid{margin-top:var(--gap-sm)}
.state-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.state-tab .prosemirror-section:last-child{margin-bottom:0}.state-tab .state-intro-tagline{font-size:var(--font-size-2md);color:var(--text-secondary);margin-bottom:var(--gap-lg);padding:var(--gap-md);background:color-mix(in srgb,var(--accent-blue)6%,transparent);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);font-style:italic}.state-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.6}.state-tab .prosemirror-section p:last-child{margin-bottom:0}.state-tab .prosemirror-section p code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.85em}.state-tab .code-snippet{margin-top:var(--gap-md);margin-bottom:var(--gap-md)}.state-tab .state-callout{margin-top:var(--gap-md);padding:var(--gap-md);background:color-mix(in srgb,var(--accent-blue)8%,transparent);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.55}.state-tab .state-callout strong{color:var(--text-primary)}.state-tab .state-callout code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.85em}.state-tab .section-note{font-size:var(--font-size-2sm);color:var(--text-muted);margin-top:var(--gap-sm);margin-bottom:0;line-height:1.5}.state-tab .state-fields-visual{gap:var(--gap-sm);margin-top:var(--gap-md);flex-direction:column;display:flex}.state-tab .state-field{padding:var(--gap-sm)var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-secondary)}.state-tab .state-field code{font-family:var(--font-mono-code);color:var(--accent-blue);margin-right:var(--gap-sm);font-size:.85em}.state-tab .state-object-visual{margin-top:var(--gap-md)}.state-tab .state-object-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.state-tab .state-object-header{padding:var(--gap-sm)var(--gap-md);background:var(--bg-card);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.state-tab .state-object-body{padding:var(--gap-md)}.state-tab .state-object-body .state-object-row:first-child{padding-top:0}.state-tab .state-object-row{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm)0;font-size:var(--font-size-2sm);border-bottom:1px solid var(--border-subtle);display:flex}.state-tab .state-object-row:last-child{border-bottom:none}.state-tab .state-object-row .key{font-family:var(--font-mono-code);color:var(--accent-blue);min-width:100px}.state-tab .state-object-row .arrow{color:var(--text-muted)}.state-tab .state-object-row .value{color:var(--text-secondary);min-width:90px}.state-tab .state-object-row .state-field-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:auto}.state-tab .state-structure-merged{margin-top:var(--gap-md)}.state-tab .state-structure-merged .state-object-box{margin-bottom:var(--gap-lg)}.state-tab .state-structure-merged h5{margin-top:var(--gap-lg);margin-bottom:var(--gap-sm)}.state-tab .state-structure-merged h5+p{margin-bottom:var(--gap-md)}.state-tab .state-single-source{margin-top:var(--gap-lg);padding:var(--gap-xl);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.state-tab .state-ss-hub{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);flex-direction:column;display:flex}.state-tab .state-ss-hub-label{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.state-tab .state-ss-box{padding:var(--gap-md)var(--gap-xl);background:var(--accent-blue);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-blue)25%,transparent)}.state-tab .state-ss-connector{width:2px;height:1.5rem;margin:0 auto var(--gap-md);background:linear-gradient(to bottom,var(--accent-blue),transparent);opacity:.5}.state-tab .state-ss-items{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.state-tab .state-ss-item{text-align:center;padding:var(--gap-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;align-items:center;display:flex}.state-tab .state-ss-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-2md);color:var(--text-primary);margin-bottom:var(--gap-sm);display:block}.state-tab .state-ss-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;display:block}.state-tab .state-ss-desc+.state-ss-desc{margin-top:.2rem}.state-tab .state-flow-visual{justify-content:center;align-items:center;gap:var(--gap-sm);margin-top:var(--gap-md);padding:var(--gap-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.state-tab .state-flow-box{padding:var(--gap-sm)var(--gap-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);font-size:var(--font-size-2sm);color:var(--text-primary)}.state-tab .state-flow-box-new{border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green)10%,transparent);color:var(--accent-green)}.state-tab .state-flow-arrow-wrap{flex-direction:column;align-items:center;gap:.25rem;display:flex}.state-tab .state-flow-arrow-label{font-size:var(--font-size-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.state-tab .state-flow-arrow{padding:var(--gap-sm)var(--gap-md);font-family:var(--font-mono-code);font-size:var(--font-size-sm);color:var(--accent-purple);background:color-mix(in srgb,var(--accent-purple)10%,transparent);border-radius:var(--radius-sm)}.state-tab .state-doc-selection-visual{margin-top:var(--gap-md)}.state-tab .state-ds-label{font-size:var(--font-size-2sm);color:var(--text-secondary);margin-bottom:var(--gap-sm)}.state-tab .state-doc-visual{margin-top:var(--gap-sm);padding:var(--gap-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);flex-wrap:wrap;align-items:center;gap:.1rem;display:flex}.state-tab .state-doc-gap{align-items:center;gap:.15rem;display:inline-flex}.state-tab .state-doc-gap .state-doc-pos{min-width:1.4rem;font-family:var(--font-mono-code);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-2xs);padding:.15rem .25rem}.state-tab .state-doc-gap.in-selection .state-doc-pos{color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue)20%,transparent)}.state-tab .state-doc-gap .state-doc-token{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:1.6rem;font-family:var(--font-mono-code);font-size:var(--font-size-2xs);text-align:center;padding:.2rem .3rem}.state-tab .state-doc-gap.in-selection .state-doc-token{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border-color:color-mix(in srgb,var(--accent-blue)40%,transparent);color:var(--accent-blue)}.state-tab .state-ds-legend{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--gap-sm)}.state-tab .state-storedmarks-visual{gap:var(--gap-md);margin-top:var(--gap-md);grid-template-columns:1fr 1fr;display:grid}.state-tab .state-sm-panel{padding:var(--gap-md);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.state-tab .state-sm-panel.before{background:color-mix(in srgb,var(--accent-blue)6%,transparent);border-left:4px solid var(--accent-blue)}.state-tab .state-sm-panel.after{background:color-mix(in srgb,var(--accent-green)6%,transparent);border-left:4px solid var(--accent-green)}.state-tab .state-sm-panel h5{margin:0 0 var(--gap-sm)0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.state-tab .state-sm-panel p{font-size:var(--font-size-2sm);color:var(--text-secondary);margin:.25rem 0;line-height:1.5}.state-tab .state-sm-code{margin:var(--gap-sm)0;font-size:var(--font-size-2sm)}.state-tab .state-sm-code code{font-family:var(--font-mono-code);font-size:var(--font-size-sm);color:var(--accent-blue)}.state-tab .state-sm-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--gap-sm)}.state-tab .prosemirror-section h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--gap-sm);margin-top:var(--gap-md)}.state-tab .prosemirror-section h5:first-child{margin-top:0}@media (max-width:768px){.state-tab .state-ss-items{grid-template-columns:1fr}.state-tab .state-flow-visual{flex-direction:column}.state-tab .state-storedmarks-visual{grid-template-columns:1fr}}
.transactions-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.transactions-tab .prosemirror-section:last-child{margin-bottom:0}.transactions-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.55}.transactions-tab .prosemirror-section p:last-child{margin-bottom:0}.transactions-tab .prosemirror-section p code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.transactions-tab .code-snippet{margin-top:var(--gap-md);margin-bottom:var(--gap-md)}.transactions-tab .section-note{font-size:var(--font-size-2sm);color:var(--text-muted);margin-top:var(--gap-sm);margin-bottom:0;line-height:1.5}.transactions-tab .section-note strong{color:var(--text-primary)}.transactions-tab .transactions-hierarchy{margin-top:var(--gap-md);align-items:stretch;padding:.25rem 0;display:inline-flex}.transactions-tab .tx-hierarchy-flow{align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.transactions-tab .tx-hierarchy-pill{min-width:120px;padding:var(--gap-md)var(--gap-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex}.transactions-tab .tx-hierarchy-pill-final{background:color-mix(in srgb,var(--accent-blue)8%,transparent);border-color:color-mix(in srgb,var(--accent-blue)40%,transparent)}.transactions-tab .tx-hierarchy-label{font-family:var(--font-mono-code);font-weight:var(--font-weight-semibold);font-size:var(--font-size-2md);color:var(--accent-blue)}.transactions-tab .tx-hierarchy-pill-final .tx-hierarchy-label{color:var(--accent-blue)}.transactions-tab .tx-hierarchy-hint{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;line-height:1.3}.transactions-tab .tx-hierarchy-arrow{font-size:var(--font-size-xl);color:var(--text-muted);flex-shrink:0}.transactions-tab .update-loop-container{padding:var(--gap-md);margin-top:var(--gap-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:0}.transactions-tab .update-loop-controls{margin-bottom:var(--gap-md);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border-subtle)}.transactions-tab .update-loop-controls .speed-control{font-size:var(--font-size-2sm);color:var(--text-secondary)}.transactions-tab .update-loop-controls .speed-control input[type=range]{width:80px;accent-color:var(--accent-blue)}.transactions-tab .update-loop-diagram{gap:var(--gap-sm);padding-top:var(--gap-sm);margin-bottom:0}.transactions-tab .update-step{min-width:120px;max-width:160px;padding:var(--gap-sm)var(--gap-md);border-radius:var(--radius-sm);border-color:var(--border-color)}.transactions-tab .update-step.wide{min-width:160px;max-width:200px}.transactions-tab .update-step.completed{border-color:var(--accent-green)}.transactions-tab .update-step{flex-direction:column;align-items:center;display:flex}.transactions-tab .step-icon{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.2rem;display:flex}.transactions-tab .step-icon svg{width:18px;height:18px}.transactions-tab .step-content h4{font-size:var(--font-size-2sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.15rem}.transactions-tab .step-content p{font-size:var(--font-size-2xs);color:var(--text-secondary);margin-bottom:0}.transactions-tab .flow-arrow{font-size:var(--font-size-base);color:var(--text-muted)}.transactions-tab .transactions-callout{margin-top:var(--gap-md);padding:var(--gap-md);background:color-mix(in srgb,var(--accent-blue)8%,transparent);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.55}.transactions-tab .transactions-callout strong{color:var(--text-primary)}.transactions-tab .transactions-callout code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.transactions-tab .transactions-structure{margin-top:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.transactions-tab .tx-struct-row{align-items:center;gap:var(--gap-sm);padding:var(--gap-sm)var(--gap-md);font-size:var(--font-size-2sm);border-bottom:1px solid var(--border-subtle);display:flex}.transactions-tab .tx-struct-row:last-child{border-bottom:none}.transactions-tab .tx-struct-key{font-family:var(--font-mono-code);color:var(--accent-blue);min-width:100px}.transactions-tab .tx-struct-arrow{color:var(--text-muted)}.transactions-tab .tx-struct-value{color:var(--text-secondary);min-width:90px}.transactions-tab .tx-struct-desc{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:auto}.transactions-tab .tx-steps-grid{gap:var(--gap-md);margin-top:var(--gap-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.transactions-tab .tx-step-card{padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.transactions-tab .tx-step-card code{font-family:var(--font-mono-code);font-size:var(--font-size-sm);color:var(--accent-blue);margin-bottom:var(--gap-sm);word-break:break-all;display:block}.transactions-tab .tx-step-card p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.4}@media (max-width:768px){.transactions-tab .update-loop-diagram{align-items:center;gap:var(--gap-sm);flex-direction:column}.transactions-tab .update-step,.transactions-tab .update-step.wide{min-width:unset;align-self:center;width:100%;max-width:280px;min-height:4.5rem}.transactions-tab .flow-arrow{flex-shrink:0;align-self:center;font-size:0}.transactions-tab .flow-arrow:before{content:"↓";font-size:var(--font-size-xl);color:inherit;opacity:inherit}.transactions-tab .tx-struct-row{flex-wrap:wrap}.transactions-tab .tx-struct-desc{width:100%;padding-left:calc(100px + var(--gap-sm));margin-top:.25rem;margin-left:0}.transactions-tab .tx-steps-grid{grid-template-columns:1fr}.transactions-tab .tx-hierarchy-flow{gap:var(--gap-sm)}.transactions-tab .tx-hierarchy-pill{min-width:100px;padding:var(--gap-sm)var(--gap-md)}}
.view-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.view-tab .prosemirror-section:last-child{margin-bottom:0}.view-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.6}.view-tab .prosemirror-section p:last-child{margin-bottom:0}.view-tab .prosemirror-section p code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.85em}.view-tab .code-snippet{margin-top:var(--gap-md);margin-bottom:var(--gap-md)}.view-tab .section-note{font-size:var(--font-size-2sm);color:var(--text-muted);margin-top:var(--gap-sm);margin-bottom:0}.view-tab .view-flow-diagram{margin-top:var(--gap-md);padding:var(--gap-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.view-tab .view-flow-row{justify-content:center;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.view-tab .view-flow-row:last-child{margin-bottom:0}.view-tab .view-flow-box{padding:var(--gap-sm)var(--gap-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);font-size:var(--font-size-2sm);color:var(--text-primary)}.view-tab .view-flow-arrow{color:var(--text-muted);font-size:var(--font-size-md)}.view-tab .view-responsibilities-list{margin-top:var(--gap-md);font-size:var(--font-size-md);color:var(--text-secondary);padding-left:1.5rem;line-height:1.6}.view-tab .view-responsibilities-list li{margin-bottom:var(--gap-sm)}.view-tab .view-responsibilities-list li:last-child{margin-bottom:0}.view-tab .view-responsibilities-list strong{color:var(--text-primary)}.view-tab .view-responsibilities-list code{font-family:var(--font-mono-code);color:var(--accent-blue);font-size:.85em}.view-tab .view-sub-tabs{margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border-color);gap:.5rem;display:flex}.view-tab .view-sub-tab{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-2sm);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .9rem;font-family:inherit}.view-tab .view-sub-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.view-tab .view-sub-tab.active{background:color-mix(in srgb,var(--accent-blue)15%,transparent);border-color:var(--accent-blue);color:var(--accent-blue)}.view-tab .view-decorations .code-snippet{margin-top:var(--gap-md);margin-bottom:var(--gap-md)}.view-tab .view-deco-visual{gap:var(--gap-sm);margin-top:var(--gap-md);flex-direction:column;display:flex}.view-tab .view-deco-example{padding:var(--gap-sm)var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);font-size:var(--font-size-md)}.view-tab .view-deco-label{color:var(--text-muted);margin-right:var(--gap-sm)}.view-tab .view-deco-text{color:var(--text-secondary)}.view-tab .view-deco-highlight mark{background:color-mix(in srgb,var(--accent-yellow)35%,transparent);color:var(--text-primary);border-radius:var(--radius-xs);padding:0 .15em}.view-tab .view-deco-types{gap:var(--gap-sm);margin-top:var(--gap-md);flex-direction:column;display:flex}.view-tab .view-deco-type{padding:var(--gap-sm)var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.view-tab .view-deco-type code{font-family:var(--font-mono-code);font-size:var(--font-size-sm);color:var(--accent-blue);margin-bottom:.25rem;display:block}.view-tab .view-deco-type p{font-size:var(--font-size-2sm);color:var(--text-muted);margin:0;line-height:1.4}
.positions-tab .positions-sub-tabs{margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border-color);gap:.5rem;display:flex}.positions-tab .positions-sub-tab{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--font-size-2sm);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .9rem;font-family:inherit}.positions-tab .positions-sub-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.positions-tab .positions-sub-tab.active{background:color-mix(in srgb,var(--accent-blue)15%,transparent);border-color:var(--accent-blue);color:var(--accent-blue)}.positions-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.positions-tab .prosemirror-section:last-child{margin-bottom:0}.positions-tab .prosemirror-section h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--gap-sm)}.positions-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.55}.positions-tab .prosemirror-section p code,.positions-tab .prosemirror-section .rp-depth-explanation code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.schema-takeaways{margin-top:var(--gap-lg)}.schema-takeaways h4{margin-bottom:0}.schema-learn-list{margin:0;padding-left:1.25rem}.schema-learn-list li{margin-bottom:var(--gap-sm);color:var(--text-secondary);line-height:1.55;font-size:var(--font-size-md)}.schema-learn-list li strong{color:var(--text-primary)}.schema-invalid-valid{gap:var(--gap-md);margin:var(--gap-md)0;grid-template-columns:1fr 1fr;display:grid}.schema-compare-panel{padding:var(--gap-md);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.schema-compare-panel.invalid{background:color-mix(in srgb,var(--accent-red)6%,transparent);border-left:4px solid var(--accent-red)}.schema-compare-panel.valid{background:color-mix(in srgb,var(--accent-green)6%,transparent);border-left:4px solid var(--accent-green)}.schema-compare-panel h5{margin:0 0 var(--gap-sm)0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.schema-compare-panel p{font-size:var(--font-size-2sm);color:var(--text-secondary);margin:.35rem 0}.schema-compare-panel .hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:.5rem}.schema-mini-tree{align-items:center;gap:var(--gap-sm);margin:var(--gap-sm)0;font-family:var(--font-mono-code);font-size:var(--font-size-2sm);flex-wrap:wrap;display:flex}.schema-mini-tree .node{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border-radius:var(--radius-sm);color:var(--accent-blue);padding:.25rem .5rem}.schema-mini-tree .node.bad{background:color-mix(in srgb,var(--accent-red)20%,transparent);color:var(--accent-red)}.schema-mini-tree .node.good{background:color-mix(in srgb,var(--accent-green)20%,transparent);color:var(--accent-green)}.schema-mini-tree .arrow{color:var(--text-muted);font-size:var(--font-size-sm)}.schema-rules-summary{margin:var(--gap-md)0;padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-secondary)}@media (max-width:768px){.schema-invalid-valid{grid-template-columns:1fr}}.schema-result-tree{padding:var(--gap-md);background:var(--code-bg);color:var(--text-secondary);border-radius:var(--radius-md);margin-top:var(--gap-md)}.schema-tree-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:var(--gap-md)}.schema-tree{font-family:var(--font-mono-code);font-size:var(--font-size-2sm)}.schema-tree-node{margin:.25rem 0}.schema-tree-node.root{margin-bottom:.5rem}.schema-tree-node .node-name{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue)40%,transparent);border-radius:var(--radius-sm);color:var(--accent-blue);font-weight:var(--font-weight-semibold);padding:.2rem .5rem;display:inline-block}.schema-tree-node .node-rule{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:.5rem}.schema-tree-children{border-left:2px solid color-mix(in srgb,var(--accent-blue)30%,transparent);margin:.35rem 0 .35rem 1.25rem;padding-left:1rem}.schema-tree-children.inline{border-left-color:color-mix(in srgb,var(--accent-green)40%,transparent)}.inline-placeholder{font-size:var(--font-size-sm);color:var(--accent-green);background:color-mix(in srgb,var(--accent-green)10%,transparent);border:1px dashed color-mix(in srgb,var(--accent-green)40%,transparent);border-radius:var(--radius-sm);padding:.15rem .4rem;display:inline-block}.schema-groups-visual{padding:var(--gap-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.group-equivalence{align-items:center;gap:var(--gap-md);font-family:var(--font-mono-code);font-size:var(--font-size-2sm);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.group-equivalence code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.35rem .6rem}.equiv-arrow{color:var(--accent-green);font-weight:var(--font-weight-bold)}.group-members{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.group-tag{font-size:var(--font-size-sm);background:color-mix(in srgb,var(--accent-blue)20%,transparent);color:var(--accent-blue);border-radius:var(--radius-sm);padding:.2rem .5rem}.group-member{font-size:var(--font-size-2sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);padding:.3rem .5rem}.position-rules-grid{margin-bottom:var(--gap-lg)}.positions-tab .content-expr-item{padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.position-resolved-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.position-resolved-section h4{margin-bottom:.5rem}.resolvedpos-visual{gap:var(--gap-lg);margin-top:var(--gap-md);grid-template-columns:1fr minmax(0,max-content);align-items:start;display:grid}.resolvedpos-doc{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-md);font-family:var(--font-mono-code)}.rp-depth-explanation{font-size:var(--font-size-2sm);color:var(--text-secondary);margin:0 0 var(--gap-sm)0;line-height:1.5}.rp-before-after-visual{margin:var(--gap-md)0}.rp-ba-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--gap-sm)}.rp-ba-doc{padding:var(--gap-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);flex-wrap:wrap;align-items:center;gap:.1rem;display:flex}.rp-ba-gap{align-items:center;gap:.15rem;display:inline-flex}.rp-ba-gap.in-blockquote{background:color-mix(in srgb,var(--accent-blue)8%,transparent);border-radius:var(--radius-sm)}.rp-ba-pos{min-width:1.4rem;font-family:var(--font-mono-code);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-2xs);flex-direction:column;align-items:center;gap:.05rem;padding:.15rem .25rem;display:inline-flex}.rp-ba-pos.before{background:color-mix(in srgb,var(--accent-green)25%,transparent);color:var(--accent-green)}.rp-ba-pos.after{background:color-mix(in srgb,var(--accent-orange)25%,transparent);color:var(--accent-orange)}.rp-ba-tag{font-size:var(--font-size-3xs);white-space:nowrap}.rp-ba-token{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:1.6rem;font-family:var(--font-mono-code);font-size:var(--font-size-2xs);padding:.2rem .3rem}.rp-ba-legend{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--gap-sm);flex-wrap:wrap;gap:1rem;display:flex}.rp-ba-legend-item{align-items:center;gap:.35rem;display:flex}.rp-ba-swatch{border-radius:var(--radius-2xs);width:.75rem;height:.75rem}.rp-ba-swatch.before{background:color-mix(in srgb,var(--accent-green)40%,transparent)}.rp-ba-swatch.after{background:color-mix(in srgb,var(--accent-orange)40%,transparent)}.rp-ba-swatch.blockquote{background:color-mix(in srgb,var(--accent-blue)20%,transparent)}.resolvedpos-tree{font-family:var(--font-mono-code);font-size:var(--font-size-2sm)}.rp-node{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin:.15rem 0;padding:.25rem .5rem}.rp-node.rp-highlight{background:color-mix(in srgb,var(--accent-blue)15%,transparent);border-color:color-mix(in srgb,var(--accent-blue)40%,transparent)}.rp-children{border-left:2px solid var(--border-color);margin-top:.35rem;margin-left:1.25rem;padding-left:.75rem}.rp-node-name{color:var(--accent-purple);font-weight:var(--font-weight-medium)}.rp-node-content{color:var(--text-secondary);margin-left:.35rem}.rp-depth{font-size:var(--font-size-2xs);color:var(--text-muted);margin-left:.5rem}.rp-pos-badge{font-size:var(--font-size-2xs);background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);margin-left:.5rem;padding:.1rem .4rem}.resolvedpos-props{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-sm)var(--gap-md);width:max-content}.resolvedpos-code{font-size:var(--font-size-sm);margin-bottom:.35rem}.resolvedpos-code code{color:var(--accent-blue)}.rp-prop{font-size:var(--font-size-sm);justify-content:space-between;gap:1rem;padding:.2rem 0;display:flex}.rp-prop-name{color:var(--text-muted)}.rp-prop-value{font-family:var(--font-mono-code);color:var(--accent-green)}.rp-note{font-size:var(--font-size-2xs);color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:.35rem;padding-top:.35rem;line-height:1.3}@media (max-width:640px){.resolvedpos-visual{grid-template-columns:1fr}}.position-count-table-wrapper{margin-top:var(--gap-sm)}.position-count-table{border-collapse:collapse;width:100%;font-size:var(--font-size-md)}.position-count-table th,.position-count-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.5rem .75rem}.position-count-table th{background:var(--bg-tertiary);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.position-count-table td:first-child{font-family:var(--font-mono-code)}.position-count-table code{background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-2sm);color:var(--accent-blue);padding:.15rem .4rem}.position-count-table-wrapper .position-flow-legend{margin-top:var(--gap-sm)}.position-flow{gap:var(--gap-sm);margin-top:var(--gap-sm);flex-wrap:wrap;display:flex}.pos-pill{font-size:var(--font-size-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.25rem .5rem;display:inline-flex}.pos-pill code{font-family:var(--font-mono-code);color:var(--accent-blue);font-size:var(--font-size-sm)}.position-flow-legend{margin-top:var(--gap-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.position-flow-legend span{margin-right:1rem}.range-visual{margin-top:var(--gap-md)}.range-visual-label{font-size:var(--font-size-2sm);color:var(--text-muted);margin-bottom:var(--gap-sm)}.range-visual-label code{color:var(--accent-blue)}.range-doc-visual{padding:var(--gap-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono-code);flex-wrap:wrap;align-items:center;gap:.1rem;display:flex}.range-gap{align-items:center;gap:.15rem;display:inline-flex}.range-gap .range-pos{min-width:1.4rem;font-family:var(--font-mono-code);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-2xs);padding:.15rem .25rem}.range-gap.in-range .range-pos{color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue)20%,transparent)}.range-gap .range-token{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:1.6rem;font-family:var(--font-mono-code);font-size:var(--font-size-2xs);padding:.2rem .3rem}.range-gap.in-range .range-token{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border-color:color-mix(in srgb,var(--accent-blue)40%,transparent);color:var(--accent-blue)}.range-result{font-size:var(--font-size-2sm);color:var(--text-secondary);margin-top:var(--gap-sm)}.range-result code{font-size:var(--font-size-sm);color:var(--accent-green)}.position-sequence{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-md);margin-top:var(--gap-md)}.position-legend{font-size:var(--font-size-2sm);color:var(--text-secondary);margin-bottom:var(--gap-md)}.position-row{flex-wrap:wrap;align-items:center;gap:.1rem;display:flex}.pos-gap{cursor:pointer;align-items:center;gap:.15rem;display:inline-flex}.pos-gap .pos-num{min-width:1.4rem;font-family:var(--font-mono-code);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-2xs);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.15rem .25rem;display:inline-flex}.pos-gap:hover .pos-num,.pos-gap.active .pos-num{color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue)20%,transparent)}.pos-gap .pos-token{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:1.6rem;font-family:var(--font-mono-code);font-size:var(--font-size-2xs);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.2rem .3rem;display:inline-flex}.pos-gap .pos-token:hover,.pos-gap .pos-token.active{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border-color:var(--accent-blue)}.pos-gap:last-child .pos-num{margin-right:.25rem}.position-tooltip-slot{min-height:2.5rem;margin-top:var(--gap-md);align-items:center;width:100%;display:flex}.position-tooltip{width:100%;padding:var(--gap-sm)var(--gap-md);background:color-mix(in srgb,var(--accent-blue)45%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue)55%,transparent);border-radius:var(--radius-sm);font-size:var(--font-size-2sm);color:#fff;font-family:inherit}.slice-vs-selection{gap:var(--gap-md);grid-template-columns:1fr 1fr;margin:1rem 0;display:grid}.ss-item{padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:.35rem;display:flex}.ss-item strong{color:var(--text-primary)}.ss-item code{font-family:var(--font-mono-code);font-size:var(--font-size-2sm);color:var(--accent-blue)}.ss-item span{font-size:var(--font-size-sm);color:var(--text-secondary)}.slice-visual{gap:var(--gap-lg);margin-top:var(--gap-md);grid-template-columns:1fr 1fr;display:grid}.slice-scenario{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-md)}.slice-scenario h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--gap-sm);color:var(--text-primary)}.slice-doc-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:.35rem}.slice-doc-label code{font-size:var(--font-size-sm)}.slice-doc-visual{padding:var(--gap-md);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin:var(--gap-sm)0;font-family:var(--font-mono-code);font-size:var(--font-size-2sm);flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.slice-block{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);align-items:center;gap:.2rem;padding:.35rem .6rem;display:inline-flex}.slice-block.selected{background:color-mix(in srgb,var(--accent-blue)20%,transparent);border-color:color-mix(in srgb,var(--accent-blue)50%,transparent);color:var(--accent-blue)}.slice-selected{background:color-mix(in srgb,var(--accent-blue)25%,transparent);color:var(--accent-blue)}.slice-cut{color:var(--accent-orange);font-weight:var(--font-weight-bold)}.slice-unselected{color:var(--text-muted)}.slice-range{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--gap-sm)0}.slice-range code{font-size:var(--font-size-sm)}.slice-result{padding:var(--gap-sm)var(--gap-md);border-radius:var(--radius-sm);margin-top:var(--gap-sm)}.slice-result.closed{background:color-mix(in srgb,var(--accent-green)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-green)35%,transparent)}.slice-result.open{background:color-mix(in srgb,var(--accent-orange)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-orange)35%,transparent)}.slice-badge{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;display:block}.slice-result code{font-size:var(--font-size-2sm);font-family:var(--font-mono-code);margin:.25rem 0;display:block}.slice-meta{font-size:var(--font-size-sm);color:var(--text-muted);font-family:var(--font-mono-code)}.selection-demo-controls{gap:var(--gap-sm);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.pm-selection-visual{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-md)}.pm-selection-legend{font-size:var(--font-size-2sm);color:var(--text-secondary);margin-bottom:var(--gap-md)}.pm-selection-legend code{background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:.15rem .35rem}.pm-selection-unified{margin-bottom:var(--gap-md);flex-wrap:wrap;align-items:center;gap:.1rem;display:flex}.pm-sel-gap{align-items:center;gap:.1rem;display:inline-flex}.pm-sel-gap.in-range{background:color-mix(in srgb,var(--accent-blue)8%,transparent);border-radius:var(--radius-sm)}.pm-sel-gap.cursor-pos .pm-sel-token{position:relative}.pm-sel-pos-num{min-width:1.4rem;font-family:var(--font-mono-code);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-2xs);flex-direction:column;align-items:center;padding:.1rem .2rem;display:inline-flex}.pm-sel-pos-num.anchor{color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue)25%,transparent)}.pm-sel-pos-num.head{color:var(--accent-purple);background:color-mix(in srgb,var(--accent-purple)25%,transparent)}.pos-label{font-size:var(--font-size-4xs);text-transform:uppercase;letter-spacing:.02em;margin-top:1px}.pm-sel-token{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:1.5rem;font-family:var(--font-mono-code);font-size:var(--font-size-2xs);justify-content:center;align-items:center;padding:.2rem .25rem;display:inline-flex}.pm-sel-token.selected{background:color-mix(in srgb,var(--accent-blue)30%,transparent);border-color:var(--accent-blue)}.pm-cursor{color:var(--accent-blue);margin-left:1px;font-weight:700;animation:1s step-end infinite pmCursorBlink;display:inline-block}@keyframes pmCursorBlink{50%{opacity:0}}.pm-selection-summary{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.pm-marker{font-size:var(--font-size-sm);border-radius:var(--radius-sm);font-family:var(--font-mono-code);padding:.25rem .5rem}.pm-marker.anchor{background:color-mix(in srgb,var(--accent-blue)20%,transparent);color:var(--accent-blue)}.pm-marker.head{background:color-mix(in srgb,var(--accent-purple)20%,transparent);color:var(--accent-purple)}.pm-marker.range{background:color-mix(in srgb,var(--accent-green)15%,transparent);color:var(--accent-green)}.pm-live-selection{margin-top:var(--gap-xl);padding-top:var(--gap-xl);border-top:1px solid var(--border-color)}.pm-live-selection h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--gap-md);color:var(--text-primary)}.pm-live-editor-wrapper{margin-bottom:var(--gap-md)}.pm-live-editor{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:80px;font-size:var(--font-size-base);padding:1rem;line-height:1.6}.pm-live-editor:focus{border-color:var(--accent-blue);outline:none}.pm-live-editor p{margin-bottom:.5rem}.pm-live-editor p:last-child{margin-bottom:0}.pm-live-state{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-md);margin-bottom:var(--gap-sm)}.pm-live-state .state-row{justify-content:space-between;align-items:center;gap:var(--gap-md);border-bottom:1px solid var(--border-subtle);padding:.5rem 0;display:flex}.pm-live-state .state-row:last-child{border-bottom:none}.pm-live-state .state-row.highlight{border-top:1px dashed var(--border-color);margin-top:.25rem;padding-top:.5rem}.pm-live-state .state-label{min-width:5.5rem;font-size:var(--font-size-2sm);color:var(--text-muted)}.pm-live-state .state-value{font-family:var(--font-mono-code);font-size:var(--font-size-md);color:var(--text-primary)}.pm-live-note{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}@media (max-width:600px){.slice-vs-selection{grid-template-columns:1fr}}@media (max-width:768px){.slice-visual{grid-template-columns:1fr}}
.plugins-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.plugins-tab .prosemirror-section:last-child{margin-bottom:0}.plugins-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.55}.plugins-tab .prosemirror-section p:last-child{margin-bottom:0}.plugins-tab .prosemirror-section p code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.plugins-tab .plugins-intro-tagline{font-size:var(--font-size-2md);color:var(--text-secondary);margin-top:var(--gap-md);padding:var(--gap-md);background:color-mix(in srgb,var(--accent-blue)6%,transparent);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);margin-bottom:0;font-style:italic}.plugins-tab .code-snippet{margin-top:var(--gap-md);margin-bottom:var(--gap-md)}.plugins-tab .plugins-callout{margin-top:var(--gap-md);padding:var(--gap-md);background:color-mix(in srgb,var(--accent-blue)8%,transparent);border-left:4px solid var(--accent-blue);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.55}.plugins-tab .plugins-callout strong{color:var(--text-primary)}.plugins-tab .plugins-callout code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.85em}.plugins-tab .plugins-spec-accordion{margin-top:var(--gap-md);padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.plugins-tab .plugins-spec-accordion summary{align-items:center;gap:var(--gap-sm);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-primary);margin:0;padding:0;line-height:1.4;list-style:none;display:flex}.plugins-tab .plugins-spec-accordion summary::-webkit-details-marker{display:none}.plugins-tab .plugins-spec-accordion summary::marker{display:none}.plugins-tab .plugins-spec-accordion summary:before{content:"";opacity:.8;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;flex-shrink:0;width:0;height:0;transition:transform .2s}.plugins-tab .plugins-spec-accordion[open] summary:before{transform:rotate(90deg)}.plugins-tab .plugins-spec-accordion[open] summary{margin-bottom:var(--gap-md)}.plugins-tab .plugins-spec-accordion .code-snippet{margin-top:0;margin-bottom:0}.plugins-tab .plugins-spec-grid{gap:var(--gap-md);margin-top:var(--gap-md);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.plugins-tab .plugins-spec-card{padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:var(--gap-sm);flex-direction:column;min-height:0;display:flex}.plugins-tab .plugins-spec-card code{font-family:var(--font-mono-code);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--accent-blue);flex-shrink:0}.plugins-tab .plugins-spec-card p{font-size:var(--font-size-2sm);color:var(--text-secondary);flex:1;min-height:0;margin:0;line-height:1.45}.plugins-tab .plugins-list{margin-top:var(--gap-sm);gap:var(--gap-md);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.plugins-tab .plugins-list-item{gap:var(--gap-sm);padding:var(--gap-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;min-height:0;display:flex}.plugins-tab .plugins-list-name{font-family:var(--font-mono-code);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--accent-blue)}.plugins-tab .plugins-list-desc{font-size:var(--font-size-2sm);color:var(--text-secondary);line-height:1.45}.plugins-tab .plugins-list-desc code{font-size:.9em}@media (max-width:1024px){.plugins-tab .plugins-spec-grid,.plugins-tab .plugins-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.plugins-tab .plugins-spec-grid,.plugins-tab .plugins-list{grid-template-columns:1fr}}
.immutable-tab .prosemirror-section{margin-bottom:var(--gap-xl)}.immutable-tab .prosemirror-section:last-child{margin-bottom:0}.immutable-tab .prosemirror-section p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--gap-md);line-height:1.6}.immutable-tab .prosemirror-section p:last-child{margin-bottom:0}.immutable-tab .prosemirror-section p code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.85em}.immutable-tab .prosemirror-section p strong{color:var(--text-primary)}.immutable-tab .structural-sharing-controls{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-md);flex-wrap:wrap;display:flex}.immutable-tab .structural-sharing-visual{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--gap-lg)}.immutable-tab .doc-visual{font-family:var(--font-mono-code);font-size:var(--font-size-2sm)}.immutable-tab .doc-node{border-radius:var(--radius-sm);margin:.25rem 0;padding:.5rem 1rem}.immutable-tab .doc-node.unchanged{background:color-mix(in srgb,var(--accent-green)12%,transparent);border:1px solid color-mix(in srgb,var(--accent-green)35%,transparent);color:var(--accent-green)}.immutable-tab .doc-node.changed{background:color-mix(in srgb,var(--accent-orange)15%,transparent);border:1px solid var(--accent-orange);color:var(--accent-orange)}.immutable-tab .doc-children{margin-left:1.5rem}.immutable-tab .sharing-note{font-size:var(--font-size-2sm);line-height:1.5;margin-top:var(--gap-md)!important;color:var(--text-muted)!important}.immutable-tab .sharing-note code{font-family:var(--font-mono-code);color:var(--accent-blue);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.85em}.immutable-tab .structural-sharing-list{margin-top:var(--gap-md);font-size:var(--font-size-md);color:var(--text-secondary);padding-left:1.5rem;line-height:1.6}.immutable-tab .structural-sharing-list li{margin-bottom:var(--gap-sm)}.immutable-tab .structural-sharing-list li:last-child{margin-bottom:0}.immutable-tab .structural-sharing-list strong{color:var(--text-primary)}.immutable-tab .ss-path-diagram{margin-top:var(--gap-md);padding:var(--gap-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.immutable-tab .ss-path-tree{font-family:var(--font-mono-code);font-size:var(--font-size-2sm)}.immutable-tab .ss-path-row{align-items:center;gap:var(--gap-sm);margin:.25rem 0;display:flex}.immutable-tab .ss-path-children{margin-left:1.5rem}.immutable-tab .ss-path-node{border-radius:var(--radius-sm);padding:.35rem .75rem}.immutable-tab .ss-path-node.ss-path-shared{background:color-mix(in srgb,var(--accent-green)15%,transparent);border:1px solid color-mix(in srgb,var(--accent-green)40%,transparent);color:var(--accent-green)}.immutable-tab .ss-path-node.ss-path-recreated{background:color-mix(in srgb,var(--accent-orange)15%,transparent);border:1px solid var(--accent-orange);color:var(--accent-orange)}.immutable-tab .ss-path-arrow{color:var(--text-muted);font-size:var(--font-size-md)}.immutable-tab .ss-path-badge{font-size:var(--font-size-2xs);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;padding:.2rem .5rem}.immutable-tab .ss-path-badge.shared{background:color-mix(in srgb,var(--accent-green)20%,transparent);color:var(--accent-green)}.immutable-tab .ss-path-badge.recreated{background:color-mix(in srgb,var(--accent-orange)20%,transparent);color:var(--accent-orange)}.immutable-tab .ss-path-legend{font-size:var(--font-size-2sm);line-height:1.5;margin-top:var(--gap-md)!important;color:var(--text-muted)!important}.immutable-tab .ss-path-legend code{font-family:var(--font-mono-code);color:var(--accent-blue);font-size:.9em}.immutable-tab .ss-controls-spacer{flex:1;min-width:1rem}.immutable-tab .ss-side-by-side{gap:var(--gap-md);margin-top:var(--gap-md);padding:var(--gap-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.immutable-tab .ss-state-panel{padding:var(--gap-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.immutable-tab .ss-state-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-sm)}.immutable-tab .ss-state-tree{font-family:var(--font-mono-code);font-size:var(--font-size-sm)}.immutable-tab .ss-state-tree .doc-children{margin-left:1.25rem}.immutable-tab .ss-connector{justify-content:center;align-items:center;gap:var(--gap-md);padding:var(--gap-md);flex-direction:column;display:flex}.immutable-tab .ss-connector-shared{font-size:var(--font-size-2xs);color:var(--accent-green);font-weight:var(--font-weight-semibold)}.immutable-tab .ss-connector-new{font-size:var(--font-size-2xs);color:var(--accent-orange);font-weight:var(--font-weight-semibold)}.immutable-tab .ss-side-by-side-note{font-size:var(--font-size-2sm);line-height:1.5;margin-top:var(--gap-md)!important;color:var(--text-muted)!important}@media (max-width:768px){.immutable-tab .ss-side-by-side{grid-template-columns:1fr}.immutable-tab .ss-connector{flex-direction:row}}.immutable-tab .structure-panel{margin-top:var(--gap-md);margin-bottom:var(--gap-lg)}.immutable-tab .structure-panel .panel-header h3{font-weight:var(--font-weight-semibold)}.immutable-tab .pm-workflow-diagram{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--gap-lg);margin-bottom:var(--gap-lg)}.immutable-tab .pm-workflow-tree{font-family:var(--font-mono-code);font-size:var(--font-size-2sm);line-height:1.6}.immutable-tab .pm-workflow-row{align-items:center;gap:var(--gap-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal);margin:.25rem 0;padding:.25rem;display:flex}.immutable-tab .pm-workflow-children{margin-top:.25rem;margin-left:1.5rem}.immutable-tab .pm-workflow-node{border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);padding:.35rem .75rem}.immutable-tab .pm-workflow-node.doc{background:color-mix(in srgb,var(--accent-purple)20%,transparent);border:1px solid color-mix(in srgb,var(--accent-purple)40%,transparent);color:var(--accent-purple)}.immutable-tab .pm-workflow-node:not(.doc){background:color-mix(in srgb,var(--accent-blue)15%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue)30%,transparent);color:var(--accent-blue)}.immutable-tab .pm-workflow-text{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-green)15%,transparent);border:1px solid color-mix(in srgb,var(--accent-green)30%,transparent);color:var(--accent-green);font-size:var(--font-size-sm);padding:.2rem .5rem}.immutable-tab .pm-workflow-arrow{color:var(--text-muted);font-size:var(--font-size-sm)}.immutable-tab .pm-workflow-fragment,.immutable-tab .pm-workflow-fragment-inline{color:var(--accent-blue);font-size:var(--font-size-sm)}.immutable-tab .pm-workflow-fragment-content{align-items:center;gap:var(--gap-sm);display:inline-flex}.immutable-tab .pm-workflow-row.pm-workflow-recreated .pm-workflow-node{background:color-mix(in srgb,var(--accent-orange)20%,transparent);border-color:var(--accent-orange);color:var(--accent-orange)}.immutable-tab .pm-workflow-row.pm-workflow-shared .pm-workflow-node{background:color-mix(in srgb,var(--accent-green)20%,transparent);border-color:color-mix(in srgb,var(--accent-green)50%,transparent);color:var(--accent-green)}.immutable-tab .pm-workflow-fragment-inline.pm-workflow-highlight{background:color-mix(in srgb,var(--accent-orange)15%,transparent);border-radius:var(--radius-sm);padding:.2rem}@keyframes pmFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}