:root{--mv-accent:#5156F9;--mv-dark:#0B0D28;--mv-body:#272975;--mv-border:#DFE0FF;}
.mv-grid{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:2rem;max-width:1200px;margin:2rem auto;}
.mv-controls, .mv-visual{position:relative;}
.mv-controls{display:block!important;}
.mv-controls label, .mv-method legend{display:block;margin-bottom:1rem;color:var(--mv-body);}
.mv-controls select, .mv-controls input{width:100%;padding:.6rem;border:1px solid var(--mv-border);border-radius:6px;background:#fff;}
.mv-method label{display:flex;align-items:center;gap:3px;margin:.25rem 0;}
.mv-btn-row{display:flex;gap:.75rem;}
.mv-btn{flex:1;padding:.6rem;border:none;border-radius:6px;background:var(--mv-accent);color:#fff;cursor:pointer;}
.mv-reset{background:var(--mv-dark);}
.mv-visual{border:1px solid var(--mv-border);border-radius:8px;background:radial-gradient(at top left,#fff 0%,#F1F1FF 100%);height:450px;overflow:hidden;}
.mv-placeholder, .mv-visual canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--mv-body);}
.mv-visual canvas{background:transparent;position:relative;}
.mv-toggle-wrap{margin-top:1rem;text-align:center;}
.mv-table-wrap{display:none;margin-top:1rem;}
.mv-table{width:100%;border-collapse:collapse;}
.mv-table th, .mv-table td{padding:8px;border:1px solid var(--mv-border);text-align:right;}
.mv-disclaimer{text-align:center;margin-top:1rem;color:#666;}


/* Mobile responsiveness */
@media (max-width: 768px) {
  .mv-grid {
    grid-template-columns: 1fr !important;
    padding: 1rem;
  }
  .mv-controls {
    margin-bottom: 1rem;
  }
  .mv-visual {
    height: auto !important;
  }
  .mv-visual canvas,
  .mv-placeholder {
    height: 250px !important;
  }
  .mv-btn-row {
    flex-direction: column;
  }
  .mv-btn-row .mv-btn {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

/* Show Details button outline & left align */
.mv-toggle-wrap { text-align: left !important; }
.mv-toggle { background: transparent !important; border: 2px solid var(--mv-accent) !important; color: var(--mv-accent) !important; }