.article-shell .article-body>section>.mysql-diagram{grid-column:2;min-width:0}.mysql-diagram{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, var(--background));min-width:0;max-width:100%;color:var(--foreground);overflow-wrap:break-word;margin:18px 0 0;padding:14px}.article-shell .article-body .mysql-diagram p,.article-shell .article-body .mysql-diagram li{margin:0;font-size:14px;line-height:1.55}.article-shell .article-body .mysql-diagram .mysql-diagram-static p,.article-shell .article-body .mysql-diagram .mysql-lane li,.article-shell .article-body .mysql-diagram .mysql-commit li.is-future,.article-shell .article-body .mysql-diagram .mysql-commit li.is-future p,.article-shell .article-body .mysql-diagram .mysql-lock-note,.article-shell .article-body .mysql-diagram .mysql-lane-name,.article-shell .article-body .mysql-diagram .mysql-nav>span{color:var(--muted-foreground)}.article-shell .article-body .mysql-diagram .mysql-lane li.is-done,.article-shell .article-body .mysql-diagram .mysql-lane li.is-current,.article-shell .article-body .mysql-diagram .mysql-commit li.is-done,.article-shell .article-body .mysql-diagram .mysql-commit li.is-done p,.article-shell .article-body .mysql-diagram .mysql-commit li.is-current,.article-shell .article-body .mysql-diagram .mysql-commit li.is-current p,.article-shell .article-body .mysql-diagram .mysql-status{color:var(--foreground)}.mysql-diagram-static{gap:14px;min-width:0;display:grid}.mysql-diagram-static p{color:var(--muted-foreground);margin-bottom:6px}.mysql-diagram-static ol,.mysql-diagram-static ul{margin:0;padding-left:1.25em}.mysql-diagram-static li{flex-wrap:wrap;gap:.15em .35em;min-width:0;margin:5px 0;display:flex}.mysql-diagram-static li span+span:before{content:"·";color:var(--muted-foreground);margin-right:.35em}.mysql-diagram-static-crash{min-width:0;color:var(--muted-foreground);flex-basis:100%;gap:4px;margin-top:4px;display:grid}.mysql-diagram-live{min-width:0;display:none}.mysql-diagram.is-ready .mysql-diagram-static{display:none}.mysql-diagram.is-ready .mysql-diagram-live{display:block}.mysql-tabs{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.mysql-diagram button{border:1px solid var(--border);background:var(--background);max-width:100%;min-height:36px;color:var(--foreground);font:inherit;text-align:start;cursor:pointer;white-space:normal;border-radius:4px;padding:6px 10px;font-size:14px;line-height:1.35}.mysql-diagram button:hover{border-color:var(--primary)}.mysql-diagram button[aria-selected=true],.mysql-diagram button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.mysql-diagram button:disabled{cursor:default;opacity:.45}.mysql-diagram button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mysql-lanes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0;display:grid}.mysql-lane{border:1px solid var(--border);background:var(--background);min-width:0;padding:10px}.mysql-lane-name{color:var(--muted-foreground);letter-spacing:.04em;margin-bottom:8px;font-size:12px}.mysql-lane ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mysql-lane li{border-left:2px solid var(--border);min-width:0;color:var(--muted-foreground);align-items:flex-start;gap:6px;padding:5px 8px;display:flex}.mysql-lane li.is-done{color:var(--foreground);border-left-color:color-mix(in srgb, var(--primary) 55%, var(--border))}.mysql-lane li.is-current{color:var(--foreground);border-left-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, var(--background))}.mysql-lane li.is-locked{border-left-style:dashed}.mysql-lock{flex:none;margin-top:3px}.mysql-status{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:12px;display:flex}.mysql-readout{align-items:baseline;gap:6px;display:inline-flex}.mysql-readout strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:28px;font-weight:560;line-height:1}.mysql-lock-note{color:var(--muted-foreground);margin-top:6px;font-size:12px}.mysql-nav,.mysql-crash-wrap{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.mysql-nav>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px}.mysql-chain{flex-wrap:wrap;align-items:center;gap:8px 4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.mysql-chain-step{align-items:center;gap:4px;min-width:0;display:flex}.mysql-version{border:1px solid var(--border);background:var(--background);width:64px;min-height:64px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;place-items:center;padding:6px;font-size:22px;line-height:1;display:grid}.mysql-version small{font-size:12px;line-height:1.3}.mysql-version.is-path{border-color:var(--primary);color:var(--foreground)}.mysql-version.is-seen{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.mysql-undo{color:var(--muted-foreground);font-family:var(--font-geist-mono), ui-monospace, monospace;justify-items:center;font-size:12px;line-height:1.2;display:grid}.mysql-undo.is-path{color:var(--primary)}.mysql-commit{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mysql-commit li{border:1px solid var(--border);min-width:0;color:var(--muted-foreground);grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;padding:8px;display:grid}.mysql-commit li span{color:var(--muted-foreground);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px}.mysql-commit li.is-current{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--background));color:var(--foreground)}.mysql-commit li.is-done{color:var(--foreground)}.mysql-crash{border-left:2px solid var(--primary);background:var(--background);flex-basis:100%;min-width:0;padding:10px 12px}.mysql-crash p+p{margin-top:8px}@media (max-width:520px){.mysql-lanes{grid-template-columns:minmax(0,1fr)}.mysql-diagram{padding:12px}}@media (prefers-reduced-motion:reduce){.mysql-diagram,.mysql-diagram :is(button,a,li,span,div){scroll-behavior:auto;transition:none;animation:none}}@media (prefers-reduced-motion:no-preference){.mysql-diagram button,.mysql-lane li,.mysql-version,.mysql-commit li,.mysql-undo{transition:background-color .18s,border-color .18s,color .18s}}
