.titlebar {
  background-color: transparent !important;
  z-index: 99999;
}
.windows .titlebar {
  -webkit-app-region: drag;
}

.titlebar-button-container {
  z-index: 9999;
  -webkit-app-region: no-drag;
}

.titlebar-button {
  color: var(--text-normal) !important;
}

.titlebar-button:hover {
  background-color: var(--background-modifier-hover) !important;
}

.live-wallpaper-active .titlebar {
  border-bottom: none !important;
  -webkit-app-region: drag;
}

#live-wallpaper-container {
  transition: opacity 0.3s ease, filter 0.3s ease;
  pointer-events: none;
}

video#live-wallpaper-media {
  transition: playback-rate 0.3s ease;
}
.text-arena-table {
  border-collapse: collapse;
  margin: 10px 0;
}

.text-arena-table th, 
.text-arena-table td {
  border: 1px solid var(--background-modifier-border);
  padding: 8px;
  text-align: left;
}

.text-arena-table th {
  background-color: var(--background-primary-alt);
  font-weight: bold;
}

.text-arena-table tr:nth-child(even) {
  background-color: var(--background-primary);
}

.text-arena-table tr:hover {
  background-color: var(--background-secondary);
}

.text-arena-table .setting-item {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.text-arena-table .setting-item-control {
  width: 100%;
}
.EditCodeBlock {
  background-color: #1e1e1e;
  color: #dcdcdc;
  padding: 10px;
  border-radius: 6px;
  font-family: monospace;
  overflow-x: auto;
  white-space: pre;
  resize: none;
}
body.is-mobile .workspace-drawer.mod-left,
body.is-mobile .workspace-drawer.mod-right,
body.is-mobile .vertical-tab-content-container,
body.is-mobile .modal-header {
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.7);
}
body.is-mobile .menu{
  background: rgba(0, 0, 0, 0.7);
}
.live-wallpaper-settings-nav {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
}
.live-wallpaper-settings-nav .setting-button {
  flex-shrink: 0;
}