.vz-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px;align-items:start}
.vz-editor label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;margin-bottom:12px}
.vz-editor textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--se-line);border-radius:10px;background:var(--se-canvas);color:var(--se-ink);font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.vz-editor select{padding:9px 11px;border:1px solid var(--se-line);border-radius:8px;background:var(--se-canvas);color:var(--se-ink);font:inherit}
.vz-options{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:end}.vz-options label{margin-bottom:6px}
.vz-help{margin:10px 0}.vz-help summary{cursor:pointer;color:var(--se-link);font-size:.9rem}
.vz-help pre{white-space:pre-wrap;background:var(--se-soft);padding:12px 14px;border-radius:10px;font-size:12.5px;line-height:1.55}
.vz-feedback{font-size:.88rem}.vz-feedback ul{margin:6px 0 6px 18px;padding:0}.vz-feedback summary{cursor:pointer;color:var(--se-link)}
.vz-warn{border-left:4px solid #c27c2c;background:var(--se-soft);padding:9px 12px;border-radius:8px}
.vz-output{min-width:0}.vz-output h2{margin:0 0 6px}
.vz-output .st-diagram{overflow:auto;border:1px solid var(--se-line);border-radius:14px;background:#fff;max-height:820px}
.vz-output .st-diagram svg{display:block;max-width:100%;height:auto}
.vz-output .st-diagram.zoom svg{max-width:none}
@media(max-width:900px){.vz-grid{grid-template-columns:1fr}}