.mv-shell{--mv-radius:1rem;--mv-shadow:0 18px 50px rgb(0 0 0 / .07);width:100%;max-width:1180px;margin:0 auto;padding:2.25rem 1rem 4.5rem}.mv-header{margin-bottom:1.25rem;padding:0 .25rem}.mv-eyebrow{margin:0 0 .55rem;padding:.28rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);display:inline-block}.mv-eyebrow::before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-inline-end:.35rem;border-radius:999px;background:var(--color-success);vertical-align:middle}.mv-title{margin:0;font-size:clamp(1.75rem,3.4vw,2.7rem);letter-spacing:-.035em;line-height:1.1}.mv-description{margin:.5rem 0 0;max-width:66ch;color:var(--color-muted);font-size:.95rem;line-height:1.6}.mv-workspace{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.2fr);gap:1.25rem;align-items:start}.mv-controls{display:flex;flex-direction:column;gap:1rem;min-width:0;counter-reset:mv-section}.mv-section{display:grid;gap:.8rem;margin:0;padding:1.15rem;border:1px solid var(--color-border);border-radius:var(--mv-radius);background:var(--color-surface);box-shadow:0 1px 2px rgb(0 0 0/.025);counter-increment:mv-section}.mv-section[hidden]{display:none}.mv-section-title{display:flex;align-items:center;gap:.6rem;margin:0 0 .1rem;padding:0 0 .7rem;border-bottom:1px solid var(--color-border);font-size:.78rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;color:var(--color-on-surface)}.mv-section-title::before{content:counter(mv-section,decimal-leading-zero);display:inline-grid;place-items:center;width:1.65rem;height:1.65rem;flex:0 0 1.65rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);font-size:.62rem;letter-spacing:0;color:var(--color-muted);font-variant-numeric:tabular-nums}.mv-field{display:grid;gap:.4rem;min-width:0}.mv-field>label{font-size:.8rem;font-weight:700;color:var(--color-on-surface)}.mv-field select,.mv-field input[type=number]{min-height:2.4rem;min-width:8rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-background);color:var(--color-on-surface);padding:.4rem .6rem;font:inherit;font-size:.85rem;cursor:pointer}.mv-field input[type=number]{cursor:text;font-variant-numeric:tabular-nums}.mv-field select:focus-visible,.mv-field input[type=number]:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.mv-field-hint{margin:0;color:var(--color-muted);font-size:.74rem;line-height:1.5}.mv-editor{direction:ltr;text-align:left;width:100%;min-height:19rem;resize:vertical;border:1px solid color-mix(in oklab,var(--color-primary) 18%,var(--color-border));border-radius:.8rem;background:var(--color-background);color:var(--color-on-surface);padding:.85rem 1rem;font:600 .82rem/1.65 var(--font-mono,ui-monospace,Menlo,monospace);tab-size:2;overflow-wrap:normal;overflow:auto}.mv-editor:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.mv-editor::placeholder{color:var(--color-muted);font-weight:500}.mv-editor-stats{margin:0;color:var(--color-muted);font:600 .68rem/1 var(--font-mono,ui-monospace,Menlo,monospace);font-variant-numeric:tabular-nums;letter-spacing:.02em}.mv-slider-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem}.mv-slider-row label{font-size:.85rem;font-weight:700;color:var(--color-on-surface)}.mv-slider-value{font:700 .95rem/1 var(--font-mono,ui-monospace,Menlo,monospace);color:var(--color-primary);font-variant-numeric:tabular-nums}.mv-slider-row input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--color-primary);margin:0}.mv-slider-row .mv-field-hint{grid-column:1/-1}.mv-zoom-actions{display:flex;flex-wrap:wrap;gap:.5rem}.mv-zoom-actions button{flex:1 1 5.5rem;min-height:2.4rem}.mv-checkbox-row{display:flex;align-items:center;gap:.55rem;min-height:2.1rem;font-size:.85rem;font-weight:600;color:var(--color-on-surface);cursor:pointer}.mv-checkbox-row input{accent-color:var(--color-primary);margin:0;flex-shrink:0;width:1rem;height:1rem}.mv-output{display:flex;flex-direction:column;gap:1rem;min-width:0}.mv-result-card{position:sticky;top:5.5rem;display:grid;gap:.85rem;padding:1.15rem;border:1px solid var(--color-border);border-radius:var(--mv-radius);background:var(--color-surface);box-shadow:var(--mv-shadow)}.mv-result-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.mv-result-label{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.mv-status{margin:0;display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mv-status::before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:var(--color-muted)}.mv-status[data-mermaid-viewer-status=loading],.mv-status[data-mermaid-viewer-status=rendering]{color:var(--color-primary);border-color:color-mix(in oklab,var(--color-primary) 35%,var(--color-border))}.mv-status[data-mermaid-viewer-status=loading]::before,.mv-status[data-mermaid-viewer-status=rendering]::before{background:var(--color-primary);animation:mv-pulse 1.1s ease-in-out infinite}.mv-status[data-mermaid-viewer-status=ready]{color:var(--color-success);border-color:color-mix(in oklch,var(--color-success) 40%,var(--color-border))}.mv-status[data-mermaid-viewer-status=ready]::before{background:var(--color-success)}.mv-status[data-mermaid-viewer-status=stale]{color:var(--color-warning,var(--color-primary));border-color:color-mix(in oklab,var(--color-warning,var(--color-primary)) 40%,var(--color-border))}.mv-status[data-mermaid-viewer-status=stale]::before{background:var(--color-warning,var(--color-primary))}.mv-status[data-mermaid-viewer-status=error]{color:var(--color-danger);border-color:color-mix(in oklab,var(--color-danger) 40%,var(--color-border))}.mv-status[data-mermaid-viewer-status=error]::before{background:var(--color-danger)}@keyframes mv-pulse{0%,100%{opacity:.35}50%{opacity:1}}.mv-stats{display:flex;flex-wrap:wrap;gap:.45rem}.mv-stat{display:inline-flex;align-items:baseline;gap:.4rem;padding:.32rem .6rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-background)}.mv-stat-label{font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-muted)}.mv-stat-value{font:700 .8rem/1 var(--font-mono,ui-monospace,Menlo,monospace);color:var(--color-primary);font-variant-numeric:tabular-nums}.mv-canvas{position:relative;direction:ltr;min-height:24rem;max-height:34rem;overflow:hidden;display:grid;place-items:center;padding:.75rem;border:1px solid color-mix(in oklab,var(--color-primary) 18%,var(--color-border));border-radius:.8rem;background:var(--color-background);cursor:grab;touch-action:none}.mv-canvas.is-panning{cursor:grabbing}.mv-canvas:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.mv-canvas:empty::before{content:attr(data-empty-hint);color:var(--color-muted);font-size:.85rem}.mv-stage{transform-origin:center center;will-change:transform;line-height:0}.mv-stage svg{max-width:none;height:auto;overflow:visible}.mv-error{display:grid;gap:.5rem;direction:ltr;text-align:left;padding:.85rem 1rem;border:1px solid color-mix(in oklab,var(--color-danger) 45%,var(--color-border));border-radius:.8rem;background:color-mix(in oklch,var(--color-danger) 6%,var(--color-background))}.mv-error[hidden]{display:none}.mv-error-label{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-danger)}.mv-error-text{margin:0;max-height:9rem;overflow:auto;color:var(--color-on-surface);font:600 .78rem/1.6 var(--font-mono,ui-monospace,Menlo,monospace);white-space:pre-wrap;overflow-wrap:anywhere}.mv-error-hint{margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.mv-actions{display:flex;flex-wrap:wrap;gap:.6rem}.mv-actions button{min-height:2.6rem}.mv-actions button[data-copied=true]{background:color-mix(in oklch,var(--color-success) 10%,var(--color-surface));border-color:color-mix(in oklch,var(--color-success) 45%,var(--color-border));color:var(--color-success)}.mv-actions button:disabled{opacity:.55;cursor:progress}.mv-privacy-note{margin:0;color:var(--color-muted);font-size:.75rem;line-height:1.5}.mv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.mv-editor{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--color-muted) 45%,transparent)transparent}.mv-editor::-webkit-scrollbar{width:.5rem;height:.5rem}.mv-editor::-webkit-scrollbar-track{background:0 0}.mv-editor::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in oklab,var(--color-muted) 45%,transparent)}.mv-editor::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--color-muted) 65%,transparent)}@media(max-width:980px){.mv-shell{padding-top:1.5rem}.mv-workspace{grid-template-columns:1fr}.mv-result-card{position:static}.mv-editor{min-height:14rem}}@media(max-width:600px){.mv-shell{padding:1.25rem .75rem 3.25rem}.mv-description{font-size:.84rem}.mv-actions button{flex:1 1 45%}.mv-canvas{min-height:16rem;max-height:24rem}.mv-zoom-actions button{flex:1 1 45%}}@media(prefers-reduced-motion:reduce){.mv-status[data-mermaid-viewer-status=loading]::before,.mv-status[data-mermaid-viewer-status=rendering]::before{animation:none}}