#native-audio {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-alt: #f1f5f9;
  --accent: #2b6eff;
  --accent-secondary: #ff8a1f;
  --accent-hover: #1d54da;
  --accent-active: #1642b5;
  --accent-glow: rgba(43, 110, 255, 0.1);
  --success: #10b981;
  --success-muted: #d1fae5;
  --success-text: #065f46;
  --error: #ef4444;
  --error-text: #991b1b;
  --warning: #f59e0b;
  --warning-text: #92400e;
  --glass-hover: rgba(0, 0, 0, 0.04);
  --error-glow: rgba(239, 68, 68, 0.1);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --border: #e6eaf2;
  --glass: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(255, 255, 255, 0.5);
  --surface-light: #f8fafc;
  --background: var(--bg);
  --text: var(--text-primary);
  --header-height: 72px;

  /* Unified Design Tokens */
  --radius-button: 10px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --radius-round: 9999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md:
    0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg:
    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl:
    0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  /* Brand tokens */
  --as-ink: #0f172a; /* sleek slate-dark */
  --as-muted: #64748b; /* soft-slate */
  --as-blue: #2b6eff; /* brand-blue */
  --as-amber: #f97316; /* brand-orange */
  --as-info-tint: #f0f7ff; /* very soft blue tint */
}

#native-audio * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#native-audio {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: var(--bg);
  color: var(--text-primary);
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

#native-audio h1,
#native-audio h2,
#native-audio h3,
#native-audio h4 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

#native-audio button {
  cursor: pointer;
  font-family: inherit;
  padding: 0.75rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: var(--radius-button);
}

#native-audio .divider {
  height: 1px;
  background: var(--border);
  width: 100%;
  margin: 1rem 0;
}

#native-audio .btn-primary {
  background: var(--accent);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

#native-audio .btn-primary:hover:not(:disabled) {
  background: var(--accent-hover);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

#native-audio .btn-primary:active:not(:disabled) {
  background: var(--accent-active);
  transform: translateY(0);
}

#native-audio .btn-primary:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  filter: grayscale(0.5);
}

#native-audio .btn-success {
  background: var(--success);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

#native-audio .btn-success:hover:not(:disabled) {
  background: #059669; /* darker success */
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

#native-audio .btn-success:active:not(:disabled) {
  background: #047857;
  transform: translateY(0);
}

#native-audio .btn-glass {
  background: #ffffff;
  color: var(--text-primary);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

#native-audio .btn-glass:hover:not(:disabled) {
  background: var(--surface-alt);
  border-color: #cbd5e1;
}

#native-audio .btn-glass:active:not(:disabled) {
  background: #e2e8f0;
}

#native-audio .btn-glass:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#native-audio .btn-ghost {
  background: transparent;
  color: var(--text-secondary);
}

#native-audio .btn-ghost:hover:not(:disabled) {
  background: var(--accent-glow);
  color: var(--accent);
}

#native-audio .btn-ghost:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

#native-audio .btn-home {
  background: var(--surface) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--shadow-sm);
}

#native-audio .btn-home:hover:not(:disabled) {
  background: var(--accent-glow) !important;
  color: var(--accent) !important;
  border-color: var(--accent) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

#native-audio .btn-home:active:not(:disabled) {
  background: var(--accent-active) !important;
  color: #ffffff !important;
  border-color: var(--accent-active) !important;
  transform: translateY(0);
}

#native-audio .btn-home.primary {
  border: 2px solid var(--accent) !important;
  color: var(--accent) !important;
}

#native-audio .btn-danger {
  background: transparent;
  color: var(--error-text);
  border: 1px solid transparent;
}

#native-audio .btn-danger:hover:not(:disabled) {
  background: var(--error-glow);
  color: #ef4444;
  border-color: var(--error);
}

#native-audio .btn-menu-destructive:hover {
  background: var(--error-glow);
}

#native-audio .action-menu-item {
  position: relative;
  outline: none;
}

#native-audio .action-menu-item.standard:hover {
  background: var(--accent-glow);
  color: var(--accent);
}

#native-audio .action-menu-item.destructive:hover {
  background: var(--error-glow);
  color: var(--error);
}

#native-audio .glass-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  box-shadow: var(--shadow-md);
}

#native-audio .input-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

#native-audio .input-group label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-secondary);
  letter-spacing: 0.02em;
}

#native-audio .input-group input,
#native-audio .input-group textarea {
  background: var(--surface-light);
  border: 1px solid var(--border);
  border-radius: var(--radius-button);
  color: var(--text-primary);
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  width: 100%;
}

#native-audio .input-group input:focus,
#native-audio .input-group textarea:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

#native-audio .input-field {
  background: var(--surface-light);
  border: 1px solid var(--border);
  border-radius: var(--radius-button);
  color: var(--text-primary);
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  outline: none;
}

#native-audio .input-field:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accent-glow);
}

#native-audio .select-glass {
  background: #ffffff;
  border: 1px solid var(--border);
  border-radius: var(--radius-button);
  color: var(--text-primary);
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  outline: none;
  cursor: pointer;
}

#native-audio .select-glass:hover {
  background: var(--surface-alt);
}

#native-audio .popover-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-panel);
  box-shadow: var(--shadow-xl);
  backdrop-filter: blur(20px);
  padding: 1.25rem;
  z-index: 1001;
  animation: native-audio-scale-in 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

#native-audio .engine-chunk {
  background: var(--surface-light);
  border-left: 3px solid var(--accent);
  padding: 1rem;
  border-radius: 0 var(--radius-button) var(--radius-button) 0;
  margin-bottom: 0.75rem;
  font-family: "Space Grotesk", monospace;
  position: relative;
  transition: all 0.2s ease;
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent);
  white-space: pre;
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: block;
  box-sizing: border-box;
}

#native-audio .engine-chunk:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--accent);
}

#native-audio .engine-chunk::before {
  content: attr(data-index);
  position: absolute;
  top: -8px;
  left: 8px;
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--accent);
  background: var(--surface);
  padding: 0 4px;
  border-radius: 4px;
  border: 1px solid var(--border);
  pointer-events: none;
  z-index: 10;
}

#native-audio .engine-chunk code {
  display: block;
  width: max-content;
  min-width: 100%;
  white-space: pre;
}

#native-audio .icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  border-radius: 50%;
  color: var(--accent);
}

#native-audio .as-wordmark {
  font-family:
    Inter,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Arial,
    sans-serif;
  line-height: 1;
  display: inline-block;
  user-select: none;
}

#native-audio .as-title {
  font-weight: 800;
  font-size: var(--as-title-fs, clamp(32px, 4vw, 64px));
  letter-spacing: -0.02em;
  color: var(--as-ink);
}

#native-audio .as-subline {
  margin-top: 0.15em;
  display: flex;
  align-items: center;
  gap: 0.25em;
}

#native-audio .as-sub {
  font-weight: 600;
  font-size: var(--as-sub-fs, clamp(14px, 1.2vw, 18px));
  letter-spacing: 0.45em;
  padding-left: 0.45em; /* keeps spacing visually centered */
  color: var(--as-blue);
}

#native-audio .as-rule {
  height: 2px;
  flex: 1;
  min-width: 1.5em;
  background: color-mix(in srgb, var(--as-ink) 20%, transparent);
  border-radius: 999px;
}
#native-audio .as-rule-right {
  background: color-mix(in srgb, var(--as-amber) 80%, transparent);
}
#native-audio .as-rule-left {
  background: color-mix(in srgb, var(--as-blue) 80%, transparent);
}

#native-audio .form-input {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-button);
  color: var(--text-primary);
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  width: 100%;
  outline: none;
}

#native-audio .form-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-glow);
}

/* Scrollbar */
#native-audio ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#native-audio ::-webkit-scrollbar-track {
  background: transparent;
}

#native-audio ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 10px;
}

#native-audio ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Animations */
@keyframes native-audio-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes native-audio-scale-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes native-audio-progress-stripes {
  from { background-position: 40px 0; }
  to { background-position: 0 0; }
}

@keyframes native-audio-barber-pole {
  from { background-position: 0 0; }
  to { background-position: 36px 0; }
}

@keyframes native-audio-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes native-audio-fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#native-audio .animate-in {
  animation: native-audio-fadeInDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#native-audio .animate-spin {
  animation: native-audio-spin 1s linear infinite;
}

#native-audio .animate-spin-slow {
  animation: native-audio-spin 3s linear infinite;
}

#native-audio .progress-bar-animated {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  animation: native-audio-progress-stripes 1s linear infinite;
}

#native-audio .progress-bar-pending {
  background-image: repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.12) 0px,
    rgba(255, 255, 255, 0.12) 10px,
    rgba(148, 163, 184, 0.28) 10px,
    rgba(148, 163, 184, 0.28) 20px
  );
  background-size: 36px 36px;
  animation: native-audio-barber-pole 0.7s linear infinite;
}

/* Layout & Utils */
#native-audio .overlay-blur {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(8px);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: native-audio-fade-in 0.2s ease-out;
}

#native-audio .contrast-text {
  color: var(--text-primary);
  letter-spacing: -0.01em;
}

#native-audio .hover-lift:hover {
  transform: translateY(-2px);
  border-color: var(--accent) !important;
  background: var(--surface) !important;
  box-shadow: var(--shadow-md) !important;
}

#native-audio .hover-opacity-100:hover {
  opacity: 1 !important;
}

#native-audio .responsive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}

#native-audio .sample-row:hover {
  background: var(--surface-alt) !important;
}

#native-audio .sample-remove-btn {
  color: var(--text-muted);
  opacity: 0.4;
  transition: all 0.2s ease;
}

#native-audio .sample-remove-btn:hover {
  color: var(--error) !important;
  opacity: 1 !important;
  background: var(--error-glow) !important;
}

#native-audio .hover-bg-destructive:hover {
  background: var(--error-glow) !important;
  color: var(--error) !important;
}

#native-audio .hover-bg-subtle:hover {
  background: var(--surface-alt) !important;
}

#native-audio .chapter-row {
  position: relative;
}

#native-audio .chapter-row .drag-handle {
  opacity: 0;
  transition: opacity 0.2s ease;
}

#native-audio .chapter-row:hover .drag-handle,
#native-audio .chapter-row:focus-within .drag-handle,
#native-audio .chapter-row.is-menu-open .drag-handle {
  opacity: 1;
}

#native-audio .kebab-trigger:focus-visible,
#native-audio .action-menu-item:focus-visible {
  box-shadow:
    0 0 0 2px var(--bg),
    0 0 0 4px var(--accent);
  z-index: 10;
}

@media (max-width: 1100px) {
  #native-audio .library-grid {
    grid-template-columns: 1fr !important;
  }

  #native-audio .library-sidebar {
    position: relative !important;
    height: auto !important;
    border-right: none !important;
    border-bottom: 1px solid var(--border) !important;
    padding-right: 0 !important;
    padding-bottom: 2rem !important;
    top: 0 !important;
  }

  #native-audio .responsive-grid {
    grid-template-columns: 1fr !important;
  }

  #native-audio .nav-label {
    display: none !important;
  }

  #native-audio .btn-responsive {
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    gap: 0 !important;
    justify-content: center !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-button) !important;
    background: transparent !important;
  }

  #native-audio .btn-responsive:hover {
    background: var(--accent-glow) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
  }

  #native-audio .header-logo-text {
    display: none !important;
  }

  #native-audio .search-responsive {
    width: 160px !important;
  }

  #native-audio .mobile-hide {
    display: none !important;
  }

  #native-audio .mobile-padding {
    padding: 1rem !important;
  }

  #native-audio .sidebar-divider-mobile {
    border-left: none !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 768px) {
  #native-audio {
    --header-height: 64px;
  }

  #native-audio .header-container {
    padding: 0 1rem !important;
  }

  #native-audio .burger {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: transparent;
    border: none;
  }

  #native-audio .burger span {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-primary);
    border-radius: 2px;
    transition: all 0.2s ease;
  }
}

/* Layout Utilities (Bridging Refactor) */
#native-audio .flex { display: flex; }
#native-audio .flex-col { flex-direction: column; }
#native-audio .flex-1 { flex: 1 1 0%; }
#native-audio .flex-shrink-0 { flex-shrink: 0; }
#native-audio .items-center { align-items: center; }
#native-audio .justify-between { justify-content: space-between; }
#native-audio .justify-center { justify-content: center; }
#native-audio .gap-2 { gap: 0.5rem; }
#native-audio .gap-3 { gap: 0.75rem; }
#native-audio .gap-4 { gap: 1rem; }
#native-audio .gap-6 { gap: 1.5rem; }

#native-audio .grid { display: grid; }
#native-audio .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

#native-audio .h-full { height: 100%; }
#native-audio .w-full { width: 100%; }
#native-audio .max-w-xl { max-width: 36rem; }
#native-audio .max-w-5xl { max-width: 64rem; }

#native-audio .overflow-hidden { overflow: hidden; }
#native-audio .overflow-y-auto { overflow-y: auto; }
#native-audio .relative { position: relative; }
#native-audio .absolute { position: absolute; }
#native-audio .inset-0 { inset: 0; }
#native-audio .inset-y-0 { top: 0; bottom: 0; }

#native-audio .p-8 { padding: 2rem; }
#native-audio .pt-6 { padding-top: 1.5rem; }
#native-audio .pt-4 { padding-top: 1rem; }
#native-audio .pb-8 { padding-bottom: 2rem; }
#native-audio .pb-2 { padding-bottom: 0.5rem; }
#native-audio .px-8 { padding-left: 2rem; padding-right: 2rem; }
#native-audio .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
#native-audio .pl-12 { padding-left: 3rem; }

#native-audio .text-2xl { font-size: 1.5rem; line-height: 2rem; }
#native-audio .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
#native-audio .text-base { font-size: 1rem; line-height: 1.5rem; }
#native-audio .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
#native-audio .font-bold { font-weight: 700; }
#native-audio .mt-1 { margin-top: 0.25rem; }
#native-audio .mt-2 { margin-top: 0.5rem; }
#native-audio .mt-6 { margin-top: 1.5rem; }
#native-audio .mb-4 { margin-bottom: 1rem; }

#native-audio .bg-bg { background-color: var(--bg); }
#native-audio .bg-surface-alt { background-color: var(--surface-alt); }

#native-audio .rounded-xl { border-radius: 12px; }
#native-audio .rounded-2xl { border-radius: 16px; }
#native-audio .border { border: 1px solid var(--border); }
#native-audio .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
#native-audio .shadow-lg { box-shadow: var(--shadow-lg); }
#native-audio .shadow-accent\/20 { box-shadow: 0 10px 15px -3px rgba(43, 110, 255, 0.2); }

#native-audio .pointer-events-none { pointer-events: none; }
#native-audio .transition-all { transition: all 0.2s ease; }

#native-audio .bg-accent { background-color: var(--accent); }
#native-audio .bg-accent-hover:hover { background-color: var(--accent-hover); }
#native-audio .bg-surface-light { background-color: var(--surface-light); }
#native-audio .text-accent { color: var(--accent); }
#native-audio .text-text-muted { color: var(--text-muted); }
#native-audio .text-text-primary { color: var(--text-primary); }
#native-audio .hover\:bg-accent-hover:hover { background-color: var(--accent-hover); }
#native-audio .group-focus-within\:text-accent:focus-within { color: var(--accent); }
#native-audio .shadow-accent { box-shadow: 0 10px 15px -3px var(--accent-glow); }
#native-audio .active\:scale-95:active { transform: scale(0.95); }
#native-audio .custom-scrollbar::-webkit-scrollbar { width: 6px; }
#native-audio .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; }

#native-audio { min-width: 0; min-height: 0; height: 100%; overflow: hidden; background: #09090b; color: #e4e4e7; font-family: Inter, system-ui, -apple-system, 'PingFang SC', sans-serif; }
#native-audio .native-audio-shell { --bg: #09090b; --surface: #111113; --surface-alt: #18181b; --surface-light: #18181b; --text-primary: #e4e4e7; --text-secondary: #a1a1aa; --text-muted: #a1a1aa; --border: #27272a; --accent: #6366f1; --accent-hover: #818cf8; --accent-active: #4f46e5; --accent-glow: rgba(99,102,241,.13); --accent-tint: rgba(99,102,241,.12); --glass: #111113; --glass-border: #27272a; display: flex; flex-direction: column; height: 100%; min-height: 0; }
#native-audio .native-audio-shell > header { flex-wrap: wrap; gap: .75rem !important; }
#native-audio .native-audio-host-actions { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; padding: .65rem 1.5rem; border-bottom: 1px solid var(--border); background: var(--surface); }
#native-audio .native-audio-host-actions > span { color: var(--text-secondary); font-size: .8rem; margin-right: auto; }
#native-audio .native-audio-host-actions button { padding: .45rem .7rem; font-size: .8rem; }
#native-audio .native-audio-body { display: flex; flex: 1; min-height: 0; overflow: hidden; }
#native-audio .native-audio-main { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; padding: 1.5rem; overflow: hidden; container: audio-script / inline-size; }
#native-audio .native-audio-tabs { flex-shrink: 0; overflow-x: auto; }
#native-audio .native-audio-tabs > div { min-width: max-content; }
#native-audio .native-audio-paper { --bg: #f8fafc; --surface: #fff; --surface-light: #f1f5f9; --surface-alt: #f1f5f9; --text-primary: #0f172a; --text-secondary: #475569; --text-muted: #64748b; --border: #e6eaf2; --success-muted: #059669; --error-muted: #fecaca; color: var(--text-primary); background: var(--bg); display: flex; flex-direction: column; flex: 1; min-height: 0; border-radius: 12px; }
#native-audio .native-audio-paper > div { min-height: 0; }
#native-audio .native-audio-sidebar { display: block; width: 344px; padding: 1.5rem 1.5rem 1.5rem 0; min-height: 0; flex-shrink: 0; overflow-y: auto; }
#native-audio .native-audio-role-content > div { margin-left: 0 !important; }
#native-audio .native-audio-sidebar > summary { display: none; }
#native-audio .native-audio-notice { font-size: .82rem; color: #c4b5fd; padding: .65rem 1.5rem; margin: 0; background: #1c1830; }
#native-audio .native-audio-error { padding: 2rem; background: #13131a; color: #e4e4e7; }
#native-audio .native-audio-error button { margin-top: 1rem; color: white; background: #6366f1; border-radius: 8px; }
@container audio-script (max-width: 700px) {
  #native-audio .native-audio-production { padding: 1rem !important; }
  #native-audio .native-audio-script-row { gap: 1rem !important; padding: .75rem 1rem !important; }
  #native-audio .native-audio-script-role { width: 72px !important; }
  #native-audio .native-audio-script-status { width: 32px !important; }
}
@media (max-width: 1100px) {
  #native-audio .native-audio-sidebar { width: 276px; }
  #native-audio .native-audio-role-content > div { width: 260px !important; }
  #native-audio .native-audio-main { padding: 1rem; }
  #native-audio .native-audio-sidebar { padding: 1rem 1rem 1rem 0; }
}
@media (max-width: 800px) {
  #native-audio { overflow: auto; }
  #native-audio .native-audio-shell { min-height: 100%; height: auto; }
  #native-audio .native-audio-body { flex-direction: column; overflow: visible; }
  #native-audio .native-audio-main { min-height: 520px; }
  #native-audio .native-audio-sidebar { order: -1; width: 100%; padding: 1rem 1rem 0; overflow: visible; }
  #native-audio .native-audio-role-content > div { width: 100% !important; }
  #native-audio .native-audio-paper { min-height: 380px; }
}
/* These controls connect the intact chapter pages to the host's persisted
   scene jobs and complete private media; they are not a second script editor. */
#native-audio .native-audio-header { gap: 12px !important; padding: 14px 20px !important; }
#native-audio .native-audio-header-title { flex-wrap: wrap; flex: 1 1 240px !important; gap: 10px !important; }
#native-audio .native-audio-header-title input { min-width: 120px; flex: 1; width: auto !important; }
#native-audio .native-audio-header-title > div { padding-left: 0 !important; border-left: 0 !important; max-width: 100%; }
#native-audio .native-audio-header-actions { min-width: 0; flex-wrap: wrap; gap: 8px !important; }
#native-audio .native-audio-header-actions select { min-width: 120px; max-width: 200px; min-height: 44px; }
#native-audio .native-audio-header button { min-height: 44px; white-space: nowrap; }
#native-audio audio { color-scheme: dark; max-width: 100%; }
#native-audio .native-audio-host-actions { gap: 6px; padding: 9px 20px; }
#native-audio .native-audio-host-actions button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; }
#native-audio .native-audio-host-actions > span { font-variant-numeric: tabular-nums; }
#native-audio .native-audio-tools { position: relative; }
#native-audio .native-audio-tools > summary { cursor: pointer; min-height: 40px; display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 6px; font-size: 13px; list-style: none; }
#native-audio .native-audio-tools > summary::-webkit-details-marker { display: none; }
#native-audio .native-audio-tools[open] > summary { background: var(--surface-light); }
#native-audio .native-audio-tools > div { position: absolute; top: 100%; right: 0; z-index: 8; min-width: 190px; display: grid; gap: 4px; padding: 6px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 8px 24px #0005; }
#native-audio .native-audio-tools:not([open]) > div, #native-audio .native-audio-sidebar:not([open]) > .native-audio-role-content { display: none; }
#native-audio .native-audio-tools > div button { justify-content: flex-start; text-align: left; }
#native-audio .native-audio-tools > div small { padding: 4px 8px; font-size: 12px; line-height: 1.6; color: var(--text-secondary); }
#native-audio .native-audio-job-summary { display: flex; align-items: center; gap: 10px; flex: none; padding: 10px 12px; margin-bottom: 14px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); font-size: 13px; }
#native-audio .native-audio-job-summary > div { display: grid; gap: 3px; flex: 1; min-width: 0; }
#native-audio .native-audio-job-summary strong { font-size: 13px; font-weight: 600; }
#native-audio .native-audio-job-summary span { color: var(--text-secondary); overflow-wrap: anywhere; }
#native-audio .native-audio-job-summary button { flex: none; min-height: 40px; }
#native-audio .native-audio-job-summary--error { border-color: #7f3545; }
#native-audio .native-audio-job-summary--error strong { color: #fda4af; }
#native-audio .native-audio-working { flex: none; color: #a5b4fc; animation: native-audio-job-turn .8s linear infinite; }
#native-audio .native-audio-scene-media { flex: none; max-height: 36vh; overflow-y: auto; padding: 0 0 16px; margin-bottom: 16px; border-bottom: 1px solid var(--border); }
#native-audio .native-audio-scene-media h2 { margin: 0 0 4px; font-size: 20px; font-weight: 600; letter-spacing: -.02em; }
#native-audio .native-audio-scene-media > p { margin: 0 0 12px; font-size: 13px; color: var(--text-secondary); }
#native-audio .native-audio-scene-candidate { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(180px, 300px) auto; align-items: center; gap: 12px; padding: 12px 0; }
#native-audio .native-audio-scene-candidate + .native-audio-scene-candidate { border-top: 1px solid var(--border); }
#native-audio .native-audio-scene-candidate > div { min-width: 0; display: grid; gap: 4px; }
#native-audio .native-audio-scene-candidate strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
#native-audio .native-audio-scene-candidate span { font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
#native-audio .native-audio-scene-candidate audio { width: 100%; height: 40px; }
#native-audio .native-audio-scene-candidate button { min-height: 44px; white-space: nowrap; }
#native-audio .native-audio-assignment { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; padding: 10px 12px; margin-bottom: 12px; background: var(--accent-tint); border: 1px solid var(--border); border-radius: 7px; font-size: 13px; line-height: 1.6; }
#native-audio .native-audio-assignment button { display: flex; align-items: center; gap: 5px; min-height: 40px; white-space: nowrap; }
#native-audio .native-audio-tabs button { min-height: 44px; }
#native-audio :focus-visible { outline: 2px solid #a5b4fc; outline-offset: 3px; }
#native-audio ::selection { background: #c7d2fe; color: #18181b; }
#native-audio textarea { caret-color: #6366f1; }
#native-audio .native-audio-performance-controls button { min-height: 44px; }
/* VoiceStudio's complete waveform controls: real WaveSurfer canvas, original
   overlay range input and clock; palette is supplied by the existing shell. */
#native-audio .voice-waveform-player { --primary: var(--accent); --muted-foreground: var(--text-secondary); display: flex; align-items: center; gap: 12px; min-width: 0; width: 100%; padding: 8px 12px; border-radius: 8px; background: var(--surface-alt); }
#native-audio .voice-waveform-player > .relative { position: relative; flex: 1; min-width: 0; }
#native-audio .voice-waveform-player .pointer-events-none { pointer-events: none; }
#native-audio .voice-waveform-player .voice-waveform-button { flex: none; display: grid; place-items: center; width: 38px; height: 38px; min-height: 38px; padding: 0; border-radius: 50%; color: var(--text-primary); background: var(--accent-tint); border: 1px solid var(--border); cursor: pointer; }
#native-audio .voice-waveform-player .voice-waveform-button svg { width: 16px; height: 16px; }
#native-audio .voice-waveform-player .voice-waveform-button:hover:not(:disabled) { color: var(--accent); background: var(--surface-light); }
#native-audio .voice-waveform-player .voice-waveform-button:disabled { opacity: .5; cursor: not-allowed; }
#native-audio .voice-waveform-player > span { flex: none; white-space: nowrap; font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
#native-audio .voice-waveform-player > p { flex: 1; margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-secondary); }
#native-audio .voice-waveform-player input[type="range"] { position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; cursor: pointer; accent-color: var(--accent); }
#native-audio .voice-waveform-player input[type="range"].opacity-0 { opacity: 0; }
#native-audio .voice-waveform-player input[type="range"]:focus-visible { opacity: 1; outline-color: var(--accent); }
#native-audio .voice-waveform-player input[type="range"]:disabled { cursor: wait; }
#native-audio .native-audio-header-waveform { width: min(340px, 100%); min-width: 250px; padding: 5px 8px; gap: 8px; }
#native-audio .native-audio-scene-candidate { grid-template-columns: minmax(130px, 1fr) minmax(230px, 1.6fr) auto; }
#native-audio .native-audio-scene-candidate > .voice-waveform-player { display: flex; }
#native-audio .native-audio-line-tools { margin-top: 7px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-primary); background: var(--surface); }
#native-audio .native-audio-line-tools > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px; list-style: none; cursor: pointer; font-size: 13px; font-weight: 500; }
#native-audio .native-audio-line-tools > summary::-webkit-details-marker { display: none; }
#native-audio .native-audio-line-tools > summary > svg:last-child { margin-left: auto; }
#native-audio .native-audio-line-tools[open] > summary > svg:last-child { transform: rotate(180deg); }
#native-audio .native-audio-line-tools-summary { color: var(--text-secondary); font-size: 12px; font-weight: 400; }
#native-audio .native-audio-line-tools-body { display: grid; gap: 18px; padding: 4px 14px 16px; }
#native-audio .native-audio-take-history { display: grid; gap: 4px; max-height: 240px; overflow: auto; }
#native-audio .native-audio-take-history-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; border-radius: 6px; padding: 4px; }
#native-audio .native-audio-take-history-row[data-selected="true"] { background: var(--accent-tint); }
#native-audio .native-audio-take-history-row > button:first-child { display: flex; align-items: center; gap: 6px; justify-content: flex-start; min-width: 0; overflow-wrap: anywhere; text-align: left; }
#native-audio .native-audio-take-history-row button { min-height: 40px; padding: 6px 9px; font-size: 13px; }
#native-audio .native-audio-take-history-row button[aria-pressed="true"] { outline: 1px solid var(--accent); outline-offset: -1px; }
#native-audio .native-audio-take-history-row button:disabled { opacity: .5; cursor: not-allowed; }
#native-audio .native-audio-take-history-row button > span { display: inline-flex; align-items: center; gap: 3px; color: var(--accent); font-size: 12px; }
#native-audio .native-audio-take-history-row small { grid-column: 1 / -1; padding: 0 8px 6px; font-size: 12px; line-height: 1.5; color: var(--text-secondary); }
#native-audio .native-audio-original-voice > div:first-child, #native-audio .native-audio-tune-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 8px; }
#native-audio .native-audio-original-voice strong, #native-audio .native-audio-tune-heading strong { font-size: 14px; font-weight: 600; }
#native-audio .native-audio-original-voice > div:first-child > span, #native-audio .native-audio-tune-heading > span { color: var(--text-secondary); font-size: 12px; line-height: 1.5; }
#native-audio .native-audio-tune-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#native-audio .native-audio-pause-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--border); padding-top: 16px; }
#native-audio .native-audio-tune-field { min-width: 0; display: grid; gap: 6px; font-size: 13px; color: var(--text-secondary); }
#native-audio .native-audio-tune-field > div { display: flex; align-items: center; gap: 6px; min-width: 0; }
#native-audio .native-audio-tune-field input { min-width: 0; width: 100%; min-height: 40px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-alt); color: var(--text-primary); font-size: 14px; font-variant-numeric: tabular-nums; caret-color: var(--accent); }
#native-audio .native-audio-tune-field input:disabled { opacity: .5; }
#native-audio .native-audio-tune-field input::placeholder { color: var(--text-secondary); }
#native-audio .native-audio-tune-field > div > span { flex: none; font-size: 12px; }
#native-audio .native-audio-tune-markers, #native-audio .native-audio-tune-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
#native-audio .native-audio-tune-markers button, #native-audio .native-audio-tune-actions button { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 8px 10px; font-size: 13px; }
#native-audio .native-audio-tune-markers > span { margin-left: auto; color: var(--text-secondary); font-size: 12px; font-variant-numeric: tabular-nums; }
#native-audio .native-audio-tune-note, #native-audio .native-audio-source-text { margin: 0; color: var(--text-secondary); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
#native-audio .native-audio-source-text { margin-top: 8px; }
#native-audio .native-audio-tune-error, #native-audio .native-audio-tune-saved { margin: 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
#native-audio .native-audio-tune-error { color: #b91c1c; }
#native-audio .native-audio-tune-saved { color: #065f46; }
@keyframes native-audio-job-turn { to { transform: rotate(360deg); } }
@media (max-width: 800px) {
  #native-audio .native-audio-header-title > div { width: 100%; }
  #native-audio .native-audio-header-waveform { width: 100%; min-width: 0; }
  #native-audio .voice-waveform-player .voice-waveform-button { width: 44px; height: 44px; min-height: 44px; }
  #native-audio .native-audio-scene-candidate { grid-template-columns: minmax(0, 1fr); }
  #native-audio .native-audio-scene-candidate > .voice-waveform-player { grid-column: 1 / -1; }
  #native-audio .native-audio-scene-candidate > button { justify-self: end; }
  #native-audio .native-audio-tune-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  #native-audio .native-audio-tune-field input { font-size: 16px; min-height: 44px; }
  #native-audio .native-audio-line-tools > summary { flex-wrap: wrap; padding: 10px; font-size: 14px; }
  #native-audio .native-audio-line-tools-summary { max-width: 55%; }
  #native-audio .native-audio-line-tools-body { padding-inline: 10px; }
  #native-audio .native-audio-take-history-row button, #native-audio .native-audio-tune-markers button, #native-audio .native-audio-tune-actions button { min-height: 44px; }
  #native-audio .native-audio-header { display: grid !important; grid-template-columns: 44px minmax(0, 1fr); gap: 8px !important; padding: 12px 16px !important; }
  #native-audio .native-audio-header-scenes { grid-column: 2; justify-content: flex-end; padding-right: 0 !important; border-right: 0 !important; }
  #native-audio .native-audio-header-title, #native-audio .native-audio-header-actions { grid-column: 1 / -1; }
  #native-audio .native-audio-header-title input { font-size: 18px !important; min-height: 38px; }
  #native-audio .native-audio-header-actions { gap: 6px !important; }
  #native-audio .native-audio-header-actions select { max-width: 160px; font-size: 16px !important; }
  #native-audio .native-audio-host-actions { padding: 6px 16px; }
  #native-audio .native-audio-host-actions > span { flex-basis: 100%; margin: 2px 0; }
  #native-audio .native-audio-host-actions button, #native-audio .native-audio-tools > summary { min-height: 44px; }
  #native-audio .native-audio-sidebar > summary { display: flex; align-items: center; gap: 8px; padding: 11px 12px; min-height: 44px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); font-size: 14px; font-weight: 500; cursor: pointer; list-style: none; }
  #native-audio .native-audio-sidebar > summary::-webkit-details-marker { display: none; }
  #native-audio .native-audio-sidebar > summary > span { margin-left: auto; min-width: 0; font-size: 12px; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #native-audio .native-audio-sidebar[open] > summary > svg { transform: rotate(180deg); }
  #native-audio .native-audio-role-content { margin-top: 10px; }
  #native-audio .native-audio-role-content > div > div:first-child { max-height: 380px; }
  #native-audio .native-audio-scene-media { max-height: none; overflow: visible; }
  #native-audio .native-audio-scene-candidate { grid-template-columns: minmax(0, 1fr) auto; gap: 9px; }
  #native-audio .native-audio-scene-candidate > div { grid-column: 1 / -1; }
  #native-audio .native-audio-scene-candidate audio { min-width: 0; }
  #native-audio .native-audio-scene-candidate button { padding-inline: 12px; }
  #native-audio .native-audio-assignment { align-items: flex-start; }
  #native-audio .native-audio-assignment span { flex: 1; }
  #native-audio .native-audio-assignment button { min-height: 44px; }
  #native-audio .native-audio-job-summary { flex-wrap: wrap; }
  #native-audio .native-audio-job-summary > div { flex-basis: calc(100% - 30px); }
  #native-audio .native-audio-job-summary button { margin-left: auto; }
  #native-audio .native-audio-performance { padding: 14px !important; }
  #native-audio .native-audio-performance-card { display: block !important; padding: 14px !important; }
  #native-audio .native-audio-performance-controls { width: 100% !important; display: flex; align-items: center; gap: 10px; margin-bottom: 10px; padding-right: 22px; }
  #native-audio .native-audio-performance-controls > div:first-child { min-width: 0; flex: 1; margin-bottom: 0 !important; overflow-wrap: anywhere; }
  #native-audio .native-audio-performance-controls > div:last-child { flex-direction: row !important; flex-wrap: wrap; }
  #native-audio .native-audio-performance-card > div:last-child { font-size: 16px !important; }
  #native-audio .native-audio-paper textarea { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #native-audio .native-audio-working { animation: none; }
  #native-audio *, #native-audio *::before, #native-audio *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    #native-audio .voicebox-mixer *, #native-audio .voicebox-mixer :before, #native-audio .voicebox-mixer :after, #native-audio .voicebox-mixer ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
    }
  }

#native-audio .voicebox-mixer, #native-audio .voicebox-mixer :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-widest: .1em;
    --radius-sm: calc(var(--radius)  - 4px);
    --radius-md: calc(var(--radius)  - 2px);
    --blur-2xl: 40px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-background: hsl(var(--background));
    --color-foreground: hsl(var(--foreground));
    --color-popover: hsl(var(--popover));
    --color-popover-foreground: hsl(var(--popover-foreground));
    --color-primary: hsl(var(--primary));
    --color-secondary: hsl(var(--secondary));
    --color-secondary-foreground: hsl(var(--secondary-foreground));
    --color-muted: hsl(var(--muted));
    --color-muted-foreground: hsl(var(--muted-foreground));
    --color-accent: hsl(var(--accent));
    --color-accent-foreground: hsl(var(--accent-foreground));
    --color-destructive: hsl(var(--destructive));
    --color-destructive-foreground: hsl(var(--destructive-foreground));
    --color-border: hsl(var(--border));
    --color-input: hsl(var(--input));
    --color-ring: hsl(var(--ring));
  }

#native-audio .voicebox-mixer *, #native-audio .voicebox-mixer :after, #native-audio .voicebox-mixer :before, #native-audio .voicebox-mixer ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

#native-audio .voicebox-mixer ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

#native-audio .voicebox-mixer, #native-audio .voicebox-mixer :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

#native-audio .voicebox-mixer hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

#native-audio .voicebox-mixer abbr:where([title]) {
    text-decoration: underline dotted;
  }

#native-audio .voicebox-mixer h1, #native-audio .voicebox-mixer h2, #native-audio .voicebox-mixer h3, #native-audio .voicebox-mixer h4, #native-audio .voicebox-mixer h5, #native-audio .voicebox-mixer h6 {
    font-size: inherit;
    font-weight: inherit;
  }

#native-audio .voicebox-mixer a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

#native-audio .voicebox-mixer b, #native-audio .voicebox-mixer strong {
    font-weight: bolder;
  }

#native-audio .voicebox-mixer code, #native-audio .voicebox-mixer kbd, #native-audio .voicebox-mixer samp, #native-audio .voicebox-mixer pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

#native-audio .voicebox-mixer small {
    font-size: 80%;
  }

#native-audio .voicebox-mixer sub, #native-audio .voicebox-mixer sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

#native-audio .voicebox-mixer sub {
    bottom: -.25em;
  }

#native-audio .voicebox-mixer sup {
    top: -.5em;
  }

#native-audio .voicebox-mixer table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

#native-audio .voicebox-mixer :-moz-focusring {
    outline: auto;
  }

#native-audio .voicebox-mixer progress {
    vertical-align: baseline;
  }

#native-audio .voicebox-mixer summary {
    display: list-item;
  }

#native-audio .voicebox-mixer ol, #native-audio .voicebox-mixer ul, #native-audio .voicebox-mixer menu {
    list-style: none;
  }

#native-audio .voicebox-mixer img, #native-audio .voicebox-mixer svg, #native-audio .voicebox-mixer video, #native-audio .voicebox-mixer canvas, #native-audio .voicebox-mixer audio, #native-audio .voicebox-mixer iframe, #native-audio .voicebox-mixer embed, #native-audio .voicebox-mixer object {
    vertical-align: middle;
    display: block;
  }

#native-audio .voicebox-mixer img, #native-audio .voicebox-mixer video {
    max-width: 100%;
    height: auto;
  }

#native-audio .voicebox-mixer button, #native-audio .voicebox-mixer input, #native-audio .voicebox-mixer select, #native-audio .voicebox-mixer optgroup, #native-audio .voicebox-mixer textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

#native-audio .voicebox-mixer ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

#native-audio .voicebox-mixer :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

#native-audio .voicebox-mixer :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

#native-audio .voicebox-mixer ::file-selector-button {
    margin-inline-end: 4px;
  }

#native-audio .voicebox-mixer ::placeholder {
    opacity: 1;
  }

@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    #native-audio .voicebox-mixer ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

#native-audio .voicebox-mixer textarea {
    resize: vertical;
  }

#native-audio .voicebox-mixer ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

#native-audio .voicebox-mixer ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit {
    display: inline-flex;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

#native-audio .voicebox-mixer ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

#native-audio .voicebox-mixer :-moz-ui-invalid {
    box-shadow: none;
  }

#native-audio .voicebox-mixer button, #native-audio .voicebox-mixer input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

#native-audio .voicebox-mixer ::file-selector-button {
    appearance: button;
  }

#native-audio .voicebox-mixer ::-webkit-inner-spin-button {
    height: auto;
  }

#native-audio .voicebox-mixer ::-webkit-outer-spin-button {
    height: auto;
  }

#native-audio .voicebox-mixer [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

#native-audio .voicebox-mixer * {
    border-color: var(--color-border);
  }

#native-audio .voicebox-mixer, #native-audio .voicebox-mixer {
    overflow: hidden;
  }

#native-audio .voicebox-mixer {
    background-color: var(--color-background);
    color: var(--color-foreground);
  }

#native-audio .voicebox-mixer * {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

#native-audio .voicebox-mixer ::-webkit-scrollbar {
    display: none;
  }

#native-audio .voicebox-mixer .pointer-events-none {
    pointer-events: none;
  }

#native-audio .voicebox-mixer .visible {
    visibility: visible;
  }

#native-audio .voicebox-mixer .absolute {
    position: absolute;
  }

#native-audio .voicebox-mixer .relative {
    position: relative;
  }

#native-audio .voicebox-mixer .sticky {
    position: sticky;
  }

#native-audio .voicebox-mixer .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .-top-1 {
    top: calc(var(--spacing) * -1);
  }

#native-audio .voicebox-mixer .top-0 {
    top: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .top-1 {
    top: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .top-3 {
    top: calc(var(--spacing) * 3);
  }

#native-audio .voicebox-mixer .right-0 {
    right: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .right-1 {
    right: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

#native-audio .voicebox-mixer .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .left-0 {
    left: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .left-1 {
    left: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

#native-audio .voicebox-mixer .left-1\/2 {
    left: 50%;
  }

#native-audio .voicebox-mixer .left-2 {
    left: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .z-0 {
    z-index: 0;
  }

#native-audio .voicebox-mixer .z-10 {
    z-index: 10;
  }

#native-audio .voicebox-mixer .z-20 {
    z-index: 20;
  }

#native-audio .voicebox-mixer .z-30 {
    z-index: 30;
  }

#native-audio .voicebox-mixer .z-40 {
    z-index: 40;
  }

#native-audio .voicebox-mixer .z-50 {
    z-index: 50;
  }

#native-audio .voicebox-mixer .container {
    width: 100%;
  }

@media (min-width: 40rem) {
    #native-audio .voicebox-mixer .container {
      max-width: 40rem;
    }
  }

@media (min-width: 48rem) {
    #native-audio .voicebox-mixer .container {
      max-width: 48rem;
    }
  }

@media (min-width: 64rem) {
    #native-audio .voicebox-mixer .container {
      max-width: 64rem;
    }
  }

@media (min-width: 80rem) {
    #native-audio .voicebox-mixer .container {
      max-width: 80rem;
    }
  }

@media (min-width: 96rem) {
    #native-audio .voicebox-mixer .container {
      max-width: 96rem;
    }
  }

#native-audio .voicebox-mixer .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

#native-audio .voicebox-mixer .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .ml-auto {
    margin-left: auto;
  }

#native-audio .voicebox-mixer .block {
    display: block;
  }

#native-audio .voicebox-mixer .flex {
    display: flex;
  }

#native-audio .voicebox-mixer .inline-flex {
    display: inline-flex;
  }

#native-audio .voicebox-mixer .h-0 {
    height: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .h-2 {
    height: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

#native-audio .voicebox-mixer .h-3 {
    height: calc(var(--spacing) * 3);
  }

#native-audio .voicebox-mixer .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

#native-audio .voicebox-mixer .h-4 {
    height: calc(var(--spacing) * 4);
  }

#native-audio .voicebox-mixer .h-6 {
    height: calc(var(--spacing) * 6);
  }

#native-audio .voicebox-mixer .h-7 {
    height: calc(var(--spacing) * 7);
  }

#native-audio .voicebox-mixer .h-9 {
    height: calc(var(--spacing) * 9);
  }

#native-audio .voicebox-mixer .h-10 {
    height: calc(var(--spacing) * 10);
  }

#native-audio .voicebox-mixer .h-11 {
    height: calc(var(--spacing) * 11);
  }

#native-audio .voicebox-mixer .h-full {
    height: 100%;
  }

#native-audio .voicebox-mixer .h-px {
    height: 1px;
  }

#native-audio .voicebox-mixer .w-0 {
    width: calc(var(--spacing) * 0);
  }

#native-audio .voicebox-mixer .w-1 {
    width: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

#native-audio .voicebox-mixer .w-2 {
    width: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

#native-audio .voicebox-mixer .w-3 {
    width: calc(var(--spacing) * 3);
  }

#native-audio .voicebox-mixer .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

#native-audio .voicebox-mixer .w-4 {
    width: calc(var(--spacing) * 4);
  }

#native-audio .voicebox-mixer .w-6 {
    width: calc(var(--spacing) * 6);
  }

#native-audio .voicebox-mixer .w-7 {
    width: calc(var(--spacing) * 7);
  }

#native-audio .voicebox-mixer .w-10 {
    width: calc(var(--spacing) * 10);
  }

#native-audio .voicebox-mixer .w-11 {
    width: calc(var(--spacing) * 11);
  }

#native-audio .voicebox-mixer .w-56 {
    width: calc(var(--spacing) * 56);
  }

#native-audio .voicebox-mixer .w-72 {
    width: calc(var(--spacing) * 72);
  }

#native-audio .voicebox-mixer .w-\[104px\] {
    width: 104px;
  }

#native-audio .voicebox-mixer .w-full {
    width: 100%;
  }

#native-audio .voicebox-mixer .w-px {
    width: 1px;
  }

#native-audio .voicebox-mixer .max-w-\[80px\] {
    max-width: 80px;
  }

#native-audio .voicebox-mixer .min-w-\[8rem\] {
    min-width: 8rem;
  }

#native-audio .voicebox-mixer .min-w-\[160px\] {
    min-width: 160px;
  }

#native-audio .voicebox-mixer .flex-1 {
    flex: 1;
  }

#native-audio .voicebox-mixer .shrink-0 {
    flex-shrink: 0;
  }

#native-audio .voicebox-mixer .grow {
    flex-grow: 1;
  }

#native-audio .voicebox-mixer .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

#native-audio .voicebox-mixer .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

#native-audio .voicebox-mixer .cursor-default {
    cursor: default;
  }

#native-audio .voicebox-mixer .cursor-ew-resize {
    cursor: ew-resize;
  }

#native-audio .voicebox-mixer .cursor-grab {
    cursor: grab;
  }

#native-audio .voicebox-mixer .cursor-move {
    cursor: move;
  }

#native-audio .voicebox-mixer .cursor-ns-resize {
    cursor: ns-resize;
  }

#native-audio .voicebox-mixer .cursor-pointer {
    cursor: pointer;
  }

#native-audio .voicebox-mixer .touch-none {
    touch-action: none;
  }

#native-audio .voicebox-mixer .flex-col {
    flex-direction: column;
  }

#native-audio .voicebox-mixer .items-center {
    align-items: center;
  }

#native-audio .voicebox-mixer .justify-between {
    justify-content: space-between;
  }

#native-audio .voicebox-mixer .justify-center {
    justify-content: center;
  }

#native-audio .voicebox-mixer .justify-end {
    justify-content: flex-end;
  }

#native-audio .voicebox-mixer .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

#native-audio .voicebox-mixer .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

#native-audio .voicebox-mixer .overflow-auto {
    overflow: auto;
  }

#native-audio .voicebox-mixer .overflow-hidden {
    overflow: hidden;
  }

#native-audio .voicebox-mixer .overflow-visible {
    overflow: visible;
  }

#native-audio .voicebox-mixer .rounded {
    border-radius: .25rem;
  }

#native-audio .voicebox-mixer .rounded-full {
    border-radius: 3.40282e38px;
  }

#native-audio .voicebox-mixer .rounded-md {
    border-radius: var(--radius-md);
  }

#native-audio .voicebox-mixer .rounded-sm {
    border-radius: var(--radius-sm);
  }

#native-audio .voicebox-mixer .rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
  }

#native-audio .voicebox-mixer .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

#native-audio .voicebox-mixer .rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
  }

#native-audio .voicebox-mixer .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }

#native-audio .voicebox-mixer .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

#native-audio .voicebox-mixer .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

#native-audio .voicebox-mixer .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

#native-audio .voicebox-mixer .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

#native-audio .voicebox-mixer .border-accent-foreground\/20 {
    border-color: color-mix(in srgb, hsl(var(--accent-foreground)) 20%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .border-accent-foreground\/20 {
      border-color: color-mix(in oklab, var(--color-accent-foreground) 20%, transparent);
    }
  }

#native-audio .voicebox-mixer .border-input {
    border-color: var(--color-input);
  }

#native-audio .voicebox-mixer .bg-accent {
    background-color: var(--color-accent);
  }

#native-audio .voicebox-mixer .bg-accent\/80 {
    background-color: color-mix(in srgb, hsl(var(--accent)) 80%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-accent\/80 {
      background-color: color-mix(in oklab, var(--color-accent) 80%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-background {
    background-color: var(--color-background);
  }

#native-audio .voicebox-mixer .bg-background\/30 {
    background-color: color-mix(in srgb, hsl(var(--background)) 30%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-background\/30 {
      background-color: color-mix(in oklab, var(--color-background) 30%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-background\/40 {
    background-color: color-mix(in srgb, hsl(var(--background)) 40%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-background\/40 {
      background-color: color-mix(in oklab, var(--color-background) 40%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-background\/95 {
    background-color: color-mix(in srgb, hsl(var(--background)) 95%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-background\/95 {
      background-color: color-mix(in oklab, var(--color-background) 95%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-border {
    background-color: var(--color-border);
  }

#native-audio .voicebox-mixer .bg-destructive {
    background-color: var(--color-destructive);
  }

#native-audio .voicebox-mixer .bg-foreground\/10 {
    background-color: color-mix(in srgb, hsl(var(--foreground)) 10%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-foreground\/10 {
      background-color: color-mix(in oklab, var(--color-foreground) 10%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-foreground\/25 {
    background-color: color-mix(in srgb, hsl(var(--foreground)) 25%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-foreground\/25 {
      background-color: color-mix(in oklab, var(--color-foreground) 25%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-muted {
    background-color: var(--color-muted);
  }

#native-audio .voicebox-mixer .bg-muted\/10 {
    background-color: color-mix(in srgb, hsl(var(--muted)) 10%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-muted\/10 {
      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-muted\/20 {
    background-color: color-mix(in srgb, hsl(var(--muted)) 20%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-muted\/30 {
    background-color: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-popover {
    background-color: var(--color-popover);
  }

#native-audio .voicebox-mixer .bg-primary {
    background-color: var(--color-primary);
  }

#native-audio .voicebox-mixer .bg-primary\/20 {
    background-color: color-mix(in srgb, hsl(var(--primary)) 20%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }

#native-audio .voicebox-mixer .bg-secondary {
    background-color: var(--color-secondary);
  }

#native-audio .voicebox-mixer .fill-current {
    fill: currentColor;
  }

#native-audio .voicebox-mixer .p-1 {
    padding: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .p-3 {
    padding: calc(var(--spacing) * 3);
  }

#native-audio .voicebox-mixer .p-4 {
    padding: calc(var(--spacing) * 4);
  }

#native-audio .voicebox-mixer .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

#native-audio .voicebox-mixer .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

#native-audio .voicebox-mixer .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

#native-audio .voicebox-mixer .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

#native-audio .voicebox-mixer .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

#native-audio .voicebox-mixer .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

#native-audio .voicebox-mixer .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

#native-audio .voicebox-mixer .text-left {
    text-align: left;
  }

#native-audio .voicebox-mixer .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

#native-audio .voicebox-mixer .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

#native-audio .voicebox-mixer .text-\[9px\] {
    font-size: 9px;
  }

#native-audio .voicebox-mixer .text-\[10px\] {
    font-size: 10px;
  }

#native-audio .voicebox-mixer .text-\[12px\] {
    font-size: 12px;
  }

#native-audio .voicebox-mixer .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

#native-audio .voicebox-mixer .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

#native-audio .voicebox-mixer .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

#native-audio .voicebox-mixer .whitespace-nowrap {
    white-space: nowrap;
  }

#native-audio .voicebox-mixer .text-accent {
    color: var(--color-accent);
  }

#native-audio .voicebox-mixer .text-accent-foreground {
    color: var(--color-accent-foreground);
  }

#native-audio .voicebox-mixer .text-destructive-foreground {
    color: var(--color-destructive-foreground);
  }

#native-audio .voicebox-mixer .text-muted-foreground {
    color: var(--color-muted-foreground);
  }

#native-audio .voicebox-mixer .text-muted-foreground\/50 {
    color: color-mix(in srgb, hsl(var(--muted-foreground)) 50%, transparent);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voicebox-mixer .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
    }
  }

#native-audio .voicebox-mixer .text-popover-foreground {
    color: var(--color-popover-foreground);
  }

#native-audio .voicebox-mixer .text-secondary-foreground {
    color: var(--color-secondary-foreground);
  }

#native-audio .voicebox-mixer .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

#native-audio .voicebox-mixer .underline-offset-4 {
    text-underline-offset: 4px;
  }

#native-audio .voicebox-mixer .opacity-0 {
    opacity: 0;
  }

#native-audio .voicebox-mixer .opacity-60 {
    opacity: .6;
  }

#native-audio .voicebox-mixer .opacity-80 {
    opacity: .8;
  }

#native-audio .voicebox-mixer .opacity-100 {
    opacity: 1;
  }

#native-audio .voicebox-mixer .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

#native-audio .voicebox-mixer .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

#native-audio .voicebox-mixer .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

#native-audio .voicebox-mixer .ring-accent {
    --tw-ring-color: var(--color-accent);
  }

#native-audio .voicebox-mixer .ring-primary {
    --tw-ring-color: var(--color-primary);
  }

#native-audio .voicebox-mixer .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

#native-audio .voicebox-mixer .ring-offset-background {
    --tw-ring-offset-color: var(--color-background);
  }

#native-audio .voicebox-mixer .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

#native-audio .voicebox-mixer .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

#native-audio .voicebox-mixer .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

#native-audio .voicebox-mixer .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

#native-audio .voicebox-mixer .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

#native-audio .voicebox-mixer .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

#native-audio .voicebox-mixer .select-none {
    user-select: none;
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .group-hover\:text-muted-foreground:is(:where(.group):hover *) {
      color: var(--color-muted-foreground);
    }
  }

#native-audio .voicebox-mixer .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

#native-audio .voicebox-mixer .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }

#native-audio .voicebox-mixer .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

#native-audio .voicebox-mixer .after\:block:after {
    content: var(--tw-content);
    display: block;
  }

#native-audio .voicebox-mixer .after\:h-5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 5);
  }

#native-audio .voicebox-mixer .after\:w-5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 5);
  }

#native-audio .voicebox-mixer .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

#native-audio .voicebox-mixer .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

#native-audio .voicebox-mixer .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

#native-audio .voicebox-mixer .after\:border-2:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

#native-audio .voicebox-mixer .after\:border-primary:after {
    content: var(--tw-content);
    border-color: var(--color-primary);
  }

#native-audio .voicebox-mixer .after\:bg-background:after {
    content: var(--tw-content);
    background-color: var(--color-background);
  }

#native-audio .voicebox-mixer .after\:ring-offset-background:after {
    content: var(--tw-content);
    --tw-ring-offset-color: var(--color-background);
  }

#native-audio .voicebox-mixer .after\:transition-colors:after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:border-accent:hover {
      border-color: var(--color-accent);
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-accent:hover {
      background-color: var(--color-accent);
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-accent\/90:hover {
      background-color: color-mix(in srgb, hsl(var(--accent)) 90%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-accent\/90:hover {
        background-color: color-mix(in oklab, var(--color-accent) 90%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-destructive\/90:hover {
      background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-foreground\/15:hover {
      background-color: color-mix(in srgb, hsl(var(--foreground)) 15%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-foreground\/15:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 15%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-foreground\/40:hover {
      background-color: color-mix(in srgb, hsl(var(--foreground)) 40%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-foreground\/40:hover {
        background-color: color-mix(in oklab, var(--color-foreground) 40%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-muted\/40:hover {
      background-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-muted\/50:hover {
      background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-primary\/30:hover {
      background-color: color-mix(in srgb, hsl(var(--primary)) 30%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-primary\/30:hover {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:bg-secondary\/80:hover {
      background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voicebox-mixer .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
      }
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:text-accent-foreground:hover {
      color: var(--color-accent-foreground);
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:text-foreground:hover {
      color: var(--color-foreground);
    }
  }

@media (hover: hover) {
    #native-audio .voicebox-mixer .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

#native-audio .voicebox-mixer .focus\:bg-accent:focus {
    background-color: var(--color-accent);
  }

#native-audio .voicebox-mixer .focus\:text-accent-foreground:focus {
    color: var(--color-accent-foreground);
  }

#native-audio .voicebox-mixer .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

#native-audio .voicebox-mixer .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--color-ring);
  }

#native-audio .voicebox-mixer .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

#native-audio .voicebox-mixer .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

#native-audio .voicebox-mixer .focus-visible\:after\:ring-2:focus-visible:after {
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

#native-audio .voicebox-mixer .focus-visible\:after\:ring-ring:focus-visible:after {
    content: var(--tw-content);
    --tw-ring-color: var(--color-ring);
  }

#native-audio .voicebox-mixer .focus-visible\:after\:ring-offset-2:focus-visible:after {
    content: var(--tw-content);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

#native-audio .voicebox-mixer .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

#native-audio .voicebox-mixer .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

#native-audio .voicebox-mixer .disabled\:opacity-50:disabled {
    opacity: .5;
  }

#native-audio .voicebox-mixer .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

#native-audio .voicebox-mixer .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

#native-audio .voicebox-mixer .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--color-accent);
  }

#native-audio .voicebox-mixer .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

#native-audio .voicebox-mixer .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

#native-audio .voicebox-mixer .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

#native-audio .voicebox-mixer .writing-vertical {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: .1em;
  }

#native-audio .voicebox-mixer {
  --background: 0 0% 95%;
  --foreground: 0 0% 5%;
  --card: 0 0% 97%;
  --card-foreground: 0 0% 5%;
  --popover: 0 0% 97%;
  --popover-foreground: 0 0% 5%;
  --primary: 43 55% 58%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 92%;
  --secondary-foreground: 0 0% 11%;
  --muted: 0 0% 90%;
  --muted-foreground: 0 0% 47%;
  --accent: 43 55% 58%;
  --accent-foreground: 0 0% 100%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 85%;
  --input: 0 0% 88%;
  --ring: 0 0% 5%;
  --sidebar: 0 0% 92%;
  --radius: .5rem;
  --chart-1: 12 76% 61%;
  --chart-2: 173 58% 39%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
}

#native-audio .voicebox-mixer {
  --background: 0 0% 6%;
  --foreground: 0 0% 95%;
  --card: 0 0% 8%;
  --card-foreground: 0 0% 95%;
  --popover: 0 0% 8%;
  --popover-foreground: 0 0% 95%;
  --primary: 0 0% 18%;
  --primary-foreground: 0 0% 95%;
  --secondary: 0 0% 12%;
  --secondary-foreground: 0 0% 95%;
  --muted: 0 0% 12%;
  --muted-foreground: 0 0% 60%;
  --accent: 43 50% 45%;
  --accent-foreground: 0 0% 95%;
  --destructive: 0 62.8% 50%;
  --destructive-foreground: 0 0% 95%;
  --border: 0 0% 12%;
  --input: 0 0% 12%;
  --ring: 0 0% 40%;
  --sidebar: 0 0% 4%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
}

@keyframes voicebox-fadeInScale {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes voicebox-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#native-audio .voicebox-mixer .animate-fade-in-scale {
  animation: .5s ease-out forwards voicebox-voicebox-fadeInScale;
}

#native-audio .voicebox-mixer .animate-fade-in-delayed {
  opacity: 0;
  animation: .5s ease-out .15s forwards voicebox-fadeIn;
}

#native-audio .voicebox-mixer .dark .sidebar-logo {
  filter: drop-shadow(0 0 6px hsl(var(--accent) / .5)) drop-shadow(0 0 14px hsl(var(--accent) / .35)) drop-shadow(0 0 28px hsl(var(--accent) / .2));
}

#native-audio .voicebox-mixer .line-scale-pulse-out-rapid > div, #native-audio .voicebox-mixer .line-scale > div {
  background-color: hsl(var(--accent)) !important;
}

#native-audio .voicebox-mixer .loader-hidden {
  display: block;
}

#native-audio .voicebox-mixer .loader-hidden > div > div {
  background-color: hsl(var(--muted-foreground)) !important;
  animation-play-state: paused !important;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

#native-audio .voicebox-mixer { --background: 240 6% 4%; --foreground: 240 5% 91%; --card: 240 5% 7%; --card-foreground: 240 5% 91%; --popover: 240 5% 10%; --popover-foreground: 240 5% 91%; --primary: 239 84% 67%; --primary-foreground: 0 0% 100%; --secondary: 240 4% 12%; --secondary-foreground: 240 5% 91%; --muted: 240 4% 12%; --muted-foreground: 240 5% 66%; --accent: 0 0% 16%; --accent-foreground: 0 0% 100%; --destructive: 350 70% 55%; --destructive-foreground: 0 0% 100%; --border: 240 4% 17%; --input: 240 4% 17%; --ring: 239 80% 77%; --radius: .5rem; display: flex; flex-direction: column; min-height: 0; flex: 1; overflow: auto; background: hsl(var(--background)); color: hsl(var(--foreground)); }
#native-audio .voicebox-mixer button { min-height: 44px; }
#native-audio .voicebox-mixer button:disabled { cursor: not-allowed; }
#native-audio .voicebox-mixer :focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
#native-audio .voicebox-mixer ::selection { background: hsl(var(--accent)); color: white; }
#native-audio .voicebox-mixer input { caret-color: hsl(var(--accent)); font-size: 16px; }
#native-audio .voicebox-mixer .btn-primary { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); border: 1px solid hsl(var(--primary)); }
#native-audio .voicebox-mixer .btn-primary:hover:not(:disabled) { background: hsl(239 84% 74%); }
#native-audio .voicebox-mixer .btn-ghost { color: hsl(var(--foreground)); background: transparent; border: 1px solid transparent; }
#native-audio .voicebox-mixer .btn-ghost:hover:not(:disabled) { background: hsl(var(--muted)); }
#native-audio .voicebox-stage-header { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid hsl(var(--border)); }
#native-audio .voicebox-stage-header button { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding: 8px 12px; font-size: 14px; border-radius: 8px; }
#native-audio .voicebox-stage-title { display: flex; align-items: center; flex: 1; min-width: 180px; flex-wrap: wrap; gap: 10px; }
#native-audio .voicebox-stage-title > svg { color: #a5b4fc; }
#native-audio .voicebox-stage-title h1 { margin: 0; font-size: 21px; font-weight: 600; letter-spacing: -.02em; }
#native-audio .voicebox-stage-title select { color-scheme: dark; min-height: 44px; max-width: min(320px, 100%); color: hsl(var(--foreground)); background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: 7px; padding: 6px 10px; font-size: 16px; }
#native-audio .voicebox-stage-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
#native-audio .voicebox-stage-status { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 10px 20px; }
#native-audio .voicebox-stage-status p { flex: 1; min-width: 160px; margin: 0; font-size: 14px; line-height: 1.6; color: hsl(var(--muted-foreground)); }
#native-audio .voicebox-stage-status button { flex: none; font-size: 13px; padding: 6px 10px; }
#native-audio .voicebox-stage-error, #native-audio .voicebox-stage-loading { display: flex; align-items: center; gap: 8px; padding: 12px 20px; margin: 0; font-size: 14px; line-height: 1.6; }
#native-audio .voicebox-stage-error { color: #fecdd3; background: #361824; }
#native-audio .voicebox-stage-loading { color: #c7d2fe; }
#native-audio .voicebox-stage-loading > svg { animation: native-audio-job-turn .8s linear infinite; }
#native-audio .voicebox-editor-surface { min-width: 0; margin: 0 20px; border: 1px solid hsl(var(--border)); border-radius: 12px; overflow: hidden; }
#native-audio .voicebox-track-editor { position: relative; min-width: 0; outline-offset: -3px; }
#native-audio .voicebox-track-editor > div > div.flex.items-center.justify-between { flex-wrap: wrap; gap: 8px; min-height: 60px; }
#native-audio .voicebox-track-editor .h-7.w-7, #native-audio .voicebox-track-editor .h-6.w-6 { width: 44px; height: 44px; }
#native-audio .voicebox-track-editor .trim-handle { min-height: 44px; width: 14px; touch-action: none; }
#native-audio .voicebox-track-editor [role=slider] { touch-action: none; }
#native-audio .voicebox-track-editor .cursor-grab { touch-action: none; }
#native-audio .voicebox-track-editor [aria-label='调整时间轴高度'] { min-height: 16px; touch-action: none; }
#native-audio .voicebox-track-label { margin-right: 38px; }
#native-audio .voicebox-clip-button { text-align: left; }
#native-audio .voicebox-clip-button p { font-size: 11px; line-height: 1.3; margin: 0; }
#native-audio .voicebox-dialogue-clip { background: #27272a; border-color: #52525b; }
#native-audio .voicebox-dialogue-clip:hover { background: #34343a; }
#native-audio .voicebox-wave-error { position: absolute; inset: 0; display: flex; align-items: center; background: #361824; color: #fecdd3; font-size: 11px; }
#native-audio .voicebox-selection-hint { display: flex; align-items: center; gap: 8px; padding: 12px 16px; min-height: 50px; border-top: 1px solid hsl(var(--border)); color: hsl(var(--muted-foreground)); font-size: 14px; }
#native-audio .voicebox-clip-inspector { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; padding: 12px 16px; border-top: 1px solid hsl(var(--border)); }
#native-audio .voicebox-clip-inspector[hidden] { display: none; }
#native-audio .voicebox-clip-inspector > strong { max-width: 200px; min-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: 500; }
#native-audio .voicebox-clip-fields { display: flex; flex: 1; flex-wrap: wrap; gap: 10px; }
#native-audio .voicebox-clip-fields label { display: grid; gap: 4px; flex: 1; min-width: 125px; max-width: 200px; }
#native-audio .voicebox-clip-fields span { font-size: 12px; color: hsl(var(--muted-foreground)); }
#native-audio .voicebox-clip-fields input { min-width: 0; width: 100%; min-height: 44px; border: 1px solid hsl(var(--border)); border-radius: 7px; background: hsl(var(--card)); color: hsl(var(--foreground)); padding: 8px 10px; font-variant-numeric: tabular-nums; }
#native-audio .voicebox-clip-fields input[aria-invalid=true] { border-color: #fb7185; }
#native-audio .voicebox-clip-inspector > p { flex-basis: 100%; color: #fecdd3; margin: 0; font-size: 14px; }
#native-audio .voicebox-editor-help { margin: 0; padding: 12px 20px; color: hsl(var(--muted-foreground)); font-size: 13px; line-height: 1.6; }
#native-audio .voicebox-empty { display: grid; justify-items: center; gap: 14px; padding: 60px 24px; text-align: center; }
#native-audio .voicebox-empty > svg { color: #a5b4fc; }
#native-audio .voicebox-empty h2 { font-size: 24px; margin: 0; font-weight: 600; }
#native-audio .voicebox-empty p { max-width: 48ch; margin: 0; color: hsl(var(--muted-foreground)); font-size: 16px; line-height: 1.7; }
#native-audio .voicebox-empty button { padding: 10px 16px; border-radius: 8px; }
#native-audio .voicebox-candidates { padding: 16px 20px; border-top: 1px solid hsl(var(--border)); }
#native-audio .voicebox-candidates h2 { font-size: 20px; font-weight: 600; margin: 0 0 12px; }
#native-audio .voicebox-candidates article { display: grid; grid-template-columns: minmax(140px,1fr) minmax(180px,350px) auto; align-items: center; gap: 16px; padding: 12px 0; }
#native-audio .voicebox-candidates article + article { border-top: 1px solid hsl(var(--border)); }
#native-audio .voicebox-candidates article > div:first-child { display: grid; gap: 5px; }
#native-audio .voicebox-candidates strong { font-size: 14px; font-weight: 500; }
#native-audio .voicebox-candidates span { color: hsl(var(--muted-foreground)); font-size: 13px; }
#native-audio .voicebox-candidates button { white-space: nowrap; padding: 8px 12px; border-radius: 8px; }
#native-audio .voicebox-mixer [data-radix-popper-content-wrapper] { z-index: 70 !important; }
#native-audio .voicebox-mixer [role=slider] { min-height: 44px; }
#native-audio .voicebox-mixer * { scrollbar-width: thin; scrollbar-color: #52525b #18181b; }
#native-audio .voicebox-mixer *::-webkit-scrollbar { display: block; width: 8px; height: 8px; }
#native-audio .voicebox-mixer *::-webkit-scrollbar-thumb { background: #52525b; border-radius: 5px; }
#native-audio .voicebox-mixer *::-webkit-scrollbar-track { background: #18181b; }
@media (max-width: 800px) {
  #native-audio .voicebox-mixer { min-height: 100%; flex: none; overflow: visible; }
  #native-audio .voicebox-stage-header { padding: 10px 12px; gap: 8px; }
  #native-audio .voicebox-stage-title { flex-basis: 100%; order: -1; }
  #native-audio .voicebox-stage-title select { flex: 1; min-width: 130px; }
  #native-audio .voicebox-stage-actions { flex: 1; justify-content: flex-end; }
  #native-audio .voicebox-stage-status { padding: 8px 12px; }
  #native-audio .voicebox-editor-surface { margin: 0 12px; }
  #native-audio .voicebox-track-editor > div > div.flex.items-center.justify-between { justify-content: flex-start; padding: 6px 8px; }
  #native-audio .voicebox-track-editor > div > div.flex.items-center.justify-between > div { gap: 3px; }
  #native-audio .voicebox-clip-inspector { padding: 12px; }
  #native-audio .voicebox-clip-inspector > strong { max-width: 100%; flex-basis: 100%; }
  #native-audio .voicebox-clip-fields label { min-width: 110px; max-width: none; }
  #native-audio .voicebox-editor-help { padding: 12px; font-size: 14px; }
  #native-audio .voicebox-candidates { padding: 14px 12px; }
  #native-audio .voicebox-candidates article { grid-template-columns: 1fr auto; gap: 10px; }
  #native-audio .voicebox-candidates .voice-waveform-player { grid-column: 1 / -1; grid-row: 2; }
}
@media (prefers-reduced-motion: reduce) {
  #native-audio .voicebox-mixer *, #native-audio .voicebox-mixer *::before, #native-audio .voicebox-mixer *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    #native-audio .voice-studio-book *, #native-audio .voice-studio-book :before, #native-audio .voice-studio-book :after, #native-audio .voice-studio-book ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
    }
  }

#native-audio .voice-studio-book, #native-audio .voice-studio-book {
  --font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --color-red-400: #ff6568;
  --color-red-500: #fb2c36;
  --color-red-700: #bf000f;
  --color-amber-400: #fcbb00;
  --color-amber-500: #f99c00;
  --color-amber-700: #b75000;
  --color-emerald-400: #00d294;
  --color-emerald-500: #00bb7f;
  --color-emerald-700: #007956;
  --color-blue-400: #54a2ff;
  --color-blue-500: #3080ff;
  --color-blue-700: #1447e6;
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-500: #71717b;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-neutral-100: #f5f5f5;
  --color-neutral-500: #737373;
  --color-neutral-950: #0a0a0a;
  --color-white: #fff;
  --spacing: .25rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --animate-spin: spin 1s linear infinite;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  --text-ui: .875rem;
  --text-ui--line-height: 1.25rem;
  --color-zinc-25: #fcfcfc;
}

@supports (color: lab(0% 0 0)) {
  #native-audio .voice-studio-book, #native-audio .voice-studio-book {
    --color-red-400: lab(63.7053% 60.745 31.3109);
    --color-red-500: lab(55.4814% 75.0732 48.8528);
    --color-red-700: lab(40.4273% 67.2623 53.7441);
    --color-amber-400: lab(80.1641% 16.6016 99.2089);
    --color-amber-500: lab(72.7183% 31.8672 97.9407);
    --color-amber-700: lab(47.2709% 42.9082 69.2966);
    --color-emerald-400: lab(75.0771% -60.7313 19.4147);
    --color-emerald-500: lab(66.9756% -58.27 19.5419);
    --color-emerald-700: lab(44.4871% -41.0396 11.0361);
    --color-blue-400: lab(65.0361% -1.42065 -56.9802);
    --color-blue-500: lab(54.1736% 13.3369 -74.6839);
    --color-blue-700: lab(36.9089% 35.0961 -85.6872);
    --color-zinc-50: lab(98.26% 0 0);
    --color-zinc-100: lab(96.1634% .0993311 -.364041);
    --color-zinc-200: lab(90.6853% .399232 -1.45452);
    --color-zinc-300: lab(84.9837% .601262 -2.17986);
    --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
    --color-zinc-800: lab(15.7305% .613764 -2.16959);
    --color-zinc-900: lab(8.30603% .618205 -2.16572);
    --color-neutral-100: lab(96.52% -.0000298023 .0000119209);
    --color-neutral-500: lab(48.496% 0 0);
    --color-neutral-950: lab(2.75381% 0 0);
    --color-zinc-25: lab(99.072% -.0000298023 0);
  }
}

#native-audio .voice-studio-book .pointer-events-none {
  pointer-events: none;
}

#native-audio .voice-studio-book .absolute {
  position: absolute;
}

#native-audio .voice-studio-book .fixed {
  position: fixed;
}

#native-audio .voice-studio-book .relative {
  position: relative;
}

#native-audio .voice-studio-book .top-1\/2 {
  top: 50%;
}

#native-audio .voice-studio-book .top-\[calc\(100\%\+4px\)\] {
  top: calc(100% + 4px);
}

#native-audio .voice-studio-book .right-0 {
  right: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .left-0 {
  left: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .left-5 {
  left: calc(var(--spacing) * 5);
}

#native-audio .voice-studio-book .z-\[1000\] {
  z-index: 1000;
}

#native-audio .voice-studio-book .container {
  width: 100%;
}

@media (min-width: 40rem) {
  #native-audio .voice-studio-book .container {
    max-width: 40rem;
  }
}

@media (min-width: 48rem) {
  #native-audio .voice-studio-book .container {
    max-width: 48rem;
  }
}

@media (min-width: 64rem) {
  #native-audio .voice-studio-book .container {
    max-width: 64rem;
  }
}

@media (min-width: 80rem) {
  #native-audio .voice-studio-book .container {
    max-width: 80rem;
  }
}

@media (min-width: 96rem) {
  #native-audio .voice-studio-book .container {
    max-width: 96rem;
  }
}

#native-audio .voice-studio-book .m-0 {
  margin: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}

#native-audio .voice-studio-book .my-1 {
  margin-block: calc(var(--spacing) * 1);
}

#native-audio .voice-studio-book .mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .ml-auto {
  margin-left: auto;
}

#native-audio .voice-studio-book .block {
  display: block;
}

#native-audio .voice-studio-book .flex {
  display: flex;
}

#native-audio .voice-studio-book .grid {
  display: grid;
}

#native-audio .voice-studio-book .inline {
  display: inline;
}

#native-audio .voice-studio-book .inline-flex {
  display: inline-flex;
}

#native-audio .voice-studio-book .table {
  display: table;
}

#native-audio .voice-studio-book .size-5 {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}

#native-audio .voice-studio-book .size-9 {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}

#native-audio .voice-studio-book .size-\[22px\] {
  width: 22px;
  height: 22px;
}

#native-audio .voice-studio-book .h-8 {
  height: calc(var(--spacing) * 8);
}

#native-audio .voice-studio-book .h-9 {
  height: calc(var(--spacing) * 9);
}

#native-audio .voice-studio-book .h-10 {
  height: calc(var(--spacing) * 10);
}

#native-audio .voice-studio-book .max-h-\[280px\] {
  max-height: 280px;
}

#native-audio .voice-studio-book .min-h-0 {
  min-height: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .min-h-10 {
  min-height: calc(var(--spacing) * 10);
}

#native-audio .voice-studio-book .w-full {
  width: 100%;
}

#native-audio .voice-studio-book .max-w-\[calc\(100vw-16px\)\] {
  max-width: calc(100vw - 16px);
}

#native-audio .voice-studio-book .min-w-0 {
  min-width: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .flex-1 {
  flex: 1;
}

#native-audio .voice-studio-book .shrink-0 {
  flex-shrink: 0;
}

#native-audio .voice-studio-book .-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

#native-audio .voice-studio-book .animate-spin {
  animation: var(--animate-voicestudio-book-spin);
}

#native-audio .voice-studio-book .cursor-pointer {
  cursor: pointer;
}

#native-audio .voice-studio-book .cursor-wait {
  cursor: wait;
}

#native-audio .voice-studio-book .resize {
  resize: both;
}

#native-audio .voice-studio-book .list-none {
  list-style-type: none;
}

#native-audio .voice-studio-book .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#native-audio .voice-studio-book .flex-col {
  flex-direction: column;
}

#native-audio .voice-studio-book .items-center {
  align-items: center;
}

#native-audio .voice-studio-book .items-start {
  align-items: flex-start;
}

#native-audio .voice-studio-book .justify-between {
  justify-content: space-between;
}

#native-audio .voice-studio-book .justify-center {
  justify-content: center;
}

#native-audio .voice-studio-book .justify-start {
  justify-content: flex-start;
}

#native-audio .voice-studio-book .gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}

#native-audio .voice-studio-book .gap-2 {
  gap: calc(var(--spacing) * 2);
}

#native-audio .voice-studio-book .gap-\[4px\] {
  gap: 4px;
}

#native-audio .voice-studio-book .gap-\[6px\] {
  gap: 6px;
}

#native-audio .voice-studio-book .gap-\[8px\] {
  gap: 8px;
}

#native-audio .voice-studio-book .gap-\[9px\] {
  gap: 9px;
}

#native-audio .voice-studio-book .gap-\[10px\] {
  gap: 10px;
}

#native-audio .voice-studio-book .gap-\[14px\] {
  gap: 14px;
}

#native-audio .voice-studio-book .overflow-hidden {
  overflow: hidden;
}

#native-audio .voice-studio-book .overflow-y-auto {
  overflow-y: auto;
}

#native-audio .voice-studio-book .rounded-lg {
  border-radius: var(--radius);
}

#native-audio .voice-studio-book .rounded-md {
  border-radius: calc(var(--radius)  - 2px);
}

#native-audio .voice-studio-book .border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

#native-audio .voice-studio-book .border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}

#native-audio .voice-studio-book .border-input {
  border-color: var(--input);
}

#native-audio .voice-studio-book .border-transparent {
  border-color: #0000;
}

#native-audio .voice-studio-book .bg-\[var\(--chrome-accent-bg\)\] {
  background-color: var(--chrome-accent-bg);
}

#native-audio .voice-studio-book .bg-\[var\(--chrome-hover-bg\)\] {
  background-color: var(--chrome-hover-bg);
}

#native-audio .voice-studio-book .bg-\[var\(--color-bg\)\] {
  background-color: var(--color-bg);
}

#native-audio .voice-studio-book .bg-background {
  background-color: var(--background);
}

#native-audio .voice-studio-book .bg-destructive {
  background-color: var(--destructive);
}

#native-audio .voice-studio-book .bg-destructive\/10 {
  background-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .bg-destructive\/10 {
    background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
  }
}

#native-audio .voice-studio-book .bg-primary {
  background-color: var(--primary);
}

#native-audio .voice-studio-book .bg-primary\/\[0\.12\] {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .bg-primary\/\[0\.12\] {
    background-color: color-mix(in oklab, var(--primary) 12%, transparent);
  }
}

#native-audio .voice-studio-book .bg-secondary {
  background-color: var(--secondary);
}

#native-audio .voice-studio-book .bg-success\/10 {
  background-color: var(--success);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .bg-success\/10 {
    background-color: color-mix(in oklab, var(--success) 10%, transparent);
  }
}

#native-audio .voice-studio-book .bg-transparent {
  background-color: #0000;
}

#native-audio .voice-studio-book .p-0 {
  padding: calc(var(--spacing) * 0);
}

#native-audio .voice-studio-book .p-3 {
  padding: calc(var(--spacing) * 3);
}

#native-audio .voice-studio-book .px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

#native-audio .voice-studio-book .px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}

#native-audio .voice-studio-book .px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

#native-audio .voice-studio-book .px-4 {
  padding-inline: calc(var(--spacing) * 4);
}

#native-audio .voice-studio-book .px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

#native-audio .voice-studio-book .px-\[2px\] {
  padding-inline: 2px;
}

#native-audio .voice-studio-book .px-\[4px\] {
  padding-inline: 4px;
}

#native-audio .voice-studio-book .px-\[8px\] {
  padding-inline: 8px;
}

#native-audio .voice-studio-book .px-\[10px\] {
  padding-inline: 10px;
}

#native-audio .voice-studio-book .py-0\.5 {
  padding-block: calc(var(--spacing) * .5);
}

#native-audio .voice-studio-book .py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}

#native-audio .voice-studio-book .py-2 {
  padding-block: calc(var(--spacing) * 2);
}

#native-audio .voice-studio-book .py-\[2px\] {
  padding-block: 2px;
}

#native-audio .voice-studio-book .py-\[3px\] {
  padding-block: 3px;
}

#native-audio .voice-studio-book .py-\[4px\] {
  padding-block: 4px;
}

#native-audio .voice-studio-book .py-\[8px\] {
  padding-block: 8px;
}

#native-audio .voice-studio-book .pt-\[4px\] {
  padding-top: 4px;
}

#native-audio .voice-studio-book .pr-3 {
  padding-right: calc(var(--spacing) * 3);
}

#native-audio .voice-studio-book .pb-\[2px\] {
  padding-bottom: 2px;
}

#native-audio .voice-studio-book .pl-8 {
  padding-left: calc(var(--spacing) * 8);
}

#native-audio .voice-studio-book .text-center {
  text-align: center;
}

#native-audio .voice-studio-book .text-left {
  text-align: left;
}

#native-audio .voice-studio-book .\[font-family\:inherit\] {
  font-family: inherit;
}

#native-audio .voice-studio-book .\[font-family\:var\(--chrome-font-mono\)\] {
  font-family: var(--chrome-font-mono);
}

#native-audio .voice-studio-book .text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

#native-audio .voice-studio-book .text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

#native-audio .voice-studio-book .\[font-size\:var\(--chrome-label-size\)\] {
  font-size: var(--chrome-label-size);
}

#native-audio .voice-studio-book .text-\[0\.55rem\] {
  font-size: .55rem;
}

#native-audio .voice-studio-book .text-\[0\.65rem\] {
  font-size: .65rem;
}

#native-audio .voice-studio-book .text-\[0\.72rem\] {
  font-size: .72rem;
}

#native-audio .voice-studio-book .text-\[0\.75rem\] {
  font-size: .75rem;
}

#native-audio .voice-studio-book .leading-none {
  --tw-leading: 1;
  line-height: 1;
}

#native-audio .voice-studio-book .font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

#native-audio .voice-studio-book .font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

#native-audio .voice-studio-book .tracking-\[0\.06em\] {
  --tw-tracking: .06em;
  letter-spacing: .06em;
}

#native-audio .voice-studio-book .\[letter-spacing\:var\(--chrome-label-track\)\] {
  letter-spacing: var(--chrome-label-track);
}

#native-audio .voice-studio-book .text-ellipsis {
  text-overflow: ellipsis;
}

#native-audio .voice-studio-book .whitespace-nowrap {
  white-space: nowrap;
}

#native-audio .voice-studio-book .\[color\:var\(--chrome-fg-muted\)\] {
  color: var(--chrome-fg-muted);
}

#native-audio .voice-studio-book .text-\[color\:var\(--text-primary\)\] {
  color: var(--text-primary);
}

#native-audio .voice-studio-book .text-\[color\:var\(--text-secondary\)\] {
  color: var(--text-secondary);
}

#native-audio .voice-studio-book .text-\[var\(--chrome-accent\)\] {
  color: var(--chrome-accent);
}

#native-audio .voice-studio-book .text-\[var\(--chrome-fg\)\] {
  color: var(--chrome-fg);
}

#native-audio .voice-studio-book .text-\[var\(--chrome-fg-muted\)\] {
  color: var(--chrome-fg-muted);
}

#native-audio .voice-studio-book .text-destructive {
  color: var(--destructive);
}

#native-audio .voice-studio-book .text-muted-foreground {
  color: var(--muted-foreground);
}

#native-audio .voice-studio-book .text-primary {
  color: var(--primary);
}

#native-audio .voice-studio-book .text-primary-foreground {
  color: var(--primary-foreground);
}

#native-audio .voice-studio-book .text-secondary-foreground {
  color: var(--secondary-foreground);
}

#native-audio .voice-studio-book .text-success {
  color: var(--success);
}

#native-audio .voice-studio-book .uppercase {
  text-transform: uppercase;
}

#native-audio .voice-studio-book .italic {
  font-style: italic;
}

#native-audio .voice-studio-book .underline-offset-4 {
  text-underline-offset: 4px;
}

#native-audio .voice-studio-book .opacity-70 {
  opacity: .7;
}

#native-audio .voice-studio-book .shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

#native-audio .voice-studio-book .shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

#native-audio .voice-studio-book .ring-ring {
  --tw-ring-color: var(--ring);
}

#native-audio .voice-studio-book .outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

#native-audio .voice-studio-book .transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

#native-audio .voice-studio-book .transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

#native-audio .voice-studio-book .outline-none {
  --tw-outline-style: none;
  outline-style: none;
}

#native-audio .voice-studio-book .select-none {
  user-select: none;
}

#native-audio .voice-studio-book .\[border-top\:1px_solid_rgba\(255\,255\,255\,0\.04\)\] {
  border-top: 1px solid #ffffff0a;
}

#native-audio .voice-studio-book .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
  rotate: 180deg;
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:border-transparent:hover {
    border-color: #0000;
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-\[var\(--chrome-accent-bg\)\]:hover {
    background-color: var(--chrome-accent-bg);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-\[var\(--chrome-hover-bg\)\]:hover {
    background-color: var(--chrome-hover-bg);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-accent:hover {
    background-color: var(--accent);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-destructive\/20:hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    #native-audio .voice-studio-book .hover\:bg-destructive\/20:hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-destructive\/90:hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    #native-audio .voice-studio-book .hover\:bg-destructive\/90:hover {
      background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-primary\/90:hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    #native-audio .voice-studio-book .hover\:bg-primary\/90:hover {
      background-color: color-mix(in oklab, var(--primary) 90%, transparent);
    }
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:bg-secondary\/80:hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    #native-audio .voice-studio-book .hover\:bg-secondary\/80:hover {
      background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
    }
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:\[color\:var\(--chrome-fg\)\]:hover {
    color: var(--chrome-fg);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:text-\[var\(--chrome-accent\)\]:hover {
    color: var(--chrome-accent);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:text-accent-foreground:hover {
    color: var(--accent-foreground);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:text-foreground:hover {
    color: var(--foreground);
  }
}

@media (hover: hover) {
  #native-audio .voice-studio-book .hover\:underline:hover {
    text-decoration-line: underline;
  }
}

#native-audio .voice-studio-book .focus-visible\:border-ring:focus-visible {
  border-color: var(--ring);
}

#native-audio .voice-studio-book .focus-visible\:ring-\[3px\]:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

#native-audio .voice-studio-book .focus-visible\:ring-destructive\/20:focus-visible {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

#native-audio .voice-studio-book .focus-visible\:ring-ring\/50:focus-visible {
  --tw-ring-color: var(--ring);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}

#native-audio .voice-studio-book .focus-visible\:outline-2:focus-visible {
  outline-style: var(--tw-outline-style);
  outline-width: 2px;
}

#native-audio .voice-studio-book .focus-visible\:outline-\[var\(--chrome-accent\)\]:focus-visible {
  outline-color: var(--chrome-accent);
}

#native-audio .voice-studio-book .active\:scale-\[0\.98\]:active {
  scale: .98;
}

#native-audio .voice-studio-book .disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

#native-audio .voice-studio-book .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

#native-audio .voice-studio-book .disabled\:opacity-50:disabled {
  opacity: .5;
}

#native-audio .voice-studio-book .has-\[\>svg\]\:px-2\.5:has( > svg) {
  padding-inline: calc(var(--spacing) * 2.5);
}

#native-audio .voice-studio-book .has-\[\>svg\]\:px-3:has( > svg) {
  padding-inline: calc(var(--spacing) * 3);
}

#native-audio .voice-studio-book .has-\[\>svg\]\:px-4:has( > svg) {
  padding-inline: calc(var(--spacing) * 4);
}

#native-audio .voice-studio-book .aria-invalid\:border-destructive[aria-invalid="true"] {
  border-color: var(--destructive);
}

#native-audio .voice-studio-book .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
  --tw-ring-color: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}

@media not (min-width: 640px) {
  #native-audio .voice-studio-book .max-\[640px\]\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

#native-audio .voice-studio-book .\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}

#native-audio .voice-studio-book .\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

#native-audio .voice-studio-book .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}

#native-audio .voice-studio-book .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

#native-audio .voice-studio-book .\[\&\:\:-webkit-scrollbar\]\:w-\[6px\]::-webkit-scrollbar {
  width: 6px;
}

#native-audio .voice-studio-book .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[3px\]::-webkit-scrollbar-thumb {
  border-radius: 3px;
}

#native-audio .voice-studio-book .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[rgba\(255\,255\,255\,0\.1\)\]::-webkit-scrollbar-thumb {
  background-color: #ffffff1a;
}

#native-audio .voice-studio-book {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --radius: .625rem;
  --background: var(--color-zinc-25);
  --app-chrome-background: var(--background);
  --toolbar-background: var(--app-chrome-background);
  --toolbar-foreground: var(--foreground);
  --toolbar-border: var(--border);
  --toolbar-control: var(--popover);
  --toolbar-control-foreground: var(--foreground);
  --toolbar-control-hover: var(--accent);
  --surface-raised: var(--card);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book {
    --surface-raised: color-mix(in srgb, var(--card) 20%, transparent);
  }
}

#native-audio .voice-studio-book {
  --foreground: var(--color-zinc-800);
  --card: var(--color-white);
  --card-foreground: var(--color-zinc-800);
  --popover: var(--color-white);
  --popover-foreground: var(--color-zinc-800);
  --primary: #1b4ed8;
  --primary-foreground: var(--color-white);
  --secondary: var(--color-zinc-50);
  --secondary-foreground: var(--color-zinc-800);
  --muted: var(--color-zinc-50);
  --muted-foreground: var(--color-zinc-500);
  --placeholder: var(--muted-foreground);
  --secondary-label: var(--muted-foreground);
  --icon-muted: var(--muted-foreground);
  --message-surface: var(--accent);
  --message-foreground: var(--foreground);
  --message-action: var(--primary);
  --message-action-foreground: var(--primary-foreground);
  --message-action-hover: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book {
    --message-action-hover: color-mix(in srgb, var(--primary) 90%, var(--background));
  }
}

#native-audio .voice-studio-book {
  --accent: var(--color-zinc-100);
  --accent-foreground: var(--color-zinc-900);
  --error: var(--color-red-500);
  --error-foreground: var(--color-red-700);
  --tool-error-icon: var(--error);
  --error-surface: var(--error);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book {
    --error-surface: color-mix(in srgb, var(--error) 8%, transparent);
  }
}

#native-audio .voice-studio-book {
  --destructive: var(--error);
  --border: var(--color-zinc-200);
  --input: var(--color-zinc-300);
  --ring: var(--primary);
  --destructive-foreground: var(--error-foreground);
  --info: var(--color-blue-500);
  --info-foreground: var(--color-blue-700);
  --success: var(--color-emerald-500);
  --success-foreground: var(--color-emerald-700);
  --warning: var(--color-amber-500);
  --warning-foreground: var(--color-amber-700);
  --warning-surface: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book {
    --warning-surface: color-mix(in srgb, var(--warning) 8%, transparent);
  }
}

#native-audio .voice-studio-book {
  --update: var(--primary);
  --update-foreground: var(--primary);
  --update-surface: var(--update);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book {
    --update-surface: color-mix(in srgb, var(--update) 12%, transparent);
  }
}

#native-audio .voice-studio-book {
  --sidebar: var(--color-zinc-50);
  --sidebar-foreground: var(--foreground);
  --sidebar-muted-foreground: var(--muted-foreground);
  --sidebar-control-surface: var(--color-zinc-100);
  --sidebar-row-hover: var(--color-zinc-25);
  --sidebar-row-active: var(--color-white);
  --sidebar-row-selected: var(--color-white);
  --sidebar-border: var(--border);
  --sidebar-stage-fade: var(--sidebar);
  --code-background: var(--card);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book {
    --code-background: color-mix(in srgb, var(--card) 90%, var(--background));
  }
}

#native-audio .voice-studio-book {
  --code-foreground: var(--foreground);
  --terminal-background: var(--background);
  --terminal-foreground: var(--foreground);
  --terminal-cursor: #26384e;
  --terminal-selection-background: #253f6333;
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: var(--color-neutral-950);
  --surface-raised: var(--background);
}

@supports (color: lab(0% 0 0)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --primary: lab(37.6614% 26.5842 -76.3839);
  }
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --surface-raised: color-mix(in srgb, var(--background) 97%, var(--color-white));
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --foreground: var(--color-neutral-100);
  --card: var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --card: color-mix(in srgb, var(--background) 97%, var(--color-white));
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --card-foreground: var(--color-neutral-100);
  --popover: var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --popover: color-mix(in srgb, var(--background) 97%, var(--color-white));
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --popover-foreground: var(--color-neutral-100);
  --primary: #346bf1;
  --secondary: #ffffff08;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --secondary: color-mix(in oklab, var(--color-white) 3%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --secondary-foreground: var(--color-neutral-100);
  --muted: #ffffff08;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --muted: color-mix(in oklab, var(--color-white) 3%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --muted-foreground: #818181;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --muted-foreground: color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-white));
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --accent: #ffffff0a;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --accent: color-mix(in oklab, var(--color-white) 4%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --accent-foreground: var(--color-neutral-100);
  --error: #fb414a;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --error: color-mix(in srgb, var(--color-red-500) 90%, var(--color-white));
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --error-foreground: var(--color-red-400);
  --tool-error-icon: #fca5a5;
  --error-surface: var(--error);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --error-surface: color-mix(in srgb, var(--error) 16%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --border: #ffffff0f;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --border: color-mix(in oklab, var(--color-white) 6%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --input: #ffffff14;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --input: color-mix(in oklab, var(--color-white) 8%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --info-foreground: var(--color-blue-400);
  --success-foreground: var(--color-emerald-400);
  --warning-foreground: var(--color-amber-400);
  --warning-surface: var(--warning);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --warning-surface: color-mix(in srgb, var(--warning) 16%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --update-foreground: var(--color-blue-400);
  --update-surface: var(--update);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book :root:is(.dark, .dark *) {
    --update-surface: color-mix(in srgb, var(--update) 18%, transparent);
  }
}

#native-audio .voice-studio-book :root:is(.dark, .dark *) {
  --sidebar: var(--card);
  --sidebar-control-surface: var(--muted);
  --sidebar-row-hover: var(--accent);
  --sidebar-row-active: var(--accent);
  --sidebar-row-selected: var(--muted);
  --sidebar-stage-fade: var(--card);
  --terminal-cursor: #b4cbff;
  --terminal-selection-background: #b4cbff40;
}

#native-audio .voice-studio-book html[data-theme-id]:not([data-theme-id=""]) {
  --background: var(--app-theme-canvas);
  --app-chrome-background: var(--app-theme-chrome);
  --toolbar-background: var(--app-theme-toolbar);
  --toolbar-foreground: var(--app-theme-toolbar-foreground);
  --toolbar-border: var(--app-theme-toolbar-border);
  --toolbar-control: var(--app-theme-toolbar-control);
  --toolbar-control-foreground: var(--app-theme-toolbar-control-foreground);
  --toolbar-control-hover: var(--app-theme-toolbar-control-hover);
  --surface-raised: var(--app-theme-surface-raised);
  --foreground: var(--app-theme-text);
  --card: var(--app-theme-surface);
  --card-foreground: var(--app-theme-text);
  --popover: var(--app-theme-surface-overlay);
  --popover-foreground: var(--app-theme-text);
  --primary: var(--app-theme-message-action);
  --primary-foreground: var(--app-theme-message-action-foreground);
  --secondary: var(--app-theme-secondary);
  --secondary-foreground: var(--app-theme-secondary-foreground);
  --muted: var(--app-theme-muted);
  --muted-foreground: var(--app-theme-muted-foreground);
  --placeholder: var(--app-theme-placeholder);
  --secondary-label: var(--app-theme-secondary-label);
  --icon-muted: var(--app-theme-icon-muted);
  --accent: var(--app-theme-accent-surface);
  --accent-foreground: var(--app-theme-accent-surface-foreground);
  --message-surface: var(--app-theme-message-surface);
  --message-foreground: var(--app-theme-message-foreground);
  --message-action: var(--app-theme-message-action);
  --message-action-foreground: var(--app-theme-message-action-foreground);
  --message-action-hover: var(--app-theme-message-action-hover);
  --error: var(--app-theme-error);
  --error-foreground: var(--app-theme-error-foreground);
  --tool-error-icon: var(--error-foreground);
  --error-surface: var(--app-theme-error-surface);
  --destructive: var(--error);
  --destructive-foreground: var(--error-foreground);
  --warning: var(--app-theme-warning);
  --warning-foreground: var(--app-theme-warning-foreground);
  --warning-surface: var(--app-theme-warning-surface);
  --update: var(--app-theme-update);
  --update-foreground: var(--app-theme-update-foreground);
  --update-surface: var(--app-theme-update-surface);
  --border: var(--app-theme-border);
  --input: var(--app-theme-input);
  --ring: var(--app-theme-focus);
  --sidebar: var(--app-theme-sidebar);
  --sidebar-foreground: var(--app-theme-sidebar-foreground);
  --sidebar-muted-foreground: var(--app-theme-sidebar-muted-foreground);
  --sidebar-control-surface: var(--app-theme-sidebar-control-surface);
  --sidebar-row-hover: var(--app-theme-sidebar-row-hover);
  --sidebar-row-active: var(--app-theme-sidebar-row-active);
  --sidebar-row-selected: var(--app-theme-sidebar-row-selected);
  --sidebar-border: var(--app-theme-sidebar-border);
  --sidebar-stage-fade: var(--app-theme-sidebar);
  --code-background: var(--app-theme-code-background);
  --code-foreground: var(--app-theme-code-foreground);
  --terminal-background: var(--app-theme-terminal-background);
  --terminal-foreground: var(--app-theme-terminal-foreground);
  --terminal-cursor: var(--app-theme-terminal-cursor);
  --terminal-selection-background: var(--app-theme-terminal-selection-background);
}

#native-audio .voice-studio-book {
  --workspace-footer-height: 40px;
  --control-radius: .5rem;
  --workspace-gap: 1rem;
  --workspace-inset: 1.5rem;
  --glass-blur: 12px;
  --glass-opacity: 80%;
  --glass-saturation: 1.14;
  --sidebar-primary: var(--foreground);
  --sidebar-primary-foreground: var(--sidebar);
  --sidebar-accent: var(--sidebar-row-hover);
  --sidebar-accent-foreground: var(--sidebar-foreground);
  --sidebar-ring: var(--ring);
}

#native-audio .voice-studio-book .dark {
  --glass-blur: 16px;
  --glass-saturation: 1.08;
}

@media (prefers-reduced-transparency: reduce) {
  #native-audio .voice-studio-book .surface-glass {
    background: var(--popover);
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #native-audio .voice-studio-book *, #native-audio .voice-studio-book :before, #native-audio .voice-studio-book :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

#native-audio .voice-studio-book * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voice-studio-book * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

#native-audio .voice-studio-book, #native-audio .voice-studio-book, #native-audio .voice-studio-book {
    height: 100%;
  }

#native-audio .voice-studio-book {
    background-color: var(--background);
    font-size: var(--text-ui);
    line-height: var(--tw-leading, var(--text-ui--line-height));
    color: var(--foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior: none;
    font-optical-sizing: auto;
  }

#native-audio .voice-studio-book {
    font-family: var(--font-sans);
  }

#native-audio .voice-studio-book .app-drag {
    -webkit-app-region: drag;
  }

#native-audio .voice-studio-book .app-no-drag {
    -webkit-app-region: no-drag;
  }

#native-audio .voice-studio-book input[type="range"] {
    accent-color: var(--primary);
  }

#native-audio .voice-studio-book ::selection {
    background: var(--primary);
  }

@supports (color: color-mix(in lab, red, red)) {
    #native-audio .voice-studio-book ::selection {
      background: color-mix(in srgb, var(--primary) 35%, transparent);
    }
  }

#native-audio .voice-studio-book .lucide {
    stroke-width: 1.75px;
  }

#native-audio .voice-studio-book .studio-scrollbar {
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  scrollbar-color: var(--muted-foreground) transparent;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .studio-scrollbar {
    scrollbar-color: color-mix(in srgb, var(--muted-foreground) 38%, transparent) transparent;
  }
}

#native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-track {
  background: none;
}

#native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-thumb {
  background: var(--muted-foreground);
  border: 3px solid #0000;
  border-radius: 999px;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--muted-foreground) 38%, transparent);
  }
}

#native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-thumb {
  background-clip: padding-box;
}

#native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--muted-foreground) 58%, transparent);
  }
}

#native-audio .voice-studio-book .studio-scrollbar::-webkit-scrollbar-thumb:hover {
  background-clip: padding-box;
}

#native-audio .voice-studio-book .workspace-titlebar {
  -webkit-app-region: drag;
  height: 52px;
}

#native-audio .voice-studio-book .workspace-titlebar :is(button, a, input, [role="button"]) {
  -webkit-app-region: no-drag;
}

#native-audio .voice-studio-book .native-controls-right {
  padding-right: 148px;
}

#native-audio .voice-studio-book .macos-notification-safe-area main .workspace-titlebar {
  padding-right: 3.5rem;
}

#native-audio .voice-studio-book .workspace-titlebar {
  background: var(--toolbar-background);
  color: var(--toolbar-foreground);
}

#native-audio .voice-studio-book .workspace-titlebar [data-slot="button"] {
  color: var(--toolbar-control-foreground);
}

#native-audio .voice-studio-book .workspace-titlebar [data-slot="button"]:hover {
  background: var(--toolbar-control-hover);
}

#native-audio .voice-studio-book .secondary-sidebar, #native-audio .voice-studio-book .workspace-pane {
  color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar, #native-audio .voice-studio-book .workspace-pane {
    color: color-mix(in srgb, var(--foreground) 94%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar:after, #native-audio .voice-studio-book .workspace-pane:after {
  z-index: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(155deg, var(--primary), transparent 28%);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar:after, #native-audio .voice-studio-book .workspace-pane:after {
    background: linear-gradient(155deg, color-mix(in srgb, var(--primary) 3.5%, transparent), transparent 28%);
  }
}

#native-audio .voice-studio-book .secondary-sidebar > *, #native-audio .voice-studio-book .workspace-pane > * {
  z-index: 1;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"], #native-audio .voice-studio-book [data-slot="workspace-pane-content"] {
  line-height: 1.45;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-header"] {
  box-shadow: 0 1px 0 var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-header"] {
    box-shadow: 0 1px 0 color-mix(in srgb, var(--foreground) 2.5%, transparent);
  }
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] .text-muted-foreground, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] .text-muted-foreground {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] .text-muted-foreground, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] .text-muted-foreground {
    color: color-mix(in srgb, var(--muted-foreground) 88%, var(--foreground));
  }
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] {
  scrollbar-gutter: stable;
  color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] {
    color: color-mix(in srgb, var(--foreground) 96%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > * {
  min-width: 0;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] :is(button, label, summary) {
  -webkit-font-smoothing: antialiased;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] :is(p, small) {
  text-wrap: pretty;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]) {
  font-size: max(.8125rem, 12px);
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] :is(h2, legend), #native-audio .voice-studio-book [data-slot="workspace-pane-content"] :is(h2, legend) {
  color: var(--foreground);
  letter-spacing: -.01em;
  font-weight: 600;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] :is(h2, summary) > .lucide:first-child, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] :is(h2, summary) > .lucide:first-child {
  color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] :is(h2, summary) > .lucide:first-child, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] :is(h2, summary) > .lucide:first-child {
    color: color-mix(in srgb, var(--primary) 76%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] details > summary, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] details > summary {
  user-select: none;
  align-items: center;
  min-height: 2rem;
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] details[open] > summary, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] details[open] > summary {
  color: var(--foreground);
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > :is(section, form, details), #native-audio .voice-studio-book [data-slot="workspace-pane-content"] > :is(section, form, details) {
  box-shadow: inset 0 1px 0 var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > :is(section, form, details), #native-audio .voice-studio-book [data-slot="workspace-pane-content"] > :is(section, form, details) {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--foreground) 2.5%, transparent);
  }
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > :is(section, form, details):hover, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] > :is(section, form, details):hover {
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > :is(section, form, details):hover, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] > :is(section, form, details):hover {
    border-color: color-mix(in srgb, var(--border) 72%, var(--foreground));
  }
}

#native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > :is(section, form, details):focus-within, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] > :is(section, form, details):focus-within {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] > :is(section, form, details):focus-within, #native-audio .voice-studio-book [data-slot="workspace-pane-content"] > :is(section, form, details):focus-within {
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"] {
  min-height: 2.375rem;
  color: var(--foreground);
  border: 1px solid #0000;
  border-radius: .625rem;
  justify-content: flex-start;
  padding-inline: .625rem;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"] {
    color: color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"] {
  font-weight: 500;
  transition-property: color, background-color, border-color, box-shadow;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:hover {
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:hover {
    border-color: color-mix(in srgb, var(--border) 62%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:hover {
  background: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:hover {
    background: color-mix(in srgb, var(--accent) 70%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"] .lucide {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"] .lucide {
    color: color-mix(in srgb, var(--muted-foreground) 82%, var(--primary));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:hover .lucide, #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] .lucide {
  color: var(--primary);
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--primary) 18%, var(--border));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
  background: linear-gradient(90deg, var(--primary), var(--primary));
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
    background: linear-gradient(90deg, color-mix(in srgb, var(--primary) 12%, var(--background)), color-mix(in srgb, var(--primary) 6%, var(--background)));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
  box-shadow: inset 2px 0 0 var(--primary), inset 0 1px 0 var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
    box-shadow: inset 2px 0 0 color-mix(in srgb, var(--primary) 86%, transparent), inset 0 1px 0 color-mix(in srgb, var(--foreground) 3%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"][aria-pressed="true"] {
  color: var(--foreground);
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > [data-slot="button"] > .lucide:first-child {
  flex: none;
  width: 1rem;
  height: 1rem;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="navigation"] [data-slot="secondary-sidebar-content"] > div[class*="border-t"] {
  margin-top: .75rem;
  padding-top: .75rem;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
  border-color: var(--border);
  overflow: clip;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
    border-color: color-mix(in srgb, var(--border) 88%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
  background: var(--card);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
    background: color-mix(in srgb, var(--card) 54%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
  box-shadow: inset 0 1px 0 var(--foreground), 0 1px 2px var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--foreground) 3%, transparent), 0 1px 2px color-mix(in srgb, var(--background) 45%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
  transition-property: border-color, background-color, box-shadow;
  transition-duration: .15s;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) > :is(h2, legend, summary):first-child {
  letter-spacing: -.012em;
  font-weight: 600;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) :is(h2, legend, summary, label) {
  color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) :is(h2, legend, summary, label) {
    color: color-mix(in srgb, var(--foreground) 92%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) :is(h2, summary) > .lucide:first-child {
  width: 1rem;
  height: 1rem;
  color: var(--primary);
  flex: none;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) :is(h2, summary) > .lucide:first-child {
    color: color-mix(in srgb, var(--primary) 72%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > details[open] > summary {
  border-bottom: 1px solid var(--border);
  padding-bottom: .625rem;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > details[open] > summary {
    border-bottom: 1px solid color-mix(in srgb, var(--border) 62%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > details[open] > summary + * {
  margin-top: .75rem;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl):hover {
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl):hover {
    border-color: color-mix(in srgb, var(--border) 76%, var(--foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl):hover {
  background-color: var(--card);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl):hover {
    background-color: color-mix(in srgb, var(--card) 60%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(h2, legend, summary, label) {
  text-wrap: pretty;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(h2, summary) {
  color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(h2, summary) {
    color: color-mix(in srgb, var(--foreground) 88%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(h2, summary) {
  line-height: 1.35;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]):focus-visible {
  background-color: var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]):focus-visible {
    background-color: color-mix(in srgb, var(--background) 72%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]) {
  background-color: var(--background);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]) {
    background-color: color-mix(in srgb, var(--background) 52%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]) {
  border-color: var(--border);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea, [role="combobox"]) {
    border-color: color-mix(in srgb, var(--border) 82%, var(--foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea)::placeholder {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] :is(input, textarea)::placeholder {
    color: color-mix(in srgb, var(--muted-foreground) 82%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > input:first-child {
  background: var(--background);
  flex: none;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > input:first-child {
    background: color-mix(in srgb, var(--background) 55%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] {
  overflow: hidden;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] {
  scrollbar-gutter: stable;
  padding-right: .125rem;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] button[aria-pressed="true"] {
  border-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] button[aria-pressed="true"] {
    border-color: color-mix(in srgb, var(--primary) 28%, var(--border));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] button[aria-pressed="true"] {
  background: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] button[aria-pressed="true"] {
    background: color-mix(in srgb, var(--primary) 8%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] button[aria-pressed="true"] {
  box-shadow: inset 2px 0 0 var(--primary);
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] button[aria-pressed] {
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: .15s;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button {
  color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button {
    color: color-mix(in srgb, var(--foreground) 92%, var(--muted-foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button {
  border-radius: .625rem;
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button :is(.text-xs, [class*="text-muted-foreground"]) {
  color: var(--muted-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button :is(.text-xs, [class*="text-muted-foreground"]) {
    color: color-mix(in srgb, var(--muted-foreground) 90%, var(--foreground));
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button:hover {
  background: var(--accent);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > div[class*="overflow-y-auto"] > button:hover {
    background: color-mix(in srgb, var(--accent) 64%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:first-of-type {
  border-top: 1px solid var(--border);
  flex: none;
  justify-content: flex-start;
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:first-of-type {
    border-top: 1px solid color-mix(in srgb, var(--border) 48%, transparent);
  }
}

#native-audio .voice-studio-book .secondary-sidebar[data-variant="library"] [data-slot="secondary-sidebar-content"] > [data-slot="button"]:first-of-type {
  border-radius: .5rem;
  margin-top: .25rem;
}

@container (width <= 280px) {
  #native-audio .voice-studio-book [data-slot="secondary-sidebar-content"] {
    padding-inline: .625rem;
    font-size: .8125rem;
  }

  #native-audio .voice-studio-book [data-slot="secondary-sidebar-header"] {
    padding-inline: .625rem;
  }

  #native-audio .voice-studio-book [data-slot="secondary-sidebar-header"] > span:nth-child(3) {
    display: none;
  }

  #native-audio .voice-studio-book .secondary-sidebar[data-variant="controls"] [data-slot="secondary-sidebar-content"] > :is(section, form, details, div.rounded-xl) {
    border-radius: .625rem;
  }
}

#native-audio .voice-studio-book .secondary-sidebar [role="alert"], #native-audio .voice-studio-book .workspace-pane [role="alert"] {
  line-height: 1.5;
}

#native-audio .voice-studio-book .brand-sidebar {
  color: var(--sidebar-foreground);
}

#native-audio .voice-studio-book .brand-sidebar .workspace-titlebar {
  background: var(--sidebar);
  color: var(--sidebar-foreground);
}

#native-audio .voice-studio-book .brand-sidebar .text-muted-foreground {
  color: var(--sidebar-muted-foreground);
}

#native-audio .voice-studio-book .brand-sidebar:has(#sidebar-engine-details:not([data-detail-level="simple"])) [data-slot="workspace-navigation"] {
  max-height: 32vh;
}

@media (max-height: 680px) {
  #native-audio .voice-studio-book .brand-sidebar [data-slot="workspace-navigation"] {
    max-height: 32vh;
  }
}

#native-audio .voice-studio-book .performance-tier-button {
  box-shadow: none;
  background: none;
}

#native-audio .voice-studio-book .performance-tier-button:hover:not(:disabled) {
  background: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .performance-tier-button:hover:not(:disabled) {
    background: color-mix(in srgb, var(--primary) 5.5%, transparent);
  }
}

#native-audio .voice-studio-book .performance-tier-button[data-selected="true"] {
  background: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .performance-tier-button[data-selected="true"] {
    background: color-mix(in srgb, var(--primary) 12%, transparent);
  }
}

#native-audio .voice-studio-book .performance-tier-button[data-selected="true"] {
  box-shadow: inset 0 0 0 1px var(--primary), 0 4px 14px -10px var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book .performance-tier-button[data-selected="true"] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 34%, transparent), 0 4px 14px -10px var(--primary);
  }
}

@supports (backdrop-filter: blur(16px)) {
  @media (prefers-reduced-transparency: no-preference) {
    #native-audio .voice-studio-book html[data-glass="true"] {
      --material-fill: 58%;
      --material-edge: #ffffff9e;
      --material-sheen: #ffffff47;
      --material-shadow: #28192317;
      --glass-blur: 24px;
      --glass-opacity: 76%;
      --glass-saturation: 1.3;
    }

    #native-audio .voice-studio-book html.dark[data-glass="true"] {
      --material-fill: 64%;
      --material-edge: #ffffff21;
      --material-sheen: #ffffff0d;
      --material-shadow: #00000038;
    }

    #native-audio .voice-studio-book html[data-glass="true"] .app-surface {
      background: radial-gradient(ellipse at 2% 4%, var(--primary), transparent 48%), radial-gradient(ellipse at 96% 96%, var(--primary), transparent 52%), radial-gradient(ellipse at 80% 0%, var(--glass-light-color, var(--primary)), transparent 42%), var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voice-studio-book html[data-glass="true"] .app-surface {
        background: radial-gradient(ellipse at 2% 4%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 48%), radial-gradient(ellipse at 96% 96%, color-mix(in srgb, var(--primary) 6%, transparent), transparent 52%), radial-gradient(ellipse at 80% 0%, color-mix(in srgb, var(--glass-light-color, var(--primary)) 3%, transparent), transparent 42%), var(--background);
      }
    }

    #native-audio .voice-studio-book html[data-glass="true"] .app-surface .bg-background {
      background: none;
    }

    #native-audio .voice-studio-book html[data-glass="true"] .app-surface aside {
      background: linear-gradient(155deg, var(--material-sheen), transparent 44%), var(--sidebar);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voice-studio-book html[data-glass="true"] .app-surface aside {
        background: linear-gradient(155deg, var(--material-sheen), transparent 44%), color-mix(in srgb, var(--sidebar) var(--material-fill), transparent);
      }
    }

    #native-audio .voice-studio-book html[data-glass="true"] .app-surface aside {
      backdrop-filter: blur(24px) saturate(130%);
      border-color: var(--material-edge);
      box-shadow: inset -1px 0 #ffffff08;
    }

    #native-audio .voice-studio-book html[data-glass="true"] .workspace-titlebar {
      background: var(--toolbar-background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voice-studio-book html[data-glass="true"] .workspace-titlebar {
        background: color-mix(in srgb, var(--toolbar-background) 42%, transparent);
      }
    }

    #native-audio .voice-studio-book html[data-glass="true"] .workspace-titlebar {
      backdrop-filter: blur(20px) saturate(130%);
      box-shadow: inset 0 1px 0 var(--material-edge);
    }

    #native-audio .voice-studio-book html[data-glass="true"] aside .workspace-titlebar {
      backdrop-filter: none;
      box-shadow: none;
      background: none;
    }

    #native-audio .voice-studio-book html[data-glass="true"] .glass-panel {
      background: linear-gradient(135deg, var(--material-sheen), transparent 38%, #ffffff05 100%), var(--card);
    }

    @supports (color: color-mix(in lab, red, red)) {
      #native-audio .voice-studio-book html[data-glass="true"] .glass-panel {
        background: linear-gradient(135deg, var(--material-sheen), transparent 38%, #ffffff05 100%), color-mix(in srgb, var(--card) var(--material-fill), transparent);
      }
    }

    #native-audio .voice-studio-book html[data-glass="true"] .glass-panel {
      backdrop-filter: blur(24px) saturate(130%);
      border-color: var(--material-edge);
      box-shadow: inset 0 1px 0 var(--material-edge), inset 0 -1px 0 #0000000d, 0 8px 28px -12px var(--material-shadow);
    }

    #native-audio .voice-studio-book html[data-glass="true"] .composer-surface {
      box-shadow: inset 0 1px 0 var(--material-edge), 0 12px 32px -12px var(--material-shadow);
      border-radius: 1.125rem;
      padding: .75rem;
    }

    #native-audio .voice-studio-book html[data-glass="true"] .surface-glass {
      border-color: var(--material-edge);
      box-shadow: inset 0 1px 0 var(--material-edge), 0 12px 32px -8px var(--material-shadow);
    }
  }
}

#native-audio .voice-studio-book html[data-theme-id="heritage"] {
  --glass-light-color: #ad82d9;
}

#native-audio .voice-studio-book [data-slot="switch"].app-switch {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="switch"].app-switch {
    background: color-mix(in srgb, var(--foreground) 32%, var(--background));
  }
}

#native-audio .voice-studio-book [data-slot="switch"].app-switch {
  border-color: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  #native-audio .voice-studio-book [data-slot="switch"].app-switch {
    border-color: color-mix(in srgb, var(--foreground) 55%, var(--background));
  }
}

#native-audio .voice-studio-book [data-slot="switch"].app-switch {
  transition-property: background-color, border-color, box-shadow;
}

#native-audio .voice-studio-book [data-slot="switch"].app-switch[data-checked] {
  background: var(--primary);
  border-color: var(--primary);
}

#native-audio .voice-studio-book [data-slot="switch-thumb"].app-switch-thumb {
  background: var(--foreground);
  box-shadow: 0 1px 3px #00000040;
}

#native-audio .voice-studio-book [data-slot="switch"][data-checked] .app-switch-thumb {
  background: var(--primary-foreground);
}

#native-audio .voice-studio-book [data-slot="switch"].app-switch:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  #native-audio .voice-studio-book [data-slot="switch"].app-switch {
    transition: none;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@keyframes voicestudio-book-spin {
  to {
    transform: rotate(360deg);
  }
}

/* VoiceStudio's source utilities execute above this token/host port. The book
   settings grid, collapsible metadata, chapter list and result DOM stay source. */
#native-audio .voice-studio-book { --background: #09090b; --foreground: #e4e4e7; --card: #121214; --card-foreground: #e4e4e7; --popover: #18181b; --popover-foreground: #e4e4e7; --primary: #6366f1; --primary-foreground: #fff; --secondary: #202023; --secondary-foreground: #e4e4e7; --muted: #202023; --muted-foreground: #a1a1aa; --accent: #292929; --accent-foreground: #fafafa; --destructive: #fb7185; --destructive-foreground: #fecdd3; --border: #303036; --input: #303036; --ring: #a5b4fc; --radius: .625rem; --color-bg: #18181b; --color-bg-elev-2: #121214; --text-primary: #e4e4e7; --text-secondary: #a1a1aa; --chrome-fg: #e4e4e7; --chrome-fg-muted: #a1a1aa; --chrome-hover-bg: #242427; --chrome-accent: #a5b4fc; --chrome-accent-bg: #28263d; display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; overflow: auto; background: var(--background); color: var(--foreground); }
#native-audio .voice-studio-book .voicebox-stage-header { border-color: var(--border); }
#native-audio .voice-studio-book .btn-ghost { color: var(--foreground); background: transparent; border: 1px solid transparent; }
#native-audio .voice-studio-book .btn-ghost:hover:not(:disabled) { background: var(--accent); }
#native-audio .voice-studio-book button, #native-audio .voice-studio-book [role=option], #native-audio .voice-studio-book summary { min-height: 44px; }
#native-audio .voice-studio-book :focus-visible { outline: 2px solid var(--ring); outline-offset: 3px; }
#native-audio .voice-studio-book button:disabled { cursor: not-allowed; }
#native-audio .voice-studio-book .input-base { box-sizing: border-box; min-width: 0; width: 100%; min-height: 44px; border: 1px solid var(--input); border-radius: 8px; padding: 9px 12px; background: var(--card); color: var(--foreground); font-family: inherit; font-size: 16px; }
#native-audio .voice-studio-book .input-base::placeholder { color: var(--muted-foreground); }
#native-audio .voice-studio-book .label-row { display: flex; align-items: center; gap: 6px; color: var(--muted-foreground); font-size: 13px; font-weight: 500; line-height: 1.6; }
#native-audio .voice-studio-book .label-icon { flex: none; }
#native-audio .voice-studio-book .muted, #native-audio .voice-studio-book .text-fg-muted { color: var(--muted-foreground); }
#native-audio .voice-studio-book .audiobook-book-body { display: flex; flex-direction: column; gap: 14px; padding: 20px; min-width: 0; }
#native-audio .voice-studio-book .audiobook-book-intro { margin: 0; color: var(--muted-foreground); font-size: 14px; line-height: 1.6; }
#native-audio .voice-studio-book .audiobook-book-body > p.muted { font-size: 14px; line-height: 1.6; }
#native-audio .voice-studio-book .audiobook-book-settings { min-width: 0; padding: 4px 0 8px; }
#native-audio .voice-studio-book .audiobook-tab__section { border-top: 1px solid var(--border); padding-top: 8px; }
#native-audio .voice-studio-book .audiobook-tab__section summary { font-size: 14px; color: var(--foreground); }
#native-audio .voice-studio-book .audiobook-book-status-rail { display: flex; flex-direction: column; flex-shrink: 0; gap: 9px; overflow: visible; border-radius: 12px; background: var(--color-bg-elev-2); padding: 10px; }
#native-audio .voice-studio-book .audiobook-plan h3 { margin: 12px 0 16px; font-size: 18px; font-weight: 600; }
#native-audio .voice-studio-book .audiobook-plan li { padding: 8px 0; }
#native-audio .voice-studio-book .audiobook-plan li + li { border-top: 1px solid var(--border); }
#native-audio .voice-studio-book .audiobook-plan-row { flex-wrap: wrap; min-width: 0; }
#native-audio .voice-studio-book .audiobook-plan-row strong { font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
#native-audio .voice-studio-book .audiobook-plan-row .muted { font-size: 13px; }
#native-audio .voice-studio-book .audiobook-plan-row > button:first-child { width: 44px; }
#native-audio .voice-studio-book .audiobook-chapter-reason { margin: 6px 0 0 52px; color: #fda4af; font-size: 14px; line-height: 1.6; }
#native-audio .voice-studio-book .audiobook-book-hint { margin: 0; font-size: 14px; line-height: 1.6; color: var(--muted-foreground); }
#native-audio .voice-studio-book .audiobook-book-error { margin: 0; padding: 10px 12px; color: #fecdd3; background: #361824; border-radius: 8px; font-size: 14px; line-height: 1.6; }
#native-audio .voice-studio-book .audiobook-book-job { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; }
#native-audio .voice-studio-book .audiobook-result-heading { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 500; }
#native-audio .voice-studio-book .audiobook-result-heading > svg { color: var(--ring); }
#native-audio .voice-studio-book .audiobook-result-actions, #native-audio .voice-studio-book .audiobook-candidate-choices { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
#native-audio .voice-studio-book .audiobook-candidate-choices:empty { display: none; }
#native-audio .voice-studio-book .audiobook-done { padding: 12px 0; min-width: 0; }
#native-audio .voice-studio-book .audiobook-done + .audiobook-book-candidate { border-top: 1px solid var(--border); }
#native-audio .voice-studio-book .audiobook-candidate-choices button[aria-pressed=true] { color: var(--ring); background: var(--chrome-accent-bg); }
#native-audio .voice-studio-book audio { color-scheme: dark; }
@media (max-width: 800px) {
  #native-audio .voice-studio-book { min-height: 100%; flex: none; overflow: visible; }
  #native-audio .voice-studio-book .audiobook-book-body { padding: 14px 12px; }
  #native-audio .voice-studio-book .audiobook-book-status-rail { padding: 10px; }
  #native-audio .voice-studio-book .audiobook-plan-row strong { flex: 1; min-width: 140px; }
  #native-audio .voice-studio-book .audiobook-plan-row .muted { flex-basis: calc(100% - 52px); margin-left: 52px; }
  #native-audio .voice-studio-book .audiobook-chapter-reason { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #native-audio .voice-studio-book *, #native-audio .voice-studio-book *::before, #native-audio .voice-studio-book *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}