.cx-md-dialog{border:1px solid var(--color-rule);border-radius:var(--r-lg);background:var(--color-bg);max-block-size:92dvh;inline-size:min(1160px,96vw);color:var(--color-fg);box-shadow:var(--shadow-e2);margin:auto;padding:0;overflow-y:auto}.cx-md-dialog::backdrop{background:var(--color-scrim)}.cx-md-header{justify-content:space-between;align-items:start;gap:16px;padding:24px 28px 16px;display:flex}.cx-md-header h2{font:600 22px/1.35 var(--font-sans);margin-block-end:6px}.cx-md-header p,.cx-md-footer p{color:var(--color-fg-soft);font:400 13px/1.6 var(--font-sans)}.cx-md-examples{font:400 13px var(--font-sans);flex-wrap:wrap;align-items:center;gap:8px;padding:0 28px 20px;display:flex}.cx-md-columns{grid-template-columns:1fr 1fr;gap:20px;padding:0 28px;display:grid}.cx-md-columns>section{flex-direction:column;gap:10px;min-inline-size:0;display:flex}.cx-md-columns label,.cx-md-columns h3{font:600 13px/1.6 var(--font-sans)}.cx-md-columns textarea{resize:vertical;border:1px solid var(--color-edge);border-radius:var(--r-md);background:var(--color-well);min-block-size:380px;inline-size:100%;color:var(--color-fg);font:400 13px/1.8 var(--font-mono);tab-size:2;flex:1;padding:18px}.cx-md-columns small{color:var(--color-fg-mute);font-size:11px}.cx-md-preview{border-radius:var(--r-md);background:var(--color-paper);min-block-size:380px;max-block-size:55dvh;box-shadow:var(--shadow-e0);padding:22px;overflow:auto}.cx-md-empty{color:var(--color-fg-soft);font:400 15px/1.8 var(--font-sans)}.cx-md-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.cx-md-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:767px){.cx-md-columns{grid-template-columns:1fr}.cx-md-header,.cx-md-footer{padding:16px}.cx-md-columns,.cx-md-examples{padding-inline:16px}.cx-md-columns textarea{min-block-size:240px}}