/* RTL（从右到左）语言支持样式 */

/* 当HTML元素有dir="rtl"属性时应用 */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .container {
  direction: rtl;
}

[dir="rtl"] .tabs {
  flex-direction: row-reverse;
}

[dir="rtl"] .tab {
  margin-left: 10px;
  margin-right: 0;
}

[dir="rtl"] .tab:first-child {
  margin-left: 0;
}

[dir="rtl"] .setting-group {
  text-align: right;
}

[dir="rtl"] .setting-group label {
  text-align: right;
}

[dir="rtl"] .filename-input {
  flex-direction: row-reverse;
}

[dir="rtl"] .filename-input input {
  text-align: right;
  margin-right: 0;
  margin-left: 5px;
}

[dir="rtl"] .filename-input span {
  margin-right: 5px;
  margin-left: 0;
}

[dir="rtl"] .instructions div {
  text-align: right;
}

[dir="rtl"] .shortcut-item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .shortcut-keys {
  margin-left: 20px;
  margin-right: 0;
}

[dir="rtl"] .shortcut-desc {
  text-align: right;
}

[dir="rtl"] .shortcut-note {
  text-align: right;
}

/* 调整按钮和输入框 */
[dir="rtl"] input[type="text"],
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
}

[dir="rtl"] input[type="checkbox"] {
  margin-left: 5px;
  margin-right: 0;
}