/* Auth-only subset of local styles.css; source order and declarations preserved. */
:root{
  --bg: #0c1216;
  --bg-2: #121a1f;
  --card: #171f25;
  --line: #2a353c;
  --text: #e8eef0;
  --muted: #8b9aa3;
  --teal: #3d9b8f;
  --red: #d45454;
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  --side: 248px;
  --side-bg: #0a1014;
  --hover: #182228;
  --thumb: #0a1014;
  --bar: #0e1519;
  --on: #132226;
  --btn: #243038;
}
@keyframes media-audio-preview-wave{
  0% { transform: scaleY(.42); }
  100% { transform: scaleY(1); }
}
html[data-theme="light"]{
  --bg: #f3f5f6;
  --bg-2: #ffffff;
  --card: #ffffff;
  --line: #b4c0c6;
  --text: #142026;
  --muted: #4a5a62;
  --shadow: 0 10px 28px rgba(20, 32, 38, 0.08);
  --side-bg: #ffffff;
  --hover: #eef2f4;
  --thumb: #e6ebed;
  --bar: #e8eef0;
  --on: #e8f4f2;
  --btn: #e8eef0;
}
*{ box-sizing: border-box; }
html, body{ margin: 0; min-height: 100%; }
body{
  font-family: "Segoe UI", system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
}
a{ color: var(--teal); }
button, input, textarea{ font: inherit; }
.brand{ display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.brand strong{ letter-spacing: 0.08em; font-size: 11px; color: var(--teal); }
.brand span{ font-size: 18px; font-weight: 650; }
.muted{ color: var(--muted); }
.small{ font-size: 13px; }
.login-name-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 10px;
}
.login-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 2px 0 16px;
}
.remember{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--text);
  font-size: 13px;
  cursor: pointer;
}
.remember input{ width: 15px; height: 15px; accent-color: var(--teal); }
.google-btn{
  position: relative;
  width: 100%;
  height: 42px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 44px;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
.google-btn .google-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
}
.google-btn .google-icon svg{ width: 18px; height: 18px; display: block; }
.google-btn:hover:not(:disabled){ border-color: var(--teal); background: var(--hover); }
.google-btn:disabled{ opacity: 0.58; cursor: not-allowed; }
.auth-switch{
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 13px;
}
.auth-switch[hidden]{ display: none !important; }
.link-btn{
  border: 0;
  background: transparent;
  color: var(--teal);
  cursor: pointer;
  padding: 0;
  font-weight: 650;
}
.link-btn:hover{ text-decoration: underline; }
@keyframes btPremiumSparkle249{
  0%, 18%, 100% { opacity: .08; transform: scale(.45) rotate(0deg); }
  22% { opacity: 1; transform: scale(1.55) rotate(45deg); }
  26%, 63% { opacity: .18; transform: scale(.65) rotate(90deg); }
  67% { opacity: .92; transform: scale(1.28) rotate(135deg); }
  72% { opacity: .1; transform: scale(.5) rotate(180deg); }
}
@keyframes btPremiumMicroSparkle249{
  0%, 100% { opacity: .16; transform: scale(.62); }
  28% { opacity: .9; transform: scale(1.15); }
  48% { opacity: .24; transform: scale(.72); }
  74% { opacity: .76; transform: scale(1); }
}
@keyframes btPremiumParticleDrift249{
  0% { opacity: 0; transform: translate3d(-2cqw, 8cqh, 0) scale(.7); }
  10% { opacity: .46; }
  86% { opacity: .46; }
  100% { opacity: 0; transform: translate3d(12cqw, -112cqh, 0) scale(1.25); }
}
@keyframes btPremiumLightDots249{
  0% { opacity: .55; transform: translate3d(-3cqw, 2cqh, 0) scale(.96); }
  100% { opacity: .94; transform: translate3d(5cqw, -4cqh, 0) scale(1.1); }
}
@keyframes btPremiumMovingGlow249{
  0% { opacity: .5; transform: translate3d(-13cqw, -2cqh, 0) rotate(-5deg) scale(.95); }
  100% { opacity: .92; transform: translate3d(13cqw, 4cqh, 0) rotate(5deg) scale(1.08); }
}
@keyframes btPremiumTunnelDepth249{
  0% { opacity: .08; transform: rotateX(63deg) translateZ(-520px) scale(.18) rotate(-3deg); }
  18% { opacity: .32; }
  72% { opacity: .56; }
  100% { opacity: .04; transform: rotateX(63deg) translateZ(260px) scale(1.82) rotate(3deg); }
}
label{ display: block; font-size: 13px; color: var(--muted); margin: 0 0 6px; }
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"]{
  width: 100%;
  height: 42px;
  background: var(--bg-2);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  outline: none;
  color-scheme: dark;
}
input:focus{ border-color: var(--teal); }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
  -webkit-text-fill-color: var(--text);
  caret-color: var(--text);
  box-shadow: 0 0 0 1000px var(--bg-2) inset;
  transition: background-color 99999s ease-out;
}
.pass-wrap{ position: relative; }
.pass-wrap input{ padding-right: 46px; }
.eye{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 700;
}
.eye:hover{ color: var(--text); }
.field{ margin-bottom: 14px; }
.banner{
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #2a1c1c;
  color: #f0c4c4;
  display: none;
}
.banner.show{ display: block; }
html[data-theme="light"] .banner{ background: #fde8e6; color: #7a1f1f; }
@keyframes upload-spin{ to { transform: rotate(360deg); } }
.overlay[hidden],
.video-stage[hidden],
.video-empty[hidden],
video[hidden],
#confirmYes[hidden]{
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
@keyframes support-typing-dot{
  0%, 80%, 100% { opacity: 0.28; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-3px); }
}
@keyframes fix44-save-spin{ to { transform: rotate(360deg); } }
@keyframes fix45-save-spin{ to { transform: rotate(360deg); } }
@keyframes btToolsOpen254{
  from { opacity: 0; transform: translate3d(0, 12px, 0) scale(.995); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes btToolsClose254{
  from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  to { opacity: 0; transform: translate3d(0, 8px, 0) scale(.997); }
}
@keyframes ytGuideFloatIn{
  from { opacity: 0; transform: translateY(4px) scale(.985); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes oauthChevronPulse{ from { opacity:.3; transform:translateX(0); } to { opacity:1; transform:translateX(2px); } }
html[data-theme="dark"],
html:not([data-theme]){
  --bg: #111318;
  --bg-2: #181b21;
  --card: #20232a;
  --line: #3f4650;
  --text: #eef1f4;
  --muted: #9aa2ad;
  --teal: #45cabe;
  --side-bg: #15181e;
  --hover: #292e36;
  --bar: #2a2f37;
  --on: #2b3038;
  --btn: #343944;
  /* Do not change real stream thumbnail treatment. */
  --thumb: #0a1014;
  --shadow: 0 16px 46px rgba(0,0,0,.34);
}
html[data-theme="dark"] body,
html:not([data-theme]) body{
  background: var(--bg) !important;
}
html[data-theme="dark"] .brand strong,
html:not([data-theme]) .brand strong{
  color: #d9dfe4;
}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html:not([data-theme]) input,
html:not([data-theme]) textarea,
html:not([data-theme]) select{
  background-color: #181b21;
  border-color: #454c56;
  color: #eef1f4;
}
@keyframes savedDestinationSweep{
  0%, 58% { left: -36%; opacity: 0; }
  64% { opacity: .9; }
  82% { left: 112%; opacity: .55; }
  100% { left: 112%; opacity: 0; }
}
@keyframes laizoFlowFadeIn{
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes laizoFlowFadeOut{
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes laizoFlowCardIn{
  from { opacity: 0; transform: translateY(7px) scale(.992); }
  to { opacity: 1; transform: none; }
}
@keyframes laizoFlowCardOut{
  from { opacity: 1; transform: none; }
  to { opacity: 0; transform: translateY(4px) scale(.994); }
}
:root{
  --laizo-prod-bg: #20232a;
  --laizo-prod-panel: #252932;
  --laizo-prod-selector: #343944;
  --laizo-prod-selector-hover: #414751;
  --laizo-prod-input: #181b21;
  --laizo-prod-line: #4a515d;
  --laizo-prod-line-strong: #59616c;
  --laizo-prod-accent: #45cabe;
  --laizo-prod-text: #eef2f4;
  --laizo-prod-muted: #9aa2ad;
}
@keyframes savedDestinationConnectionTrace{
  0%, 12% { transform: translateX(-125px); opacity: 0; }
  20% { opacity: .72; }
  70% { transform: translateX(760px); opacity: .72; }
  82%, 100% { transform: translateX(820px); opacity: 0; }
}
@keyframes savedDestinationDotPulse{
  0%,100% { opacity: .72; box-shadow: 0 0 0 rgba(69,202,190,0); }
  50% { opacity: 1; box-shadow: 0 0 9px rgba(69,202,190,.32); }
}
@keyframes youtubeEligibilitySpin{ to { transform: rotate(360deg); } }
@keyframes btPremiumSparkle{
  0%, 100% { opacity: .12; transform: translate3d(-4px, 8px, 0) scale(.55) rotate(0deg); }
  25% { opacity: .72; transform: translate3d(2px, 2px, 0) scale(1.15) rotate(45deg); }
  55% { opacity: .3; transform: translate3d(7px, -5px, 0) scale(.8) rotate(90deg); }
  78% { opacity: .88; transform: translate3d(3px, -10px, 0) scale(1.35) rotate(135deg); }
}
@keyframes btPremiumMicroSparkle{
  0%, 100% { opacity: .18; transform: translate3d(-7px, 5px, 0) scale(.75); }
  35% { opacity: .62; transform: translate3d(2px, -4px, 0) scale(1.05); }
  70% { opacity: .3; transform: translate3d(8px, -9px, 0) scale(.85); }
}
@keyframes btPremiumParticleDrift{
  0% { opacity: 0; transform: translate3d(-8px, 22px, 0) scale(.65); }
  14% { opacity: .45; }
  72% { opacity: .24; }
  100% { opacity: 0; transform: translate3d(22px, -245px, 0) scale(1.35); }
}
@keyframes btPremiumLightDots{
  0%, 100% { opacity: .5; transform: translate3d(-1.5%, 1%, 0) scale(.985); }
  50% { opacity: .82; transform: translate3d(2%, -2%, 0) scale(1.045); }
}
@keyframes btPremiumTunnelDepth{
  0% { opacity: 0; transform: scale(.34) rotate(-1deg); }
  18% { opacity: .18; }
  58% { opacity: .34; }
  100% { opacity: 0; transform: scale(1.62) rotate(2deg); }
}
@keyframes btPremiumMovingGlow{
  0%, 100% { opacity: .38; transform: translate3d(-7%, -2%, 0) rotate(-3deg) scale(.96); }
  50% { opacity: .74; transform: translate3d(8%, 4%, 0) rotate(3deg) scale(1.05); }
}
@keyframes laizoSelectOpen{
  from { opacity: 0; transform: translateY(-2px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes laizoFix95SelectOpen{
  from { opacity: 0; transform: translateY(-2px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes laizoAudioHintReturn{
  from { opacity: 0; transform: translateY(-3px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes stream-connecting-dots{
  to { width: 1.25em; }
}
@keyframes manual-yt-pulse{
  0%, 100% { opacity: .42; }
  50% { opacity: 1; }
}
\n\n\ninput[type="password"]::-ms-reveal,\ninput[type="password"]::-ms-clear{\n  display: none !important;\n}
@keyframes laizo-card-saved-enter{
  0% { opacity: 0; transform: translateY(10px) scale(.988); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
#forgotForm .field input{ border-radius: 3px !important; background: #303840; border: 1px solid #829099; color: #f5f8f7; }
#forgotForm .field input:focus{ outline: none; border-color: #a6c9b2; box-shadow: 0 0 0 3px rgba(146,189,157,.2); }
#forgotForm .login-go,
#forgotForm .forgot-back{
  min-height: 44px;
  border-radius: 3px !important;
  font-size: 14px;
  font-weight: 700;
}
#forgotForm .login-go{ display: flex; gap: 10px; background: #dbe8dc !important; border: 1px solid #dbe8dc !important; color: #1b3225 !important; }
#forgotForm .login-go:hover{ background: #ecf4ec !important; border-color: #ecf4ec !important; }
#forgotForm .forgot-back{ display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 10px; background: #343d45; border: 1px solid #77858b; color: #ecf1f1; }
#forgotForm .forgot-back:hover{ background: #47535b; border-color: #a7b7b3; color: #fff; }
html[data-theme="light"] #forgotForm .field input{ background: #fff; color: #203039; }
html[data-theme="light"] #forgotForm .forgot-back{ background: #e3e9e8; color: #1d3430; }
@keyframes cust-detail-spin{ to { transform: rotate(360deg); } }
@keyframes support-inbox-enter{
  from { transform: translateY(12px); }
  to { transform: translateY(0); }
}
@keyframes editor-audio-mini-wave{
  0% { transform: scaleY(.38); opacity: .62; }
  100% { transform: scaleY(1); opacity: 1; }
}
@keyframes btTickerLeft{ from { transform: translateX(100%); } to { transform: translateX(-100%); } }
@keyframes btTickerRight{ from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes btTickerUp{ 0%, 12% { transform: translateY(130%); } 25%, 75% { transform: translateY(0); } 88%, 100% { transform: translateY(-130%); } }
@keyframes btGradientMotion{
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes btLightSweep{
  0%, 20% { background-position: 150% 0, 0 0; }
  70%, 100% { background-position: -120% 0, 0 0; }
}
@keyframes btParticleRise{
  0% { opacity: 0; transform: translateY(0) scale(.75); }
  18% { opacity: .72; }
  82% { opacity: .4; }
  100% { opacity: 0; transform: translateY(-250px) scale(1.15); }
}
@keyframes btOverlayTwinkle{
  0%, 100% { opacity: .16; transform: scale(.55) rotate(0deg); }
  45% { opacity: .9; transform: scale(1.35) rotate(45deg); }
  60% { opacity: .42; transform: scale(.8) rotate(90deg); }
}
@keyframes btOverlayFloat{
  0% { opacity: 0; transform: translateY(30px) scale(.65); }
  16% { opacity: .55; }
  80% { opacity: .24; }
  100% { opacity: 0; transform: translateY(-270px) translateX(24px) scale(1.4); }
}
@keyframes btOverlayTunnel{
  0%, 100% { opacity: .16; transform: scale(.7) rotate(-2deg); }
  50% { opacity: .42; transform: scale(1.18) rotate(2deg); }
}
@keyframes btOverlayDots{
  from { opacity: .48; transform: translate3d(-1%, 1%, 0) scale(.98); }
  to { opacity: .82; transform: translate3d(2%, -2%, 0) scale(1.05); }
}
@keyframes btOverlayGlow{
  from { opacity: .42; transform: translate3d(-8%, -3%, 0) rotate(-4deg); }
  to { opacity: .78; transform: translate3d(8%, 4%, 0) rotate(4deg); }
}
@keyframes btPreviewPulse{
  0% { box-shadow: inset 0 0 0 2px rgba(79, 141, 114, .7); }
  100% { box-shadow: inset 0 0 0 2px rgba(79, 141, 114, 0); }
}
@keyframes btPremiumSparkle248{
  0%, 100% { opacity: .1; transform: translate3d(-1.2cqw, 2cqh, 0) scale(.55) rotate(0deg); }
  24% { opacity: .88; transform: translate3d(.4cqw, .4cqh, 0) scale(1.25) rotate(45deg); }
  55% { opacity: .28; transform: translate3d(1.5cqw, -1.2cqh, 0) scale(.78) rotate(90deg); }
  79% { opacity: .92; transform: translate3d(.7cqw, -2.4cqh, 0) scale(1.42) rotate(135deg); }
}
@keyframes btPremiumMicroSparkle248{
  0%, 100% { opacity: .16; transform: translate3d(-1.8cqw, 1.5cqh, 0) scale(.7); }
  34% { opacity: .74; transform: translate3d(.5cqw, -.8cqh, 0) scale(1.08); }
  70% { opacity: .26; transform: translate3d(2cqw, -2.5cqh, 0) scale(.82); }
}
@keyframes btPremiumParticleDrift248{
  0% { opacity: 0; transform: translate3d(-1.5cqw, 8cqh, 0) scale(.62); }
  14% { opacity: .58; }
  72% { opacity: .32; }
  100% { opacity: 0; transform: translate3d(5cqw, -115cqh, 0) scale(1.42); }
}
@keyframes btPremiumLightDots248{
  0%, 100% { opacity: .5; transform: translate3d(-2cqw, 1.5cqh, 0) scale(.98); }
  50% { opacity: .88; transform: translate3d(3cqw, -3cqh, 0) scale(1.08); }
}
@keyframes btPremiumMovingGlow248{
  0%, 100% { opacity: .4; transform: translate3d(-10cqw, -3cqh, 0) rotate(-4deg) scale(.96); }
  50% { opacity: .82; transform: translate3d(10cqw, 4cqh, 0) rotate(4deg) scale(1.06); }
}
@keyframes btPremiumTunnelDepth248{
  0% { opacity: 0; transform: perspective(900px) rotateX(57deg) scale(.25) rotate(-2deg); }
  14% { opacity: .2; }
  62% { opacity: .44; }
  100% { opacity: 0; transform: perspective(900px) rotateX(57deg) scale(1.72) rotate(2deg); }
}
@keyframes btPremiumSparkle250{
  0%, 72%, 100% { opacity: 0; transform: translate3d(-.8cqw, 1.5cqh, 0) scale(.18) rotate(0deg); }
  78% { opacity: .28; }
  84% { opacity: 1; transform: translate3d(.15cqw, -.2cqh, 0) scale(1.5) rotate(32deg); }
  90% { opacity: .42; transform: translate3d(.7cqw, -1.3cqh, 0) scale(.72) rotate(70deg); }
}
@keyframes btPremiumMicroSparkle250{
  0%, 100% { opacity: .13; transform: scale(.62); }
  34% { opacity: .92; transform: scale(1.16); }
  61% { opacity: .22; transform: translate3d(.65cqw, -.8cqh, 0) scale(.76); }
  80% { opacity: .72; transform: translate3d(1.1cqw, -1.4cqh, 0) scale(1); }
}
@keyframes btPremiumParticleDrift250{
  0% { opacity: 0; transform: translate3d(-2cqw, 7cqh, 0) rotate(0deg) scale(.7); }
  12% { opacity: .65; }
  78% { opacity: .4; }
  100% { opacity: 0; transform: translate3d(7cqw, -118cqh, 0) rotate(210deg) scale(1.35); }
}
@keyframes btPremiumLightDots250{
  0% { opacity: .48; transform: translate3d(-4cqw, 3cqh, 0) scale(.96); }
  50% { opacity: .9; transform: translate3d(2cqw, -4cqh, 0) scale(1.08); }
  100% { opacity: .62; transform: translate3d(5cqw, 2cqh, 0) scale(1.02); }
}
@keyframes btPremiumMovingGlow250{
  0% { opacity: .42; transform: translate3d(-13cqw, -5cqh, 0) rotate(-5deg) scale(.93); }
  50% { opacity: .88; transform: translate3d(7cqw, 4cqh, 0) rotate(3deg) scale(1.08); }
  100% { opacity: .55; transform: translate3d(14cqw, -1cqh, 0) rotate(6deg) scale(1); }
}
@keyframes btPremiumTunnelFlight250{
  0% { opacity: .12; transform: perspective(1050px) translate3d(-2%, 2%, -720px) rotateZ(-8deg) scale(.18); }
  22% { opacity: .34; transform: perspective(1050px) translate3d(2%, -1%, -420px) rotateZ(-3deg) scale(.42); }
  55% { opacity: .56; transform: perspective(1050px) translate3d(-1%, -2%, -140px) rotateZ(3deg) scale(.9); }
  82% { opacity: .38; transform: perspective(1050px) translate3d(3%, 1%, 160px) rotateZ(8deg) scale(1.75); }
  100% { opacity: 0; transform: perspective(1050px) translate3d(-2%, 2%, 420px) rotateZ(13deg) scale(2.7); }
}
@keyframes btMovingGlowPremium{
  from { transform: translate3d(-8%, -5%, 0) scale(.92); opacity: .55; }
  to { transform: translate3d(35%, 25%, 0) scale(1.14); opacity: .95; }
}
@keyframes btPremiumMovingGlow251{
  0% { opacity: .38; transform: translate3d(-16cqw, -7cqh, 0) rotate(-7deg) scale(.9); }
  45% { opacity: .88; transform: translate3d(2cqw, 6cqh, 0) rotate(2deg) scale(1.08); }
  100% { opacity: .52; transform: translate3d(17cqw, -2cqh, 0) rotate(8deg) scale(.98); }
}
@keyframes btSparkleFlow253{
  0% { opacity: .28; transform: translate3d(-.35cqw, .55cqh, 0) scale(.54) rotate(0deg); filter: brightness(.78) blur(.15px); }
  48% { opacity: .92; transform: translate3d(.25cqw, -.3cqh, 0) scale(1.03) rotate(75deg); filter: brightness(1.22) blur(0); }
  100% { opacity: .38; transform: translate3d(.65cqw, -.8cqh, 0) scale(.7) rotate(155deg); filter: brightness(.9) blur(.1px); }
}
@keyframes btMicroSparkleFlow253{
  0% { opacity: .3; transform: translate3d(-.18cqw, .35cqh, 0) scale(.72); filter: brightness(.82); }
  52% { opacity: .88; transform: translate3d(.15cqw, -.22cqh, 0) scale(1.08); filter: brightness(1.18); }
  100% { opacity: .42; transform: translate3d(.38cqw, -.5cqh, 0) scale(.84); filter: brightness(.94); }
}
@keyframes create-editor-hydration-spin{ to { transform:rotate(360deg); } }
@keyframes create-editor-hydration-shimmer{ to { background-position:-220% 0; } }
@keyframes dash-guide-in{ to { opacity: 1; transform: translateX(0); } }
@keyframes laizo-output-attention{ 0%,25% { transform:translateX(-110%); opacity:0; } 40% { opacity:.8; } 80%,100% { transform:translateX(320%); opacity:0; } }
:is(#previewAudioList,#libraryPreviewOriginalAudio){ display:grid !important; gap:4px !important; }
:is(#previewAudioList,#libraryPreviewOriginalAudio) input[type=range]{ appearance:none; height:2px; min-height:2px; border:0; padding:0; background:#7d8b93; width:100%; }
:is(#previewAudioList,#libraryPreviewOriginalAudio) input[type=range]::-webkit-slider-thumb{ appearance:none; width:8px; height:8px; border-radius:50%; background:#eef5f7; }
:is(#previewAudioList,#libraryPreviewOriginalAudio) [data-library-audio-play] svg{ fill:currentColor; stroke:none; }
@keyframes library-preview-wave{ from{transform:scaleY(.35)} to{transform:scaleY(1)} }
[data-media-menu-add][hidden]{display:none!important}
html:not([data-theme="light"]) body:has(#view-library:not([hidden])){ background-color:#15181d!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(main.main,#view-library){ background-color:#15181d!important;color:#eef1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(aside:has(#sideLibraryPane),#sideLibraryPane){ background-color:#1b1e24!important;border-color:#444c57!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#sideLibraryPane .library-side-menu,#sideLibraryPane .lib-folder-btn){ color:#eef1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#sideLibraryPane .lib-folder-btn.on,#view-library .lib-view-btn.on,#view-library .lib-filter-status){ background:#2c3541!important;border-color:#319ee0!important;color:#eef1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#sideLibraryPane .lib-folder-btn.on)::before{ background-color:#319ee0!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#view-library .lib-card:hover,#view-library .lib-audio-card:hover,#view-library .media-library-row:hover,#view-library .lib-root-folder-card:hover,#sideLibraryPane .lib-folder-btn:hover){ background-color:#2c3038!important;border-color:#627083!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#view-library .muted,#view-library .lib-search-note,#view-library .media-row-duration,#view-library .lib-root-folder-card small,#sideLibraryPane p,#sideLibraryPane em){ color:#aeb8c5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#sideLibraryPane .library-folder-glyph,#view-library .lib-root-folder-visual svg){ fill:#8793a2!important;stroke:#b6bec9!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#folderOverlay .folder-modal,#infoOverlay .media-info-box,#mediaOptionsPopover,#previewOverlay .preview-pop,#previewOverlay .library-preview-video-panel,#previewOverlay .media-audio-preview){ background:#202328!important;border-color:#444c57!important;color:#eef1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#mediaOptionsPopover .media-options-properties,#mediaOptionsPopover .media-options-actions,#previewOverlay .media-preview-head,#previewOverlay .library-source-audio-card,#previewOverlay .library-light-player,#previewOverlay .media-audio-preview-art){ background:#25292f!important;border-color:#444c57!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#previewOverlay #libraryImagePreview,#previewOverlay .media-library-editor-frame,#previewOverlay #previewVideo){ background-color:#181b20!important;border-color:#444c57!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#folderOverlay input,#infoOverlay select,#mediaOptionsPopover select){ background-color:#181b20!important;border-color:#535b68!important;color:#edf1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#folderOverlay .btn,#folderOverlay .close-x,#infoOverlay .btn,#infoOverlay .close-x,#previewOverlay .close-x,#previewOverlay .media-preview-mobile-back){ background-color:#343944!important;border-color:#535b68!important;color:#eef1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#mediaOptionsPopover .media-options-actions button:hover,#mediaOptionsPopover .media-options-actions button:focus-visible){ background-color:#2c3541!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#folderOverlay p,#folderOverlay label>span,#infoOverlay .media-info-name,#infoOverlay dt,#mediaOptionsPopover dt,#mediaOptionsPopover .media-options-eyebrow,#previewOverlay .media-preview-head span,#previewOverlay .media-audio-preview-copy small){ color:#b6bec9!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#previewOverlay .editor-audio-mini-wave i,#previewOverlay .media-audio-preview-wave i){ background-color:#64d49c!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#previewOverlay .media-audio-preview-copy>span,#previewOverlay .library-light-player.is-active){ color:#61b9ee!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#mediaOptionsPopover .media-options-delete,#infoOverlay #infoDelete){ color:#ed8994!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#confirmOverlay .confirm-box,#pickStreamOverlay .pick-stream-box){ background:#202328!important;border-color:#444c57!important;color:#eef1f5!important; }
html:not([data-theme="light"]) body:has(#view-library:not([hidden])) :is(#confirmOverlay #confirmNo,#pickStreamOverlay #pickStreamCancel){ background-color:#343944!important;border-color:#535b68!important;color:#eef1f5!important; }
html[data-theme=light] :is(#view-guide,#view-help){--guide-panel:#fff;--guide-inner:#f0f2f5;--guide-line:#c8d0da;--guide-text:#202733;--guide-muted:#596675}
@keyframes manualDraftSpin575{to{transform:rotate(360deg)}}
body:has(#view-library:not(.manual-stream-picker):has(#btLibraryPickBar:not([hidden]))) :is(.lib-folder-main b,.lib-root-folder-copy strong){color:#eef1f5!important}
html[data-smart-theme="light"]:has(body.smart-inline-editor-active){background:#fff!important;}
@keyframes subscription-sweep768{from{transform:translateX(-100%)}to{transform:translateX(100%)}}