/* Generated by scripts/build-public-css.mjs from styles.css; edit the source sheet. */
:root {
  color-scheme: light;
  --blue: #0066cc;
  --blue-focus: #0071e3;
  --blue-dark: #2997ff;
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --quiet: #86868b;
  --white: #ffffff;
  --parchment: #f5f5f7;
  --pearl: #fafafc;
  --dark: #272729;
  --dark-2: #2a2a2c;
  --black: #000000;
  --hairline: #d2d2d7;
  --soft-line: rgba(0, 0, 0, 0.08);
  --radius-sm: 8px;
  --radius-lg: 18px;
  --pill: 9999px;
  --sans: "SF Pro Text", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Upload-first homepage */
.home-hero-tile {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: clamp(84px, 10vw, 140px) 32px clamp(72px, 9vw, 120px);
  background:
    radial-gradient(circle at 14% 22%, rgba(123, 193, 255, 0.3), transparent 31%),
    radial-gradient(circle at 82% 18%, rgba(186, 144, 255, 0.26), transparent 29%),
    linear-gradient(145deg, #f7fbff 0%, #ffffff 48%, #f7f2ff 100%);
}

.home-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
  align-items: center;
  gap: clamp(44px, 7vw, 96px);
}

.home-hero-tile h1 {
  max-width: 760px;
  margin: 12px 0 22px;
  font-size: clamp(48px, 7.2vw, 92px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.home-hero-tile .lead {
  max-width: 720px;
  font-size: clamp(20px, 2.2vw, 28px);
}

.hero-allowance {
  width: max-content;
  max-width: 100%;
  display: grid;
  gap: 2px;
  margin: 26px 0 28px;
  padding: 14px 18px;
  border: 1px solid rgba(26, 82, 156, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 50px rgba(55, 93, 150, 0.1), inset 0 1px rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(18px);
}

.hero-allowance > span,
.hero-allowance small,
.auth-summary,
.auth-summary-detail {
  color: var(--muted);
  font-size: 13px;
}

.hero-allowance strong {
  font-size: 17px;
}

.auth-summary {
  margin: 20px 0 0;
  font-weight: 600;
}

.auth-summary-detail {
  min-height: 20px;
  margin: 2px 0 0;
}

.home-hero-proof {
  position: relative;
  min-height: 380px;
  display: grid;
  place-items: center;
}

.proof-card {
  position: relative;
  z-index: 2;
  width: min(390px, 100%);
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.76);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 40px 100px rgba(68, 104, 178, 0.18), inset 0 1px rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(24px) saturate(135%);
}

.proof-card span {
  color: var(--blue);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.proof-card strong {
  display: block;
  margin: 12px 0;
  font-size: clamp(25px, 3vw, 36px);
  line-height: 1.08;
}

.proof-card p {
  margin: 0;
  color: var(--muted);
}

.proof-orbit {
  position: absolute;
  border: 1px solid rgba(84, 129, 214, 0.2);
  border-radius: 50%;
}

.proof-orbit-one { width: 360px; height: 360px; }
.proof-orbit-two { width: 260px; height: 260px; transform: rotate(24deg); border-color: rgba(147, 91, 220, 0.2); }

.upload-area-tile {
  padding-top: clamp(64px, 8vw, 104px);
  padding-bottom: clamp(64px, 8vw, 104px);
  background:
    radial-gradient(circle at 16% 8%, rgba(110, 188, 255, 0.2), transparent 31%),
    radial-gradient(circle at 86% 86%, rgba(179, 126, 255, 0.18), transparent 34%),
    #fff;
}

.upload-only-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.upload-area-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.upload-area-head h2 { margin: 4px 0 0; font-size: clamp(36px, 5vw, 62px); }
.upload-area-head > p { max-width: 430px; margin: 0; color: var(--muted); }

.upload-area-tile .dropzone {
  min-height: 340px;
  border: 1.5px dashed rgba(40, 91, 164, 0.32);
  border-radius: 28px;
  color: var(--ink);
  background:
    radial-gradient(circle at 18% 14%, rgba(116, 195, 255, 0.2), transparent 35%),
    radial-gradient(circle at 82% 88%, rgba(181, 127, 255, 0.2), transparent 37%),
    #fff;
  box-shadow: 0 28px 80px rgba(54, 89, 148, 0.12), inset 0 1px rgba(255, 255, 255, 0.94);
  transition: border-color 180ms ease, box-shadow 220ms ease, background-position 260ms ease;
}

.upload-area-tile .dropzone:hover,
.dropzone.is-dragging {
  border-color: rgba(0, 102, 204, 0.76);
  box-shadow: 0 34px 90px rgba(43, 96, 177, 0.19), inset 0 0 0 6px rgba(83, 154, 255, 0.08);
}

.dropzone.is-dragging .dz-icon { animation: dropzone-float 680ms ease-in-out infinite alternate; }
.dropzone.has-drop { animation: dropzone-settle 420ms cubic-bezier(0.2, 0.8, 0.2, 1); }

.queue-download-setting {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 13px;
}

.section-heading {
  max-width: 780px;
  margin-bottom: 36px;
}

.section-heading h2 { margin: 6px 0 12px; font-size: clamp(34px, 4.5vw, 58px); line-height: 1.02; }

.how-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.how-steps li,
.home-plan-comparison article {
  padding: 28px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.84);
}

.how-steps span,
.home-plan-comparison article > span { color: var(--blue); font-size: 13px; font-weight: 700; }
.how-steps strong { display: block; margin: 26px 0 8px; font-size: 22px; }
.how-steps p { margin: 0; color: var(--muted); }

.three-way-compare {
  display: grid;
  gap: 18px;
}

.compare-tabs {
  display: none;
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
}

.compare-tabs button {
  min-height: 38px;
  flex: 1;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
}

.compare-tabs button[aria-selected="true"] { color: #111; background: #fff; }

.compare-panels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.compare-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.055);
}

.compare-panel header { display: grid; gap: 3px; padding: 16px 18px; }
.compare-panel header span { color: rgba(255, 255, 255, 0.56); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; }
.compare-panel video { width: 100%; aspect-ratio: 1080 / 1280; display: block; object-fit: cover; background: #050506; }
.compare-panel dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; background: rgba(255, 255, 255, 0.08); }
.compare-panel dl div { display: grid; gap: 2px; padding: 11px 13px; background: #17171b; }
.compare-panel dt { color: rgba(255, 255, 255, 0.52); font-size: 11px; }
.compare-panel dd { margin: 0; color: #fff; font-size: 13px; font-weight: 600; }
.compare-panel-note { min-height: 50px; margin: 0; padding: 12px 14px; color: rgba(255, 255, 255, 0.62); font-size: 12px; line-height: 1.4; background: #17171b; }

.compare-controls {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
}

.compare-controls label,
.compare-controls input { width: 100%; }
.compare-controls output { min-width: 42px; color: rgba(255, 255, 255, 0.78); font-variant-numeric: tabular-nums; }
.compare-caveat { margin: 0; color: rgba(255, 255, 255, 0.54); font-size: 12px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.pro-comparison-tile { background: #f5f7fb; }
.pro-comparison-heading { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.home-plan-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.home-plan-comparison article > strong { display: block; margin: 10px 0 20px; font-size: 26px; }
.home-plan-comparison article.is-featured { color: #fff; border-color: transparent; background: linear-gradient(145deg, #11131a, #23283a); }
.home-plan-comparison ul { display: grid; gap: 8px; margin: 0 0 22px; padding-left: 20px; }
.comparison-definition { margin: 22px 0 0; color: var(--muted); font-size: 13px; }

.why-upload120-tile { background: linear-gradient(135deg, #f7faff 0%, #fbf8ff 100%); }
.why-upload120-layout { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: 32px; align-items: start; }
.why-upload120-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.why-upload120-list article { display: grid; gap: 5px; min-height: 96px; padding: 16px; border: 1px solid rgba(95, 130, 190, .16); border-radius: 16px; background: rgba(255, 255, 255, .68); }
.why-upload120-list strong { color: var(--ink); font-size: 14px; }
.why-upload120-list span { color: var(--quiet); font-size: 13px; line-height: 1.45; }

.converter-home-tile { overflow:hidden; background:radial-gradient(circle at 9% 16%, rgba(104, 196, 255, .24), transparent 30%), radial-gradient(circle at 93% 82%, rgba(178, 124, 255, .19), transparent 36%), linear-gradient(135deg, #f7fbff, #faf8ff); }
.converter-home-layout { display:grid; grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr); align-items:center; gap:clamp(28px, 6vw, 82px); min-height:430px; }
.converter-home-copy .eyebrow { margin:0 0 14px; }
.converter-home-copy h2 { max-width:11ch; margin:0; color:#1d2d4a; font-size:clamp(38px, 4.7vw, 66px); line-height:.98; letter-spacing:-.055em; }
.converter-home-copy > p:not(.eyebrow) { max-width:52ch; margin:20px 0 0; color:#52627c; font-size:16px; line-height:1.55; }
.converter-home-actions { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-top:28px; }
.converter-home-actions > span { color:#63718a; font-size:13px; font-weight:650; }
.converter-home-limits { display:flex; flex-wrap:wrap; gap:9px; margin-top:26px; }
.converter-home-limits span { padding:9px 12px; border:1px solid rgba(93, 119, 188, .15); border-radius:999px; background:rgba(255,255,255,.62); color:#5c6b84; font-size:12px; }
.converter-home-limits b { color:#345fb8; }
.converter-home-preview { position:relative; padding:18px; overflow:hidden; border:1px solid rgba(102, 128, 196, .19); border-radius:26px; background:rgba(255,255,255,.72); box-shadow:0 30px 66px rgba(61, 91, 164, .15), inset 0 1px rgba(255,255,255,.94); backdrop-filter:blur(24px) saturate(130%); }
.converter-home-preview::before { content:""; position:absolute; width:220px; height:220px; right:-92px; top:-110px; border-radius:50%; background:radial-gradient(circle, rgba(107, 177, 255, .3), transparent 67%); pointer-events:none; }
.converter-home-preview-head,.converter-home-preview-foot { position:relative; z-index:1; display:flex; align-items:center; gap:9px; color:#2d487e; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.converter-home-preview-head i { width:5px; height:5px; border-radius:50%; background:#85a1dc; }.converter-home-preview-head small { margin-left:auto; color:#687795; font-size:10px; letter-spacing:.06em; }
.converter-home-steps { position:relative; z-index:1; display:grid; gap:8px; margin:20px 0 18px; padding:0; list-style:none; }
.converter-home-steps li { display:grid; grid-template-columns:34px minmax(0, 1fr); align-items:center; gap:12px; padding:14px; border:1px solid rgba(104, 128, 190, .12); border-radius:16px; background:rgba(255,255,255,.64); }
.converter-home-steps b { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:linear-gradient(145deg, #edf7ff, #eeeaff); color:#4169bd; font-size:12px; }.converter-home-steps strong,.converter-home-steps span { display:block; }.converter-home-steps strong { color:#263654; font-size:14px; }.converter-home-steps span { margin-top:3px; color:#687792; font-size:12px; line-height:1.35; }
.converter-home-preview-foot { padding:2px 3px 0; color:#5d7199; letter-spacing:.045em; }.converter-home-preview-foot svg { width:18px; height:18px; margin-left:auto; color:#3d70c5; }

.pro-comparison-heading .eyebrow { margin-bottom: 18px; }

.community-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 30px;
}

.community-actions > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 7px 14px;
  align-items: start;
  padding: 18px 20px;
  border: 1px solid rgba(0, 102, 204, .14);
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

.community-actions span {
  grid-row: span 3;
  min-width: 76px;
  padding-top: 2px;
  color: var(--blue);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.community-actions strong { font-size: 16px; line-height: 1.25; }
.community-actions p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.community-actions .secondary-pill { justify-self: start; margin-top: 4px; }

.site-footer {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
  gap: 32px;
  padding: 48px clamp(24px, 5vw, 72px);
  color: #fff;
  background: #111114;
}

.site-footer p { max-width: 360px; color: rgba(255, 255, 255, 0.62); }
.site-footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; align-content: start; gap: 12px 20px; }
.site-footer-links a { color: rgba(255, 255, 255, 0.78); font-size: 13px; }

body[data-auth-phase="loading"] .auth-actions > * { visibility: hidden; }
body[data-auth-phase="loading"] .hero-allowance strong,
body[data-auth-phase="loading"] .hero-allowance small,
body[data-auth-phase="loading"] .auth-summary {
  color: transparent;
  border-radius: 6px;
  background: linear-gradient(90deg, #edf0f5 25%, #f8f9fb 50%, #edf0f5 75%);
  background-size: 200% 100%;
  animation: auth-skeleton 1.2s linear infinite;
}

@keyframes auth-skeleton { to { background-position: -200% 0; } }
@keyframes dropzone-float { to { transform: translateY(-7px); } }
@keyframes dropzone-settle { 45% { transform: scale(0.988); } 100% { transform: scale(1); } }

@media (max-width: 820px) {
  .home-hero-grid,
  .home-plan-comparison,
  .why-upload120-layout,
  .why-upload120-list,
  .site-footer { grid-template-columns: 1fr; }
  .home-hero-proof { min-height: 300px; }
  .how-steps { grid-template-columns: 1fr; }
  .upload-area-head,
  .pro-comparison-heading { align-items: start; flex-direction: column; }
  .site-footer-links { justify-content: flex-start; }
  .compare-tabs { display: flex; }
  .compare-panels { grid-template-columns: 1fr; }
  .compare-panel { display: none; }
  .three-way-compare[data-active-panel="original"] [data-compare-panel="original"],
  .three-way-compare[data-active-panel="compressed"] [data-compare-panel="compressed"],
  .three-way-compare[data-active-panel="studio"] [data-compare-panel="studio"] { display: block; }
}

@media (max-width: 560px) {
  .home-hero-tile,
  .upload-area-tile { padding-left: 18px; padding-right: 18px; }
  .home-hero-tile h1 { font-size: clamp(42px, 13vw, 62px); }
  .home-hero-proof { display: none; }
  .home-hero-tile .hero-actions { align-items: stretch; flex-direction: column; }
  .home-hero-tile .hero-actions > * { width: 100%; }
  .upload-area-tile .dropzone { min-height: 270px; border-radius: 22px; }
  .compare-controls { grid-template-columns: 1fr auto; }
  .compare-controls .primary-pill { grid-column: 1 / -1; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .dropzone.is-dragging .dz-icon,
  .dropzone.has-drop,
  body[data-auth-phase="loading"] .hero-allowance strong,
  body[data-auth-phase="loading"] .hero-allowance small,
  body[data-auth-phase="loading"] .auth-summary {
    animation: none;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background: var(--white);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.47;
  letter-spacing: 0;
  overflow-x: hidden;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

button,
a[href],
label {
  cursor: pointer;
}

button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 2px solid var(--blue-focus);
  outline-offset: 3px;
}

.hidden {
  display: none !important;
}

.global-nav,
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  min-height: 44px;
  padding: 0 32px;
  color: #fff;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.025) 42%, rgba(130, 184, 255, 0.1)),
    rgba(18, 19, 23, 0.66);
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14), inset 0 1px rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  isolation: isolate;
}

.global-nav::before,
.topbar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.18) 42%, transparent 74%);
  opacity: 0.36;
  transition: opacity 0.2s ease;
}

.global-nav:hover::before,
.topbar:hover::before,
.global-nav:focus-within::before,
.topbar:focus-within::before {
  opacity: 0.5;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.brand:hover {
  transform: translateY(-1px);
}

.brand-mark,
.mark {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #fff;
  transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.28s ease;
}

.brand:hover .brand-mark,
.brand:hover .mark {
  filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.32));
  transform: scale(1.04);
}

.nav,
.auth-actions,
.queue-actions,
.hero-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.hero-actions {
  gap: 12px;
}

.nav {
  justify-content: center;
  overflow: visible;
  flex-wrap: nowrap;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.nav::-webkit-scrollbar {
  display: none;
}

.auth-actions {
  justify-content: flex-end;
}

.nav-item,
.owner-link {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: var(--pill);
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  flex: 0 0 auto;
  white-space: nowrap;
  transition: color 0.2s ease, background-color 0.22s ease, box-shadow 0.22s ease, transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.nav-item:hover,
.nav-item.active,
.owner-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 8px 20px rgba(0, 0, 0, 0.14);
}

.nav-item:hover,
.owner-link:hover {
  transform: translateY(-1px);
}

.nav-button,
.utility-button,
.ghost-btn {
  min-height: 32px;
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--ink);
  background: var(--pearl);
  padding: 0 14px;
  font-size: 14px;
}

.nav-button {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
  transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.nav-button:hover {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 8px 20px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

.ghost-btn {
  border: 1px solid var(--hairline);
  color: var(--ink);
  background: var(--white);
  padding: 0 14px;
  font-size: 14px;
}

.primary-pill,
.secondary-pill,
.download-btn {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1.5px solid transparent;
  border-radius: var(--pill);
  padding: 9px 22px 10px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.2;
  max-width: 100%;
  overflow: visible;
  text-align: center;
  white-space: normal;
}

.primary-pill,
.download-btn {
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
}

.primary-pill.small {
  min-height: 38px;
  padding: 8px 16px 9px;
  font-size: 14px;
}

.secondary-pill.small {
  min-height: 38px;
  padding: 8px 16px 9px;
  font-size: 14px;
}

.secondary-pill.mini {
  min-height: 38px;
  width: 100%;
  padding: 7px 11px 8px;
  font-size: 12px;
  line-height: 1.2;
}

.primary-pill:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.secondary-pill {
  color: var(--blue);
  border-color: transparent;
  background: transparent;
  box-shadow: inset 0 0 0 1.5px currentColor;
}

.secondary-pill:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.text-link {
  min-height: 44px;
  border: 0;
  color: var(--blue);
  background: transparent;
  padding: 0;
  font-size: 17px;
}

.primary-pill:active,
.secondary-pill:active,
.download-btn:active,
.nav-button:active,
.utility-button:active,
.text-link:active {
  transform: scale(0.97);
}

main {
  width: 100%;
}

.site-status-banner {
  position: relative;
  z-index: 2;
  width: min(1120px, calc(100% - 64px));
  margin: 0 auto 28px;
  padding: 0;
}

.site-status-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(78, 126, 204, .22);
  border-radius: 18px;
  padding: 12px 14px;
  color: var(--ink);
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 18px 44px rgba(62, 101, 165, .1);
  backdrop-filter: blur(18px) saturate(120%);
}

.site-status-inner::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d3854e;
  box-shadow: 0 0 0 5px rgba(211, 133, 78, .13);
}

.site-status-kicker {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.site-status-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.site-status-inner strong { color: var(--ink); font-size: 14px; }

.site-status-inner .site-status-copy span {
  color: var(--muted);
  font-size: 13px;
}

.site-status-link {
  color: var(--blue);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.site-status-banner[data-status="working"] .site-status-inner,
.site-status-banner[data-status="down"] .site-status-inner {
  border-color: rgba(211, 133, 78, .34);
  background: linear-gradient(135deg, rgba(255, 251, 245, .88), rgba(255, 247, 238, .72));
}

.tile {
  min-height: auto;
  display: grid;
  align-items: start;
  scroll-margin-top: 56px;
  padding: 72px 32px;
}

.tile-inner {
  width: min(1440px, 100%);
  margin: 0 auto;
  min-width: 0;
}

.hero-tile,
.settings-tile {
  background: var(--parchment);
}

.hero-tile {
  min-height: auto;
  position: relative;
  isolation: isolate;
  overflow: clip;
  align-items: start;
  padding-top: clamp(88px, 12vh, 132px);
  padding-bottom: clamp(72px, 10vh, 110px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(237, 246, 255, 0.84) 52%, rgba(244, 239, 255, 0.9)),
    var(--parchment);
}

.hero-glass-ambient {
  position: absolute;
  inset: -26% -14%;
  z-index: -1;
  pointer-events: none;
  opacity: 0.88;
  background:
    radial-gradient(circle at 18% 32%, rgba(114, 185, 255, 0.42), transparent 28%),
    radial-gradient(circle at 77% 24%, rgba(203, 165, 255, 0.36), transparent 25%),
    radial-gradient(circle at 55% 78%, rgba(152, 226, 255, 0.3), transparent 31%);
  filter: blur(16px) saturate(120%);
  transform: translateZ(0);
}

.hero-glass-ambient::before,
.hero-glass-ambient::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.38);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.52), rgba(255, 255, 255, 0.06));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.62), 0 28px 70px rgba(74, 132, 216, 0.16);
}

.hero-glass-ambient::before {
  width: min(42vw, 540px);
  aspect-ratio: 1;
  top: 6%;
  right: 7%;
}

.hero-glass-ambient::after {
  width: min(26vw, 330px);
  aspect-ratio: 1;
  bottom: 3%;
  left: 5%;
}

.extension-tile {
  background: var(--white);
}

.reviews-tile {
  background: var(--black);
  color: #fff;
}

.access-tile {
  color: #fff;
  background: var(--dark);
}

.passes-tile {
  background: var(--white);
}

.pro-page {
  background:
    linear-gradient(180deg, #f5f7fb 0%, #ffffff 34%),
    #fff;
}

.pro-page .hero-actions {
  gap: 12px;
}

.pro-hero-tile {
  min-height: auto;
  padding-top: 44px;
}

.pro-teaser-tile {
  color: #fff;
  background: var(--dark);
}

.pro-teaser-tile .lead {
  color: rgba(255, 255, 255, 0.72);
}

.referrals-tile {
  background: var(--pearl);
}

.compare-tile {
  color: #fff;
  background: #111114;
}

.method-tile {
  background: var(--white);
}

.hero-grid,
.access-grid,
.extension-grid,
.settings-grid,
.reviews-grid,
.referral-grid,
.compare-layout,
.admin-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.84fr) minmax(420px, 1.16fr);
  gap: 48px;
  align-items: center;
}

.hero-tile .hero-grid {
  position: relative;
  z-index: 1;
}

.hero-grid > *,
.access-grid > *,
.extension-grid > *,
.settings-grid > *,
.reviews-grid > *,
.referral-grid > *,
.compare-layout > *,
.admin-grid > *,
.quota-grid-page > * {
  min-width: 0;
}

.hero-copy,
.section-copy {
  max-width: 620px;
  min-width: 0;
}

.eyebrow,
.label {
  margin: 0 0 10px;
  color: var(--blue);
  font-size: 14px;
  font-weight: 600;
}

.access-tile .eyebrow,
.access-tile .label,
.compare-tile .eyebrow {
  color: var(--blue-dark);
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  max-width: 680px;
  margin-bottom: 18px;
  font-size: 56px;
  line-height: 1.07;
  font-weight: 600;
  letter-spacing: 0;
}

h2 {
  margin-bottom: 14px;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0;
}

h3 {
  margin-bottom: 6px;
  font-size: 21px;
  line-height: 1.19;
  font-weight: 600;
}

.lead {
  max-width: 560px;
  margin-bottom: 28px;
  color: var(--ink);
  font-size: 28px;
  line-height: 1.18;
  font-weight: 400;
}

.lead.compact {
  max-width: 620px;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 21px;
  line-height: 1.34;
}

.lead.compact + .hero-actions,
.compat-note + .hero-actions {
  margin-top: 24px;
}

.compat-note {
  width: max-content;
  max-width: 100%;
  margin: -12px 0 24px;
  border: 1px solid rgba(0, 102, 204, 0.28);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  color: #164f8f;
  background: rgba(0, 102, 204, 0.08);
  font-size: 14px;
  font-weight: 600;
}

.upload-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 26px;
}

.upload-path > div {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.72);
}

.upload-path span {
  min-width: 0;
  display: grid;
  gap: 2px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
}

.upload-path small {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.upload-path b {
  display: inline-grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: var(--ink);
  color: #fff;
  font-size: 11px;
}

.compat-note.dark {
  margin-top: 14px;
}

.referral-panel {
  display: grid;
  gap: 14px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 18px;
  background: var(--white);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.08);
}

.referral-glass-card {
  position: relative;
  overflow: hidden;
  gap: 16px;
  border-color: rgba(255, 255, 255, 0.72);
  padding: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(247, 250, 255, 0.72)),
    rgba(255, 255, 255, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 24px 70px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(22px) saturate(165%);
  -webkit-backdrop-filter: blur(22px) saturate(165%);
}

.referral-glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 0%, rgba(0, 102, 204, 0.16), transparent 34%),
    linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.52) 42%, transparent 72%);
  opacity: 0.72;
}

.referral-glass-card > * {
  position: relative;
}

.referral-card-head,
.referral-progress-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.referral-card-head span,
.referral-reward-strip span,
.referral-progress-top span,
.referral-stats span,
.referral-limit-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.referral-card-head strong {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
}

.referral-doc-link {
  min-height: 34px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  border: 1px solid rgba(0, 102, 204, 0.18);
  border-radius: var(--pill);
  padding: 0 12px;
  color: var(--blue);
  background: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.referral-link-row {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 14px;
}

.referral-link-card {
  border: 1px solid rgba(0, 102, 204, 0.12);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: rgba(255, 255, 255, 0.64);
}

.referral-link-row input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(0, 102, 204, 0.16);
  border-radius: var(--radius-sm);
  padding: 0 12px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.86);
}

.referral-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.referral-reward-strip,
.referral-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.referral-reward-strip > div,
.referral-stats > div,
.referral-limit-card {
  min-width: 0;
  display: grid;
  gap: 4px;
  align-content: center;
  border: 1px solid rgba(0, 102, 204, 0.1);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  overflow-wrap: anywhere;
}

.referral-reward-strip strong {
  color: var(--blue);
  font-size: 24px;
  line-height: 1;
}

.referral-reward-strip small,
.referral-limit-card small {
  color: var(--quiet);
}

.referral-progress {
  display: grid;
  gap: 9px;
  border: 1px solid rgba(0, 102, 204, 0.12);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: rgba(250, 250, 252, 0.72);
}

.referral-progress-top strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.25;
  text-align: right;
}

.referral-progress-track {
  height: 10px;
  overflow: hidden;
  border-radius: var(--pill);
  background: rgba(0, 102, 204, 0.12);
}

.referral-progress-track span {
  display: block;
  width: var(--referral-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--blue-dark));
  transform-origin: left center;
  transition: width 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.referral-stats strong,
.referral-limit-card strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.referral-info-hero {
  min-height: auto;
  background: var(--pearl);
}

.referral-info-section {
  min-height: auto;
  background: var(--white);
}

.referral-info-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(320px, 0.7fr);
  gap: 48px;
  align-items: center;
}

.referral-info-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  padding: 26px;
  background: var(--white);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.08);
}

.referral-info-card .referral-rules-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

.referral-info-card .referral-rules-grid > div {
  min-width: 0;
  display: grid;
  gap: 4px;
  border: 1px solid rgba(0, 102, 204, 0.1);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: var(--pearl);
  overflow-wrap: anywhere;
}

.referral-info-card .referral-rules-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.referral-info-card .referral-rules-grid strong {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.1;
}

.referral-info-card .referral-rules-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.35;
}

.reward-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 16px;
  background: var(--pearl);
}

.reward-row span {
  color: var(--muted);
}

.reward-row strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.referral-steps {
  display: grid;
  gap: 28px;
}

.referral-steps .feature-list > div {
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: 9px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 22px;
  background: var(--pearl);
}

.referral-steps .feature-list span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 400;
}

.referral-rules-section {
  background: var(--white);
}

.referral-rules-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.62fr) minmax(420px, 1fr);
  gap: 36px;
  align-items: start;
}

.referral-rules-card {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 22px;
  background: var(--pearl);
}

.referral-rule-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
}

.referral-rule-list li::marker {
  color: var(--blue);
}

.issues-hero {
  background: var(--pearl);
}

.issues-section {
  background: var(--white);
}

.issues-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(340px, 0.72fr);
  gap: 48px;
  align-items: center;
}

.issues-hero-actions {
  margin-top: 34px;
}

.issues-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 24px;
  background: var(--white);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.08);
}

.issue-spec-grid {
  display: grid;
  gap: 10px;
}

.issue-spec-grid > div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: var(--pearl);
}

.issue-spec-grid span,
.issue-number {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.issue-list {
  display: grid;
  gap: 14px;
}

.issue-card {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 24px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 22px;
  background: var(--pearl);
}

.issue-card h2 {
  margin: 0 0 8px;
  font-size: 28px;
}

.issue-card p {
  margin: 0;
  color: var(--muted);
}

.issue-contact-card {
  background: #fff;
}

.feedback-form {
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.feedback-form label {
  display: grid;
  gap: 7px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
}

.feedback-form select,
.feedback-form textarea {
  width: 100%;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 11px 12px;
  color: var(--ink);
  background: var(--pearl);
  font: inherit;
  resize: vertical;
}

.feedback-form select:focus,
.feedback-form textarea:focus {
  outline: 2px solid rgba(0, 102, 204, 0.2);
  outline-offset: 2px;
  border-color: var(--blue);
}

.feedback-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.feedback-status,
.issue-discord-note {
  color: var(--muted);
  font-size: 13px;
}

.issue-discord-note {
  margin-top: 14px !important;
}

.access-tile .lead {
  color: #ccc;
}

.compare-layout {
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  align-items: start;
}

.compare-copy {
  display: grid;
  gap: 18px;
  align-content: start;
}

.compare-copy .lead {
  color: rgba(255, 255, 255, 0.72);
}

.compare-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.compare-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.compare-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.34);
}

.compare-card-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.compare-card-head span,
.compare-stats span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
}

.compare-card-head strong {
  font-size: 15px;
  color: #fff;
}

.compare-video {
  width: 100%;
  aspect-ratio: 9 / 11;
  max-height: 620px;
  border-radius: var(--radius-sm);
  background: #000;
  object-fit: contain;
}

.compare-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.compare-stats > div {
  display: grid;
  gap: 4px;
  min-height: 66px;
  align-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  padding: 10px;
  background: rgba(0, 0, 0, 0.18);
}

.compare-stats strong {
  color: #fff;
  font-size: 14px;
}

.upload-surface {
  display: grid;
  gap: 16px;
}

.hero-tile .upload-surface {
  padding: clamp(10px, 1.6vw, 16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.26);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.64), 0 30px 70px rgba(74, 120, 190, 0.14);
  backdrop-filter: blur(20px) saturate(120%);
  -webkit-backdrop-filter: blur(20px) saturate(120%);
}

.dropzone,
.queue-card,
.settings-panel,
.review-form,
.admin-panel,
.user-row {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  background: var(--white);
}

.dropzone {
  min-height: 430px;
  display: grid;
  place-items: center;
  padding: 56px;
  color: #fff;
  background: var(--dark-2);
  border-color: transparent;
}

.hero-tile .dropzone {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background:
    linear-gradient(145deg, rgba(49, 57, 76, 0.94), rgba(25, 29, 39, 0.98)),
    var(--dark-2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.09);
}

.dropzone.locked {
  color: var(--ink);
  background: var(--white);
  border-color: var(--hairline);
}

.hero-tile .dropzone.locked,
.hero-tile .queue-card {
  border-color: rgba(255, 255, 255, 0.56);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.74), 0 14px 32px rgba(64, 104, 163, 0.09);
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

.dropzone.dragover {
  border-color: var(--blue);
}

.dz-content {
  max-width: 480px;
  text-align: center;
}

.dz-icon {
  margin-bottom: 22px;
  color: currentColor;
}

.dz-content h2 {
  margin-bottom: 10px;
  font-size: 40px;
}

.dz-content p {
  margin-bottom: 10px;
  color: inherit;
  opacity: 0.76;
}

.queue-card,
.settings-panel,
.review-form,
.admin-panel {
  padding: 24px;
}

.passes-layout {
  display: grid;
  gap: 18px;
}

.passes-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 16px;
  align-items: stretch;
}

.account-mini,
.plan-card,
.redeem-panel,
.account-history {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.82);
}

.account-mini {
  display: grid;
  gap: 6px;
  align-content: center;
  padding: 18px;
}

.account-mini span,
.plan-card span,
.account-history span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.account-mini strong {
  font-size: clamp(28px, 4vw, 44px);
  line-height: 0.95;
}

.account-mini small,
.plan-card p,
.plan-card li,
.redeem-panel p {
  color: var(--muted);
}

.plans-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.plan-card {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
  padding: 20px;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.05);
}

.plan-card.is-featured {
  border-color: rgba(0, 102, 204, 0.22);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(239, 246, 255, 0.82)),
    #fff;
  box-shadow: 0 24px 70px rgba(0, 102, 204, 0.14);
}

.plan-card strong {
  font-size: 24px;
  line-height: 1.05;
}

.plan-card-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
}

.plan-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

.plan-card.is-featured span,
.plan-card.is-featured p,
.plan-card.is-featured li {
  color: var(--muted);
}

.plan-card.is-featured .primary-pill {
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
}

.pass-note {
  margin: 0;
  max-width: 900px;
  color: var(--muted);
  line-height: 1.55;
}

.redeem-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
  gap: 16px;
  align-items: end;
  padding: 18px;
}

.redeem-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.redeem-form input {
  min-width: 0;
  height: 42px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 0 12px;
  background: #fff;
}

.redeem-panel .reset-note {
  grid-column: 1 / -1;
}

.account-history {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 14px;
}

.pro-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 410px);
  gap: clamp(18px, 4vw, 56px);
  align-items: stretch;
}

.pro-hero-copy {
  display: grid;
  align-content: center;
  gap: 16px;
  min-width: 0;
}

.pro-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(52px, 8vw, 104px);
  line-height: 0.94;
  overflow-wrap: anywhere;
}

.pro-status-panel,
.pro-history-panel {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.pro-status-panel {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: clamp(20px, 4vw, 34px);
}

.pro-status-panel > span,
.pro-limit-list dt,
.pro-list span,
.pro-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.pro-status-panel > strong {
  font-size: clamp(36px, 5vw, 58px);
  line-height: 0.95;
}

.pro-status-panel p {
  margin: 0;
  color: var(--muted);
}

.pro-limit-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 6px 0 0;
}

.pro-limit-list div {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: #fff;
}

.pro-limit-list dt,
.pro-limit-list dd {
  margin: 0;
}

.pro-limit-list dd {
  margin-top: 4px;
  font-weight: 800;
}

.simple-head {
  grid-template-columns: 1fr;
}

.pro-plans-grid {
  grid-template-columns: minmax(190px, 0.8fr) minmax(280px, 1.35fr) minmax(190px, 0.9fr);
  grid-template-areas:
    "free quarter day"
    "week quarter month";
  align-items: stretch;
  gap: 16px;
  padding: 18px;
}

.pro-plans-grid .plan-card:nth-child(1) {
  grid-area: free;
}

.pro-plans-grid .plan-card:nth-child(2) {
  grid-area: day;
}

.pro-plans-grid .plan-card:nth-child(3) {
  grid-area: week;
}

.pro-plans-grid .plan-card:nth-child(4) {
  grid-area: month;
}

.pro-plans-grid .plan-card:nth-child(5) {
  grid-area: quarter;
}

.pro-plans-grid .plan-card {
  gap: 11px;
  min-height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.86);
}

.pro-plans-grid .plan-card strong {
  font-size: 24px;
}

.pro-plans-grid .plan-card li {
  font-size: 14px;
}

.pass-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.pass-steps li {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px 16px;
  border-left: 2px solid var(--blue);
  background: rgba(246, 249, 253, 0.9);
}

.pass-steps strong { font-size: 14px; }
.pass-steps span { color: var(--muted); font-size: 13px; line-height: 1.45; }

.pro-plans-grid .plan-card.is-featured strong {
  font-size: clamp(26px, 3vw, 34px);
}

.pro-plans-grid .plan-card.is-best-value {
  border-color: rgba(39, 153, 93, .38);
  background:
    linear-gradient(180deg, rgba(235, 255, 244, .98), rgba(246, 255, 250, .96)),
    #fff;
  box-shadow:
    0 24px 58px rgba(24, 96, 61, .12),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

.pro-plans-grid .plan-card.is-best-value strong {
  color: #117347;
}

.pro-plans-grid .plan-card.is-best-value span,
.pro-plans-grid .plan-card.is-best-value p,
.pro-plans-grid .plan-card.is-best-value li {
  color: #173c2b;
}

.pro-plans-grid .plan-card.is-best-value .primary-pill {
  background: linear-gradient(135deg, #169457, #117347);
  border-color: #117347;
  box-shadow: 0 14px 30px rgba(17, 115, 71, .2);
}



.pro-plans-grid .plan-card ul {
  gap: 9px;
}

.pro-plans-grid .plan-card .primary-pill {
  margin-top: 4px;
}

.pro-account-grid {
  display: grid;
  gap: 16px;
}

.account-dashboard-tile {
  padding-top: clamp(72px, 9vh, 104px);
  background:
    linear-gradient(180deg, rgba(245, 247, 251, 0.96), #fff 54%),
    #fff;
}

.account-dashboard-shell {
  display: grid;
  gap: 28px;
}

.account-page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
}

.account-identity { display:flex; gap:16px; align-items:center; min-width:0; }
.account-identity .account-discord-avatar { flex:0 0 auto; }

.account-page-head .lead {
  max-width: 720px;
}

.account-head-actions {
  align-self: end;
}

.account-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) minmax(520px, 1.18fr);
  gap: 24px;
  align-items: start;
}

.account-panel {
  min-width: 0;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.06);
}

.account-summary-panel {
  display: grid;
  align-content: start;
  gap: 20px;
  padding: 24px;
  overflow: hidden;
}

.account-pass-history-panel {
  gap: 14px;
}

.account-workspace-panel {
  display: grid;
  gap: 16px;
  padding: 18px;
}

.account-status-card,
.account-profile-card {
  display: grid;
  gap: 18px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 20px;
  background: rgba(255, 255, 255, 0.78);
}

.account-profile-card h2 {
  font-size: clamp(26px, 3vw, 34px);
}

.account-handle-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.account-profile-card label {
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.account-profile-card input,
.account-profile-card select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 0 14px;
  color: var(--ink);
  background: #fff;
  font-size: 16px;
}

.account-save-btn {
  justify-self: start;
  width: auto;
  min-height: 38px;
  padding: 8px 16px 9px;
  font-size: 13px;
}

.account-data-card,
.account-danger-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.account-data-card h2,
.account-danger-card h2 {
  max-width: 620px;
}

.account-data-card .lead,
.account-danger-card .lead {
  max-width: 690px;
}

.account-data-actions,
.account-danger-actions {
  display: grid;
  gap: 9px;
  justify-items: start;
  min-width: min(100%, 236px);
}

.account-danger-card {
  border-color: rgba(164, 54, 54, 0.24);
  background: linear-gradient(135deg, rgba(255, 249, 249, 0.9), rgba(255, 255, 255, 0.8));
}

.account-danger-card .eyebrow,
.account-danger-card h2 {
  color: #9b3030;
}

.account-delete-start {
  border-color: rgba(164, 54, 54, 0.36);
  color: #9b3030;
}

.account-delete-confirm {
  width: min(100%, 330px);
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(164, 54, 54, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.account-delete-confirm.hidden { display: none; }

.account-delete-confirm label {
  display: block;
  color: #5c4250;
  font-size: 12px;
  font-weight: 750;
}

.account-delete-confirm code {
  color: #8f2929;
  font: 800 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.account-delete-confirm input {
  min-height: 40px;
  border: 1px solid rgba(164, 54, 54, 0.22);
  border-radius: 9px;
  padding: 0 11px;
  color: var(--ink);
  background: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.account-delete-confirm input:focus-visible {
  outline: 3px solid rgba(164, 54, 54, 0.18);
  outline-offset: 2px;
}

.account-delete-confirm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.account-delete-confirm-btn {
  background: #a33434;
  box-shadow: none;
}

.account-delete-confirm-btn:hover:not(:disabled) { background: #842626; }

.account-stat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.account-stat-grid div {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.account-stat-grid span,
.account-list span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.account-stat-grid strong {
  font-size: clamp(22px, 4vw, 34px);
  line-height: 1.05;
}

.account-stat-grid.compact strong {
  font-size: 22px;
}

.account-list {
  display: grid;
  gap: 10px;
}

.account-list article {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: var(--radius-sm);
  padding: 13px 14px;
  background: rgba(255, 255, 255, 0.72);
}

.account-list article div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.account-list small {
  color: var(--muted);
  text-align: right;
}

.account-job-side {
  display: grid;
  gap: 10px;
  justify-items: end;
  min-width: 118px;
}

.account-job-delete {
  width: auto;
}

.account-pass-list small {
  display: grid;
  gap: 3px;
  justify-items: end;
}

.account-pass-list small b {
  color: var(--ink);
  font-size: 12px;
}

.pro-redeem-panel {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
}

.pro-history-panel {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.pro-history-panel h2,
.pro-history-panel h3 {
  margin: 0;
}

.pro-history-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pro-history-columns section {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.pro-list {
  display: grid;
  gap: 8px;
}

.pro-list article,
.pro-list p {
  margin: 0;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: #fff;
}

.pro-list article {
  display: grid;
  gap: 4px;
}

.pro-teaser-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 520px);
  gap: clamp(18px, 4vw, 42px);
  align-items: center;
}

.pro-teaser-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pro-teaser-strip div {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: rgba(255, 255, 255, 0.08);
}

.pro-teaser-strip span {
  display: block;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.pro-teaser-strip strong {
  display: block;
  margin-top: 6px;
  line-height: 1.1;
}

.boost-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid rgba(0, 102, 204, 0.2);
  border-radius: var(--pill);
  color: var(--blue);
  background: #eef6ff;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.status-panel {
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.status-panel.is-down {
  border-color: rgba(180, 35, 24, 0.24);
  background: #fff6f3;
}

.status-panel.is-down h2 {
  color: #b42318;
}

.status-panel.is-working {
  border-color: rgba(0, 102, 204, 0.24);
  background: rgba(0, 102, 204, 0.06);
}

.status-panel.is-working h2 {
  color: var(--blue);
}

.review-form {
  display: grid;
  gap: 18px;
  margin-top: 28px;
  color: var(--ink);
}

.reviews-layout {
  display: grid;
  gap: 22px;
}

.review-topline {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}

.review-topline .lead {
  max-width: 360px;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
}

.review-form-inline {
  grid-template-columns: minmax(160px, 0.9fr) 140px minmax(220px, 1.2fr) auto;
  align-items: end;
  margin-top: 0;
}

.review-form-inline textarea {
  min-height: 44px;
  max-height: 120px;
}

.review-submit {
  display: grid;
  gap: 6px;
  min-width: 150px;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.48);
}

dialog.modal-backdrop {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  border: 0;
}

dialog.modal-backdrop::backdrop {
  background: transparent;
}

dialog.modal-backdrop:not([open]) {
  display: none;
}

.modal-card {
  position: relative;
  width: min(430px, 100%);
  min-height: 0;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  display: grid;
  gap: 14px;
  border-radius: var(--radius-sm);
  padding: 24px;
  color: var(--ink);
  background: var(--white);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28);
}

.modal-card h2 {
  margin: 0;
  font-size: 28px;
}

.modal-card p {
  margin: 0;
  color: var(--muted);
}

.site-outage-popup-card {
  border: 1px solid rgba(211, 133, 78, .28);
  box-shadow: 0 30px 90px rgba(77, 43, 25, .25);
}

.site-outage-popup-card .eyebrow {
  margin: 0;
  color: #a45f2e;
}

.site-outage-popup-note {
  font-size: 13px;
}

.site-outage-popup-note a {
  color: var(--blue);
  font-weight: 700;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  color: var(--muted);
  background: var(--parchment);
  font-size: 22px;
  line-height: 1;
}

.modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.tiktok-warning-open {
  overflow: hidden;
}

.tiktok-warning-backdrop {
  z-index: 160;
  padding: 16px;
  background:
    radial-gradient(circle at 50% -14%, rgba(255, 214, 143, .38), transparent 46%),
    rgba(44, 57, 45, .28);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.tiktok-warning-card {
  position: relative;
  isolation: isolate;
  width: min(720px, 100%);
  max-height: min(88vh, 760px);
  overflow: auto;
  gap: 22px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(76, 128, 94, .16);
  border-radius: 24px;
  color: #1f2937;
  background: linear-gradient(115deg, #f7d99f, #d8f2e3 58%, #c5ead5) top / 100% 6px no-repeat, #fff;
  box-shadow: 0 30px 90px rgba(52, 77, 58, .24), 0 2px 0 rgba(255, 255, 255, .9) inset;
}

.tiktok-warning-card:focus {
  outline: 3px solid rgba(46, 145, 91, .28);
  outline-offset: 3px;
}

.tiktok-warning-hero {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.tiktok-warning-mark {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(52, 143, 88, .25);
  border-radius: 18px;
  color: #258657;
  background: linear-gradient(145deg, #eefcf2, #d8f3e2);
  box-shadow: 0 12px 24px rgba(43, 137, 86, .14), inset 0 1px rgba(255, 255, 255, .95);
}

.tiktok-warning-mark svg {
  width: 30px;
  height: 30px;
}

.tiktok-warning-heading {
  display: grid;
  gap: 10px;
}

.tiktok-warning-status {
  display: inline-flex;
  width: fit-content;
  padding: 5px 10px;
  border: 1px solid rgba(170, 105, 24, .24);
  border-radius: 999px;
  margin: 0;
  color: #995914;
  background: #fff6e5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.tiktok-warning-heading h2 {
  margin: 0;
  max-width: 15ch;
  font-size: clamp(28px, 5vw, 42px);
  line-height: 1.04;
  letter-spacing: -.025em;
}

.tiktok-warning-subtitle {
  margin: 0;
  color: #596579;
  font-size: 14px;
  line-height: 1.45;
}

.tiktok-warning-description {
  display: grid;
  gap: 10px;
  padding: 18px 18px 18px 20px;
  border: 1px solid #e1eee4;
  border-radius: 16px;
  color: #344054;
  background: linear-gradient(135deg, #fbfffc, #f6fbf7);
  font-size: 15px;
  line-height: 1.55;
}

.tiktok-warning-description p,
.tiktok-warning-update,
.tiktok-warning-date {
  margin: 0;
}

.tiktok-warning-description p:first-child {
  color: #1f5133;
  font-weight: 700;
}

.tiktok-warning-known-facts {
  display: grid;
  gap: 8px;
}

.tiktok-warning-known-facts h3 {
  margin: 0;
  color: #26364f;
  font-size: 16px;
}

.tiktok-warning-known-facts ul {
  display: block;
  margin: 0;
  padding-left: 22px;
  color: #45546a;
  font-size: 14px;
  line-height: 1.55;
}

.tiktok-warning-known-facts li {
  margin: 3px 0;
}

.tiktok-warning-divider {
  height: 1px;
  background: #d6e9dc;
}

.tiktok-warning-update {
  color: #35435f;
  font-size: 13px;
  line-height: 1.4;
}

.tiktok-warning-meta {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fffaf0;
}

.tiktok-warning-date {
  color: #71809b;
  font-size: 12px;
}

.tiktok-warning-check {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 14px 16px;
  border: 1px solid #e4e9e5;
  border-radius: 14px;
  color: #344054;
  background: #fff;
  font-size: 13px;
  line-height: 1.42;
}

.tiktok-warning-check input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: #2b9a61;
}

.tiktok-warning-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: stretch;
}

.tiktok-warning-actions > button {
  width: 100%;
}

.tiktok-warning-actions button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.tiktok-warning-actions .primary-pill:not(:disabled) {
  border-color: #2b9a61;
  background: linear-gradient(100deg, #258657, #35a56a 58%, #54b779);
  box-shadow: 0 10px 22px rgba(43, 137, 86, .22);
}

.tiktok-warning-actions .secondary-pill {
  color: #4b5d79;
  background: #fff;
}

.tiktok-warning-card :focus-visible {
  outline: 3px solid rgba(43, 154, 97, .5);
  outline-offset: 3px;
}

.tiktok-warning-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin: 18px auto 0;
  width: min(100% - 42px, 1160px);
  padding: 10px 13px;
  border: 1px solid rgba(174, 122, 34, .28);
  border-radius: 14px;
  color: #6f511e;
  background:
    radial-gradient(circle at 4% 0%, rgba(255, 224, 160, .34), transparent 36%),
    linear-gradient(105deg, rgba(255, 252, 242, .98), rgba(239, 250, 243, .94));
  box-shadow: 0 12px 28px rgba(126, 101, 54, .1), inset 0 1px rgba(255, 255, 255, .9);
}

.tiktok-warning-banner-icon {
  display: grid;
  place-items: center;
  color: #ae731f;
}

.tiktok-warning-banner-copy {
  min-width: 0;
  font-size: 12px;
  line-height: 1.35;
}

.tiktok-warning-banner-link {
  padding: 3px 0;
  border: 0;
  color: #8b5c16;
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 620px) {
  .tiktok-warning-card { max-height: 94vh; padding: 24px 18px; border-radius: 20px; }
  .tiktok-warning-hero { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; }
  .tiktok-warning-mark { width: 46px; height: 46px; border-radius: 14px; }
  .tiktok-warning-mark svg { width: 24px; height: 24px; }
  .tiktok-warning-heading h2 { max-width: none; font-size: clamp(26px, 8vw, 34px); }
  .tiktok-warning-actions { grid-template-columns: 1fr; }
  .tiktok-warning-banner { width: calc(100% - 28px); grid-template-columns: auto minmax(0, 1fr); }
  .tiktok-warning-banner-link { grid-column: 2; justify-self: start; }
}

.review-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 14px;
}

.review-form input,
.review-form select,
.review-form textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 0 14px;
  color: var(--ink);
  background: #fff;
  font: inherit;
}

.review-form textarea {
  min-height: 92px;
  padding-block: 12px;
  resize: vertical;
}

.review-wall {
  min-height: 126px;
  display: grid;
  align-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
}

.review-marquee { min-height: 0; }
.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

.review-pill {
  min-width: 0;
  display: grid;
  grid-template-rows: 20px 22px minmax(42px, 1fr);
  gap: 6px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.22);
}

.review-pill a {
  width: max-content;
  color: var(--blue-dark);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.review-pill strong {
  display: block;
  color: #fff;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.review-pill span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.45;
}

.review-empty-card {
  width: min(420px, 100%);
  display: grid;
  gap: 7px;
  margin: 0 auto;
  border: 1px dashed rgba(255, 255, 255, 0.22);
  border-radius: var(--radius-sm);
  padding: 16px 18px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
}

.review-empty-card strong {
  font-size: 18px;
}

.review-empty-card span {
  color: rgba(255, 255, 255, 0.72);
}

.review-empty-card a {
  color: var(--blue-dark);
  font-weight: 700;
  text-decoration: none;
}

.review-loading-card {
  width: min(420px, 100%);
  display: grid;
  place-items: center;
  min-height: 96px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 14px;
}


.queue-head,
.panel-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-bottom: 18px;
}

.queue-summary {
  min-height: 16px;
  margin: 6px 0 0;
  color: var(--quiet);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.queue-summary:empty {
  display: none;
}

.queue-card {
  min-width: 0;
  container-type: inline-size;
  transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}

@container (max-width: 760px) {
  .queue-row:not(.is-processing):not(.result-row) {
    grid-template-columns: minmax(0, 1fr);
  }
}

.queue-card.is-empty {
  display: none;
}

.queue-card.has-processing {
  border-color: rgba(0, 102, 204, 0.2);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.08);
}

.queue {
  display: grid;
  gap: 10px;
}

.queue-empty {
  display: grid;
  place-items: center;
  min-height: 86px;
  border: 1px dashed var(--hairline);
  border-radius: var(--radius-sm);
  color: var(--quiet);
  background: var(--pearl);
  text-align: center;
}

.queue-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.74fr) minmax(360px, 1.35fr) minmax(132px, 0.5fr);
  gap: 14px;
  align-items: stretch;
  padding: 16px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  background: var(--pearl);
}

.queue-row.is-ready {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(250, 250, 252, 0.88)),
    var(--pearl);
}

.queue-row.is-processing {
  position: relative;
  min-height: 150px;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 0;
  border-color: rgba(0, 102, 204, 0.18);
  background: #f8fbff;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.06);
}

.queue-processing-state {
  position: relative;
  min-height: 150px;
  display: grid;
  grid-template-columns: minmax(180px, 0.7fr) minmax(260px, 1.3fr);
  gap: 24px;
  align-items: center;
  padding: 24px;
}

.queue-processing-state {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(246, 250, 255, 0.92)),
    #fff;
}

.queue-processing-file {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.queue-processing-file strong {
  overflow: hidden;
  color: var(--ink);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.queue-processing-eyebrow {
  color: var(--quiet);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.queue-progress {
  display: grid;
  gap: 10px;
}

.queue-progress-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: baseline;
}

.queue-progress-head strong {
  color: var(--ink);
  font-size: 16px;
}

.queue-progress-head span {
  color: var(--blue-dark);
  font-size: 18px;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

.queue-progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: var(--pill);
  background: rgba(0, 102, 204, 0.12);
}

.queue-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), #69aeff);
  transition: width 0.32s ease;
}

.queue-progress p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.queue-processing-live {
  min-height: 20px;
  font-variant-numeric: tabular-nums;
}

.upload120-updates-page {
  min-height: 100vh;
  background: #f5f5f7;
}

.upload120-updates-main {
  width: min(760px, calc(100% - 36px));
  margin: 0 auto;
  padding: 110px 0 72px;
}

.upload120-updates-hero {
  padding: 20px 0 42px;
}

.upload120-updates-hero h1 {
  max-width: 680px;
  margin: 10px 0 14px;
  color: var(--ink);
  font-size: clamp(34px, 6vw, 58px);
  letter-spacing: -0.045em;
  line-height: .98;
}

.upload120-updates-lead {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.55;
}

.upload120-updates-list,
.upload120-updates-next {
  padding: 28px;
  border: 1px solid rgba(20, 33, 61, .12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(20, 33, 61, .06);
}

.upload120-updates-heading {
  margin-bottom: 6px;
}

.upload120-updates-heading h2,
.upload120-updates-next h2 {
  margin: 8px 0 0;
  color: var(--ink);
  font-size: clamp(24px, 4vw, 34px);
  letter-spacing: -0.03em;
}

.upload120-update-entry {
  display: grid;
  gap: 7px;
  padding: 22px 0;
  border-top: 1px solid rgba(20, 33, 61, .1);
}

.upload120-update-entry:first-of-type {
  margin-top: 18px;
}

.upload120-update-entry time {
  color: var(--quiet);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.upload120-update-entry h3 {
  margin: 0;
  color: var(--ink);
  font-size: 20px;
}

.upload120-update-entry p,
.upload120-updates-next p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
}

.upload120-updates-next {
  margin-top: 18px;
}

.upload120-updates-next .secondary-pill {
  display: inline-flex;
  margin-top: 18px;
}

@media (max-width: 760px) {
  .upload120-updates-main {
    width: min(100% - 28px, 760px);
    padding-top: 88px;
  }

  .upload120-updates-list,
  .upload120-updates-next {
    padding: 22px;
    border-radius: 14px;
  }
}

.nav-command-button { min-height:30px; display:inline-flex; align-items:center; gap:5px; padding:0 9px; border:0; border-radius:var(--radius-sm); color:#fff; background:rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.18); font-family:inherit; font-size:9px; font-weight:600; line-height:1; letter-spacing:.01em; cursor:pointer; transition:background-color .22s ease,box-shadow .22s ease,transform .24s cubic-bezier(.2,.8,.2,1); }
.nav-command-button:hover { color:#fff; background:rgba(255,255,255,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(0,0,0,.14); transform:translateY(-1px); }
.nav-command-button kbd,.site-tools-command-button kbd { padding:2px 4px; border:1px solid rgba(255,255,255,.16); border-radius:4px; color:rgba(255,255,255,.88); background:rgba(0,0,0,.16); font-family:inherit; font-size:7px; font-weight:700; line-height:1; }
.command-menu-panel { width:min(100% - 28px, 540px); display:grid; gap:11px; padding:16px; border:1px solid rgba(255,255,255,.55); border-radius:18px; background:rgba(250,252,255,.96); box-shadow:0 28px 70px rgba(22,37,75,.28); }
.command-menu-head { display:flex; align-items:center; justify-content:space-between; color:var(--quiet); font-size:12px; font-weight:700; }.command-menu-head kbd { padding:3px 6px; border:1px solid rgba(82,102,145,.16); border-radius:6px; background:#fff; font-family:inherit; font-size:10px; font-weight:600; }
.command-menu-panel input { min-height:44px; padding:0 12px; border:1px solid rgba(75,111,206,.25); border-radius:11px; color:var(--ink); background:#fff; font-family:inherit; font-size:15px; font-weight:600; outline:none; }.command-menu-panel input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(49,102,220,.12); }
.command-menu-results { display:grid; gap:4px; max-height:180px; overflow:auto; }.command-menu-item { display:grid; gap:2px; padding:10px 11px; border-radius:10px; color:inherit; text-decoration:none; }.command-menu-item:hover,.command-menu-item.is-active { background:rgba(61,105,207,.09); }.command-menu-item strong { font-size:13px; }.command-menu-item span,.command-menu-hint,.command-menu-empty { margin:0; color:var(--quiet); font-size:12px; }.command-menu-hint { padding-top:2px; }

.site-tools-icon-button,.site-tools-command-button { position:relative; min-height:30px; display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:0 9px; border:0; border-radius:var(--radius-sm); color:#fff; background:rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.18); font-family:inherit; font-size:9px; font-weight:600; line-height:1; letter-spacing:.01em; cursor:pointer; transition:background-color .22s ease,box-shadow .22s ease,transform .24s cubic-bezier(.2,.8,.2,1); }
.site-tools-icon-button { min-width:36px; min-height:36px; padding:0; }
.site-tools-icon-button:hover,.site-tools-command-button:hover { color:#fff; background:rgba(255,255,255,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(0,0,0,.14); transform:translateY(-1px); }
.site-tools-icon-button:focus-visible,.site-tools-command-button:focus-visible,.site-tools-close:focus-visible { outline:3px solid rgba(49,102,220,.28); outline-offset:2px; }
.site-tools-icon-button svg,.site-tools-command-button svg { width:16px; height:16px; }
.site-tools-command-button svg { width:16px; height:16px; }
.site-tools-badge { position:absolute; top:-5px; right:-6px; min-width:16px; height:16px; display:grid; place-items:center; padding:0 4px; border:2px solid #182338; border-radius:999px; color:#fff; background:#356fe1; font-size:9px; line-height:1; }.site-tools-badge[hidden] { display:none !important; }
.site-tools-backdrop { z-index:125; background:rgba(23,35,66,.38); backdrop-filter:blur(8px); }
.site-tools-panel { width:min(100% - 28px, 510px); display:grid; gap:14px; padding:18px; border:1px solid rgba(255,255,255,.68); border-radius:20px; color:var(--ink); background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(240,244,255,.95)); box-shadow:0 30px 80px rgba(30,49,91,.28); }
.site-tools-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.site-tools-panel-head .eyebrow { margin:0 0 3px; }.site-tools-panel-head h2 { margin:0; font-size:23px; line-height:1.08; }
.site-tools-panel-head label { color:var(--quiet); font-size:12px; font-weight:700; }.site-tools-panel-head kbd { padding:3px 6px; border:1px solid rgba(82,102,145,.16); border-radius:6px; background:#fff; color:var(--quiet); font-family:inherit; font-size:10px; font-weight:600; }
.site-tools-close { width:31px; height:31px; display:grid; place-items:center; padding:0; border:1px solid rgba(88,108,154,.14); border-radius:50%; color:var(--quiet); background:rgba(255,255,255,.72); font-size:22px; line-height:1; cursor:pointer; }.site-tools-close:hover { color:var(--ink); background:#fff; }
.site-tools-notification-list { display:grid; gap:7px; max-height:min(48vh,360px); overflow:auto; padding-right:2px; }.site-tools-notification { display:grid; gap:6px; padding:11px 12px; border:1px solid rgba(71,94,145,.11); border-radius:12px; background:rgba(255,255,255,.58); }.site-tools-notification.is-unread { border-color:rgba(61,105,207,.22); background:rgba(230,238,255,.72); }.site-tools-notification strong { font-size:13px; }.site-tools-notification p,.site-tools-notification small,.site-tools-empty,.site-tools-command-hint { margin:0; color:#3b4b68; font-size:12px; line-height:1.4; }.site-tools-notification small { font-weight:700; }.site-tools-notification-toggle,.account-notification-details { justify-self:start; padding:0; border:0; color:var(--blue); background:transparent; font-family:inherit; font-size:12px; font-weight:700; line-height:1.3; cursor:pointer; }.site-tools-notification-details,.account-notification-extra { padding:8px 9px; border-radius:9px; color:#40516f; background:rgba(77,107,175,.08); font-size:12px; line-height:1.42; }.site-tools-notification-details[hidden],.account-notification-extra[hidden] { display:none !important; }
.site-tools-panel-actions { display:flex; flex-wrap:wrap; gap:8px; }.site-tools-panel-actions .primary-pill,.site-tools-panel-actions .secondary-pill { flex:1 1 160px; justify-content:center; }
.site-tools-command-panel { width:min(100% - 28px, 540px); gap:11px; }.site-tools-command-panel input { min-height:44px; padding:0 12px; border:1px solid rgba(75,111,206,.25); border-radius:11px; color:var(--ink); background:#fff; font-family:inherit; font-size:15px; font-weight:600; outline:none; }.site-tools-command-panel input:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(49,102,220,.12); }
.site-tools-command-results { display:grid; gap:4px; max-height:180px; overflow:auto; }.site-tools-command-item { display:grid; gap:2px; padding:10px 11px; border-radius:10px; color:inherit; text-decoration:none; }.site-tools-command-item:hover,.site-tools-command-item:focus-visible,.site-tools-command-item.is-active { background:rgba(61,105,207,.09); outline:none; }.site-tools-command-item strong { font-size:13px; }.site-tools-command-item span { color:var(--quiet); font-size:12px; }

.site-tools-panel {
  min-height: 0;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
}

.support-feedback-row { align-items:start; }.support-reply-form { display:grid; gap:6px; margin-top:9px; }.support-reply-form textarea { width:100%; min-height:52px; resize:vertical; }.support-reply-form .ghost-btn { justify-self:start; }.support-reply-preview { margin-top:7px; padding:7px 8px; border-left:2px solid rgba(61,105,207,.35); color:var(--quiet); }

.queue-row.is-processed {
  border-color: var(--hairline);
  background: #fff;
  box-shadow: none;
}

.queue-row.is-revealed {
  animation: upload120ResultReveal 0.28s cubic-bezier(0.2, 0.86, 0.24, 1) both;
}

.result-row {
  grid-template-columns: 1fr;
  padding: 0;
  background: transparent;
}

.result-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(132px, 178px) auto;
  gap: 24px;
  align-items: center;
  border: 1px solid var(--hairline);
  border-radius: 12px;
  padding: clamp(18px, 3vw, 26px);
  background: #fff;
  box-shadow: none;
}

.result-restored-card { grid-template-columns: minmax(0, 1fr); border-color: rgba(32, 117, 95, .22); background: linear-gradient(115deg, rgba(239, 255, 248, .96), #fff 55%); }
.result-restored-card .result-ready-label { color: #16765c; }
.result-restored-report { grid-template-columns: minmax(0, 1fr); max-width: 360px; }

.result-preview-shell {
  justify-self: center;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border-radius: var(--radius-sm);
  background: #0f1013;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.result-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.result-main {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.result-topline {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  align-items: center;
}

.result-ready-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.result-topline span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.result-main h3 {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.16;
}

.result-main p {
  margin: 0;
  color: var(--quiet);
  font-size: 13px;
}

.result-summary-grid {
  grid-template-columns: repeat(2, minmax(132px, 1fr));
}

.result-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(90px, 1fr));
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-radius: 8px;
}

.result-facts > div {
  min-height: 62px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border-right: 1px solid var(--hairline);
}

.result-facts > div:last-child {
  border-right: 0;
}

.result-facts span {
  color: var(--quiet);
  font-size: 11px;
}

.result-facts strong,
.result-facts .metric-value {
  color: var(--ink);
  font-size: 14px;
  font-weight: 650;
}

.result-warning {
  padding: 10px 12px;
  color: #8a2b22;
  background: #fff7f5;
  border: 1px solid #f1d0cc;
  border-radius: 8px;
}

.result-check-ok {
  color: #1f6a36 !important;
}

.result-actions {
  display: grid;
  gap: 10px;
  align-content: start;
}

@media (max-width: 760px) {
  .result-card {
    grid-template-columns: 1fr;
  }

  .result-facts {
    grid-template-columns: repeat(2, minmax(90px, 1fr));
  }

  .result-facts > div:nth-child(2) {
    border-right: 0;
  }

  .result-facts > div:nth-child(-n + 2) {
    border-bottom: 1px solid var(--hairline);
  }
}

/* Clear-glass upload and reward surfaces */
.community-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
.community-action { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; min-height: 196px; padding: 22px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .92); border-radius: 22px; background: rgba(255, 255, 255, .7); box-shadow: inset 0 1px rgba(255, 255, 255, .96), 0 20px 46px rgba(50, 88, 145, .1); backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); }
.community-action::after { content: ""; position: absolute; inset: auto -32px -58px auto; width: 150px; aspect-ratio: 1; border-radius: 50%; filter: blur(4px); opacity: .8; }
.referral-action::after { background: radial-gradient(circle, rgba(82, 172, 255, .32), transparent 68%); }
.rewards-action::after { background: radial-gradient(circle, rgba(175, 130, 255, .32), transparent 68%); }
.discord-community-action { grid-column: 1 / -1; min-height: 148px; }
.discord-community-action::after { background: radial-gradient(circle, rgba(88, 106, 255, .34), transparent 68%); }
.discord-community-action .community-action-icon,
.discord-community-action span { color: #5b65df; }
.community-action > div:last-child { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.community-action-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--blue); border: 1px solid rgba(74, 139, 223, .2); border-radius: 15px; background: rgba(255, 255, 255, .68); box-shadow: inset 0 1px rgba(255, 255, 255, .92); }
.rewards-action .community-action-icon { color: #7354c8; }
.community-action-icon svg { width: 23px; height: 23px; }
.community-action span { display: block; margin-bottom: 8px; color: var(--blue); font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.rewards-action span { color: #7354c8; }
.community-action strong { max-width: 28ch; font-size: 19px; line-height: 1.18; }
.community-action p { margin: 10px 0 16px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.community-action .secondary-pill { margin-top: auto; }

.hero-tile .dropzone:not(.locked) { color: var(--ink); border: 1px solid rgba(255, 255, 255, .88); background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(240, 249, 255, .58) 53%, rgba(252, 246, 255, .72)); box-shadow: inset 0 1px rgba(255, 255, 255, .98), inset 0 -1px rgba(103, 155, 221, .12), 0 34px 82px rgba(37, 69, 132, .16); backdrop-filter: blur(32px) saturate(150%); -webkit-backdrop-filter: blur(32px) saturate(150%); }
.hero-tile .dropzone:not(.locked)::before,
.hero-tile .dropzone:not(.locked)::after { z-index: 0; width: 58%; filter: blur(14px); }
.hero-tile .dropzone:not(.locked)::before { border: 0; background: radial-gradient(circle, rgba(126, 201, 255, .44), transparent 66%); }
.hero-tile .dropzone:not(.locked)::after { background: radial-gradient(circle, rgba(195, 151, 255, .34), transparent 67%); }
.hero-tile .dropzone:not(.locked) .dz-content::before { content: ""; position: absolute; inset: -24px -36px; z-index: -1; border: 1px solid rgba(255, 255, 255, .72); border-radius: 24px; background: rgba(255, 255, 255, .22); box-shadow: inset 0 1px rgba(255, 255, 255, .75); backdrop-filter: blur(8px); }
.hero-tile .dropzone.dragover,
.hero-tile .dropzone.is-dragging { border-color: rgba(64, 145, 238, .68); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42), inset 0 0 90px rgba(103, 183, 255, .2), 0 34px 84px rgba(69, 134, 234, .26); }
.rewards-account-copy { display: grid; gap: 14px; }
.rewards-account-copy .secondary-pill { justify-self: start; }
.account-handle-reset,
.review-handle-reset { display: inline-flex; margin-top: 10px; color: var(--blue); font-size: 13px; font-weight: 650; }
@media (max-width: 760px) { .community-actions { grid-template-columns: 1fr; } .community-action { min-height: 0; } }
@media (max-width: 860px) { .converter-home-layout { grid-template-columns:1fr; min-height:0; }.converter-home-copy h2 { max-width:13ch; }.converter-home-preview { max-width:640px; width:100%; } }

/* Focused public navigation and policy surfaces */
.nav-more {
  position: relative;
}

.nav-more > summary {
  list-style: none;
  cursor: pointer;
}

.nav-more > summary::-webkit-details-marker { display: none; }

.nav-more[open] > summary,
.nav-more > summary:hover { color: #fff; }

.nav-more-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  right: 0;
  width: 180px;
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid rgba(160, 188, 255, .2);
  border-radius: 16px;
  background: rgba(9, 14, 27, .94);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .35);
  backdrop-filter: blur(22px);
}

.nav-more-menu a {
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(255, 255, 255, .9);
  text-decoration: none;
}

/* August 2026 homepage and owner refinements. */
@keyframes upload120SlowGradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.home-hero-tile.hero-tile .dropzone,
.home-hero-tile.hero-tile .dropzone.locked {
  background-size: 180% 180%;
  animation: upload120SlowGradient 24s ease-in-out infinite;
}

.support-chat-launcher {
  background-size: 200% 200%;
  animation: upload120SlowGradient 20s ease-in-out infinite;
}

.support-chat-panel {
  background-size: 160% 160%;
  animation: upload120SlowGradient 30s ease-in-out infinite;
}

.nav-command-button,
.site-tools-command-button {
  min-height: 38px;
  padding-inline: 16px;
  font-size: 15px;
  font-weight: 600;
}

.review-summary {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.review-summary[hidden] { display: none; }
.rating-stars { color: #111; letter-spacing: 1px; }
.hero-review-summary { margin-top: 14px; }

.reviews-tile {
  color: var(--ink);
  background: linear-gradient(135deg, #fff 0%, #f6faff 54%, #faf7ff 100%);
}

.reviews-tile .reviews-layout {
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.7fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
}

.reviews-tile .review-intro { display: grid; gap: 16px; }
.reviews-tile .review-topline { display: grid; gap: 18px; align-items: start; }
.reviews-tile .review-wall {
  min-height: 204px;
  padding: 18px;
  border: 1px solid rgba(69, 105, 159, .16);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 16px 40px rgba(66, 93, 140, .08);
}

.reviews-tile .review-pill {
  min-height: 156px;
  padding: 18px;
  border: 1px solid rgba(66, 94, 140, .14);
  border-radius: 14px;
  color: var(--ink);
  background: #fff;
  box-shadow: none;
}

.reviews-tile .review-pill a { color: var(--blue-dark); }
.reviews-tile .review-pill strong { color: #111; }
.reviews-tile .review-pill span { color: var(--muted); }
.reviews-tile .review-pill:hover {
  transform: none;
  border-color: rgba(0, 102, 204, .28);
  background: #fff;
}

.owner-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid var(--soft-line);
  background: #fff;
}

.owner-quick-actions a {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 14px 15px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  color: var(--ink);
  background: var(--pearl);
  text-decoration: none;
}

.owner-quick-actions a:hover { border-color: rgba(0, 102, 204, .32); }
.owner-quick-actions strong { font-size: 14px; }
.owner-quick-actions span { color: var(--muted); font-size: 12px; }
.owner-overview-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.owner-needs-attention { border-top: 1px solid var(--soft-line); }

@media (max-width: 900px) {
  .reviews-tile .reviews-layout { grid-template-columns: 1fr; }
  .owner-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .owner-overview-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .owner-quick-actions,
  .owner-overview-metrics { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-tile.hero-tile .dropzone,
  .home-hero-tile.hero-tile .dropzone.locked,
  .support-chat-launcher,
  .support-chat-panel {
    animation: none !important;
  }
}

.nav-more-menu a:hover,
.nav-more-menu a:focus-visible {
  color: var(--text);
  background: rgba(103, 141, 255, .12);
}

.auth-error-panel {
  display: none;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 24px;
  align-items: center;
  margin: 0 auto 16px;
  width: min(calc(100% - 32px), 1180px);
  padding: 18px 20px;
  border: 1px solid #bdd8ee;
  border-radius: 12px;
  color: #263552;
  background: #edf6fd;
}

.auth-error-panel .auth-error-copy { display: grid; gap: 5px; }
.auth-error-panel strong { font-size: 15px; line-height: 1.3; }
.auth-error-panel span { color: #4e6379; font-size: 13px; line-height: 1.45; }
.auth-error-panel .auth-error-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; }
.auth-error-panel a { color: #075da6; font-size: 13px; font-weight: 650; text-underline-offset: 3px; }
.auth-error-panel a:focus-visible { outline: 2px solid #075da6; outline-offset: 3px; }
body[data-auth-phase="error"] .auth-error-panel { display: grid; }
@media (max-width: 640px) {
  .auth-error-panel { grid-template-columns: 1fr; }
  .auth-error-panel .auth-error-actions { justify-content: flex-start; }
}
.pro-feature-matrix {
  overflow-x: auto;
  border: 1px solid rgba(160, 188, 255, .16);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(25, 39, 74, .56), rgba(9, 14, 28, .7));
}

.pro-feature-matrix table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.pro-feature-matrix th,
.pro-feature-matrix td {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(160, 188, 255, .1);
  text-align: left;
}

.pro-feature-matrix thead th {
  color: #eaf1ff;
  background: rgba(98, 137, 247, .08);
}

.pro-term-definitions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.pro-term-definitions p,
.pro-lifecycle-note {
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(160, 188, 255, .14);
  border-radius: 16px;
  background: rgba(13, 20, 38, .66);
  color: var(--quiet);
}

.pro-lifecycle-note p { margin: 8px 0 0; }

.pro-explainer {
  border: 1px solid rgba(160, 188, 255, .16);
  border-radius: 16px;
  background: rgba(13, 20, 38, .6);
}

.pro-explainer summary {
  padding: 16px 18px;
  cursor: pointer;
  color: #eaf1ff;
  font-weight: 650;
}

.pro-page .pro-explainer > summary { color: #fff; }

.pro-explainer > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 18px 18px;
}

.pro-explainer p {
  margin: 0;
  color: var(--quiet);
  line-height: 1.55;
}

.policy-main,
.status-page main {
  display: grid;
  gap: 16px;
}

.policy-hero {
  background:
    radial-gradient(circle at 12% 2%, rgba(103, 174, 255, .24), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(198, 166, 255, .24), transparent 38%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(242, 248, 255, .96) 48%, rgba(249, 245, 255, .98));
}

.policy-hero h1,
.policy-hero .eyebrow,
.policy-hero .lead { color: var(--ink); }

.policy-updated {
  margin: 18px 0 0;
  color: #56647b;
  font-size: 13px;
  font-weight: 700;
}

.policy-index {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(72, 102, 174, .16);
  border-radius: 22px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 16px 45px rgba(48, 70, 126, .08);
  backdrop-filter: blur(18px) saturate(1.08);
}

.policy-index a {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 14px 15px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: #1e2a41;
  background: rgba(245, 248, 255, .72);
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.policy-index a:hover,
.policy-index a:focus-visible {
  border-color: rgba(59, 99, 201, .26);
  outline: none;
  background: #fff;
  box-shadow: 0 9px 24px rgba(50, 77, 145, .1);
}

.policy-index strong { font-size: 14px; }
.policy-index span { color: #65728a; font-size: 12px; line-height: 1.35; }

.status-hero {
  background:
    radial-gradient(circle at 14% 10%, rgba(113, 154, 255, .26), transparent 34%),
    linear-gradient(145deg, rgba(18, 31, 61, .96), rgba(7, 11, 23, .98));
}

.policy-section .tile-inner {
  max-width: 900px;
}

.policy-section {
  scroll-margin-top: 94px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .97), rgba(247, 250, 255, .94));
}

.policy-section .tile-inner {
  position: relative;
  padding-left: clamp(28px, 5vw, 74px);
}

.policy-section h2 {
  max-width: 760px;
  margin-bottom: 22px;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -.035em;
}

.policy-section h3 {
  max-width: 760px;
  margin: 24px 0 7px;
  color: #24344f;
  font-size: 15px;
}

.policy-section p {
  max-width: 78ch;
  color: var(--quiet);
  line-height: 1.75;
}

.policy-section p + p { margin-top: 13px; }

.policy-number {
  position: absolute;
  top: 31px;
  left: 24px;
  margin: 0;
  color: #3f68cc !important;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .08em;
}

.policy-provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.policy-provider-grid article {
  padding: 17px 18px;
  border: 1px solid rgba(75, 105, 179, .14);
  border-radius: 16px;
  background: rgba(246, 249, 255, .84);
}

.policy-provider-grid h3 { margin: 0 0 6px; }
.policy-provider-grid p { margin: 0; font-size: 14px; line-height: 1.62; }

@media (max-width: 760px) {
  .policy-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .policy-provider-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .policy-index { grid-template-columns: 1fr; padding: 9px; }
  .policy-section .tile-inner { padding-left: 24px; }
  .policy-number { position: static; margin-bottom: 8px; }
}

.status-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr);
  gap: 40px;
  align-items: center;
}

.status-live-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 22px;
  border: 1px solid rgba(160, 188, 255, .2);
  border-radius: 22px;
  background: rgba(10, 17, 33, .72);
}

.status-live-card p { margin: 5px 0 0; color: var(--quiet); }
.status-dot { width: 12px; height: 12px; border-radius: 50%; background: #83a5ef; box-shadow: 0 0 0 7px rgba(131, 165, 239, .12); }
.status-live-card[data-status="live"] .status-dot { background: #64d99a; box-shadow: 0 0 0 7px rgba(100, 217, 154, .12); }
.status-live-card[data-status="degraded"] { border-color: rgba(255, 190, 103, .34); }
.status-live-card[data-status="degraded"] .status-dot { background: #ffbe67; box-shadow: 0 0 0 7px rgba(255, 190, 103, .12); }
.status-live-card[data-status="working"],
.status-live-card[data-status="down"],
.status-live-card[data-status="notice"] { border-color: rgba(255, 190, 103, .34); }
.status-live-card[data-status="working"] .status-dot,
.status-live-card[data-status="down"] .status-dot,
.status-live-card[data-status="notice"] .status-dot { background: #ffbe67; box-shadow: 0 0 0 7px rgba(255, 190, 103, .12); }
.status-live-card[data-status="error"] .status-dot { background: #ff7e91; box-shadow: 0 0 0 7px rgba(255, 126, 145, .12); }

.status-checked {
  margin: 10px 0 0;
  color: var(--quiet);
  font-size: 12px;
}

.status-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 420px;
  margin-top: 24px;
}

.status-metrics > div {
  display: grid;
  gap: 3px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
}

.status-metrics strong { color: #fff; font-size: 22px; letter-spacing: -.04em; }
.status-metrics span { color: rgba(255, 255, 255, .76); font-size: 12px; }

.status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.status-panel .tile-inner { min-height: 100%; }
.status-panel h2 { margin: 6px 0 18px; }

.status-system-list,
.status-activity-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.status-system,
.status-activity-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  border-top: 1px solid rgba(102, 132, 184, .14);
  color: var(--ink);
}

.status-system:last-child,
.status-activity-list li:last-child { border-bottom: 1px solid rgba(102, 132, 184, .14); }
.status-system strong { color: #26784f; font-size: 13px; }
.status-system[data-state="maintenance"] strong { color: #a8641e; }
.status-system[data-state="degraded"] strong { color: #b44d5b; }
.status-activity-list time { color: var(--quiet); font-size: 13px; white-space: nowrap; }
.status-empty,
.status-privacy-note { color: var(--quiet); font-size: 13px; }
.status-privacy-note { margin: 16px 0 0; }

@media (max-width: 760px) {
  .nav-more-menu { position: fixed; top: 70px; right: 14px; left: 14px; width: auto; }
  .pro-term-definitions,
  .status-layout,
  .status-grid { grid-template-columns: 1fr; }
  .status-live-card { grid-template-columns: auto 1fr; }
  .status-live-card button { grid-column: 1 / -1; }
  .status-metrics { max-width: none; }
}

/* Restored uploader layout with refreshed white drop surface */
.home-hero-tile {
  padding: clamp(64px, 8vw, 104px) 32px;
}

.home-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr);
  align-items: start;
  gap: clamp(32px, 4vw, 48px);
}

.home-hero-tile h1 {
  max-width: 650px;
  font-size: clamp(44px, 5.4vw, 66px);
  line-height: 1.02;
}

.home-hero-tile .hero-method-summary {
  max-width: 38rem;
  margin-bottom: 18px;
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.26;
  text-wrap: balance;
}

.home-hero-actions {
  gap: 10px;
  margin-top: 22px;
}

.home-hero-actions > .primary-pill,
.home-hero-actions > .secondary-pill {
  min-height: 46px;
  padding-inline: 18px;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.home-hero-actions > .primary-pill {
  box-shadow: 0 10px 22px rgba(26, 88, 186, .22);
}

.home-hero-actions > .secondary-pill {
  border-color: rgba(35, 87, 183, .28);
  background: rgba(255, 255, 255, .58);
  box-shadow: none;
}

.home-hero-tile .upload-surface {
  padding: clamp(10px, 1.4vw, 15px);
  border: 1px solid rgba(74, 116, 182, .14);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 8%, rgba(115, 190, 255, .2), transparent 36%),
    radial-gradient(circle at 92% 92%, rgba(182, 139, 255, .17), transparent 38%),
    rgba(255, 255, 255, .78);
  box-shadow: 0 28px 72px rgba(59, 94, 151, .13), inset 0 1px rgba(255, 255, 255, .95);
  backdrop-filter: blur(18px) saturate(115%);
}

.home-hero-tile .dropzone,
.home-hero-tile .dropzone.locked {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 430px;
  color: var(--ink);
  border: 1.5px dashed rgba(47, 101, 177, .3);
  background:
    radial-gradient(circle at 18% 16%, rgba(103, 188, 255, .22), transparent 34%),
    radial-gradient(circle at 84% 84%, rgba(185, 132, 255, .2), transparent 36%),
    linear-gradient(145deg, #fff 8%, #f8fbff 54%, #fcf8ff 100%);
  box-shadow: inset 0 1px rgba(255, 255, 255, .98);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 220ms ease, background-position 260ms ease;
}

.home-hero-tile .dropzone::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 260px;
  height: 260px;
  top: -106px;
  right: -62px;
  border-radius: 50%;
  background: conic-gradient(from 120deg, rgba(77, 160, 255, .3), rgba(206, 146, 255, .24), rgba(97, 217, 192, .22), rgba(77, 160, 255, .3));
  filter: blur(24px);
  opacity: .82;
  animation: dropzone-orbit 12s linear infinite;
}

.home-hero-tile .dropzone::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .36;
  background-image: linear-gradient(rgba(77, 130, 204, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(77, 130, 204, .08) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(135deg, transparent 8%, #000 55%, transparent 100%);
}

.home-hero-tile .dropzone:hover,
.home-hero-tile .dropzone.is-dragging {
  border-color: rgba(0, 102, 204, .72);
  box-shadow: 0 22px 58px rgba(48, 104, 184, .17), inset 0 0 0 6px rgba(78, 150, 255, .07);
  transform: translateY(-2px);
}

.home-hero-tile .dropzone.has-drop {
  box-shadow: 0 24px 64px rgba(81, 120, 196, .2), inset 0 0 0 7px rgba(91, 167, 255, .09);
}

.home-hero-tile .dropzone .dz-content {
  position: relative;
  z-index: 1;
}

@keyframes dropzone-orbit {
  to { transform: rotate(1turn) scale(1.08); }
}

.dropzone-limit {
  display: block;
  margin: -4px 0 14px;
  color: var(--muted);
}

/* Keep decorative layers and intrinsically wide controls inside their owning
   surface at every viewport, including desktop widths between breakpoints. */
.hero-glass-ambient {
  inset: -8% 0;
  overflow: hidden;
}

.compare-controls input.visually-hidden {
  width: 1px !important;
  max-width: 1px;
}

.converter-main {
  overflow: hidden;
}

.converter-ambient {
  width: 100%;
  max-width: 1180px;
}

.owner-console-shell > *,
.owner-console-shell .admin-panel,
.owner-console-shell .status-panel {
  min-width: 0;
}

@media (max-width: 760px) {
  .home-hero-tile { padding-inline: 16px; }
  .home-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .home-hero-tile .dropzone,
  .home-hero-tile .dropzone.locked { min-height: 330px; padding: 36px 22px; }
  .pro-explainer > div { grid-template-columns: 1fr; }
}

@keyframes upload120ResultReveal {
  from {
    opacity: 0.96;
    transform: translate3d(0, 10px, 0) scale(0.995);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.queue-file-block {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 5px;
}

.file-name {
  overflow-wrap: anywhere;
  font-weight: 600;
}

.file-sub,
.metric-label,
.warning-line,
small {
  color: var(--quiet);
  font-size: 12px;
  line-height: 1.3;
}

.warning-list {
  display: grid;
  gap: 5px;
  margin: 0;
}

.warning-list a {
  width: max-content;
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.metric-label {
  display: block;
  margin-bottom: 5px;
}

.metric-value {
  display: inline-block;
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.processed-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.metric-chip {
  min-width: 0;
  min-height: 72px;
  display: grid;
  align-content: center;
  gap: 4px;
  border: 1px solid rgba(0, 102, 204, 0.1);
  border-radius: var(--radius-sm);
  padding: 10px 11px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.metric-chip .metric-label {
  margin: 0;
}

.metric-chip small {
  display: block;
  margin-top: 1px;
}

.warning-chip {
  grid-column: 1 / -1;
  min-height: auto;
  align-content: start;
  border-color: rgba(180, 35, 24, 0.18);
  background: #fff7f5;
}

.status-chip {
  align-content: center;
}

.metric-warning {
  color: #b42318;
  cursor: help;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

.warning-line {
  cursor: help;
}

.queue-file-actions {
  display: grid;
  gap: 9px;
  justify-items: stretch;
  align-content: start;
  padding: 1px;
  overflow: visible;
}

.queue-action-cell {
  min-width: 0;
}

.queue-file-actions .download-btn {
  width: 100%;
  min-width: 0;
}

.video-info-panel {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  margin-top: 4px;
  padding: 14px;
  border: 1px solid rgba(0, 102, 204, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(245, 249, 255, 0.86);
}

.video-info-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: baseline;
}

.video-info-head strong {
  color: var(--ink);
  font-size: 15px;
}

.video-info-head span {
  color: var(--muted);
  font-size: 13px;
}

.video-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.video-info-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  background: var(--white);
}

.video-info-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14px;
}

.video-info-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.video-info-card div,
.video-info-card dt,
.video-info-card dd {
  min-width: 0;
}

.video-info-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.video-info-card dd {
  margin: 2px 0 0;
}

.video-info-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.status-pill {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: var(--pill);
  padding: 0 10px;
  color: var(--muted);
  background: #fff;
  font-size: 12px;
}

.status-pill.done {
  color: var(--blue);
}

.status-pill.error {
  color: #b42318;
}

.download-btn {
  min-height: 36px;
  min-width: 96px;
  padding: 8px 16px;
  font-size: 14px;
}

.stats-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.stats-row div {
  min-height: 118px;
  display: grid;
  align-content: start;
  gap: 8px;
  border-radius: var(--radius-lg);
  padding: 24px;
  color: var(--ink);
  background: #fff;
}

.stats-row span {
  color: var(--muted);
  font-size: 14px;
}

.stats-row strong {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 600;
}

.pro-badge {
  width: max-content;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-top: 4px;
  border: 1px solid rgba(0, 102, 204, 0.14);
  border-radius: var(--pill);
  padding: 2px 8px;
  color: var(--blue);
  background: rgba(0, 102, 204, 0.045);
  font-size: 11px;
  font-weight: 700;
}

.method-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.8fr) minmax(420px, 1.2fr);
  gap: 48px;
  align-items: center;
}

.method-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.feature-list article {
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 20px;
  background: var(--pearl);
}

.feature-list span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 600;
}

.feature-list strong {
  font-size: 20px;
  line-height: 1.15;
}

.feature-list p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.extension-actions {
  margin-top: 26px;
}

.tool-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 28px;
  align-items: start;
}

.tool-hero-copy {
  display: grid;
  gap: 14px;
  align-content: start;
}

.tool-mini-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tool-chip {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 102, 204, 0.16);
  border-radius: var(--pill);
  padding: 0 11px;
  color: var(--blue);
  background: rgba(240, 247, 255, 0.9);
  font-size: 12px;
  font-weight: 700;
}

.tool-form-panel,
.tool-result-layout {
  border: 1px solid var(--hairline);
  border-radius: 18px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.06);
}

.tool-form {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.tool-input-label {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
}

.tool-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.tool-input {
  min-height: 44px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-radius: 12px;
  background: #fff;
  padding: 0 14px;
  color: var(--ink);
  box-shadow: none;
}

.tool-input::placeholder {
  color: #8a95a5;
}

.tool-form-panel .label,
.tool-form-panel h2,
.tool-form-panel .reset-note,
.tool-result-layout .lead,
.tool-result-layout .reset-note {
  color: var(--muted);
}

.tool-form-panel h2,
.tool-result-head h2 {
  font-size: 30px;
  line-height: 1.08;
}

.tool-form-panel .primary-pill,
.tool-result-head .primary-pill,
.tool-hero-copy .secondary-pill {
  min-height: 36px;
  padding: 7px 14px 8px;
  font-size: 14px;
}

#videoToolStatus[data-state="error"] {
  color: #b42318;
}

.tool-result-layout {
  display: grid;
  gap: 16px;
}

.tool-result-head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
}

.tool-result-copy {
  min-width: 0;
}

.tool-preview {
  max-width: 200px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--hairline);
  background: #f6f8fb;
}

.tool-preview img {
  display: block;
  width: 100%;
  height: auto;
}

.tool-meta-grid,
.tool-check-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tool-meta-card,
.tool-check-card {
  border: 1px solid var(--hairline);
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
  box-shadow: none;
}

.tool-meta-card span,
.tool-check-card span {
  display: block;
  font-size: 12px;
  color: var(--muted);
}

.tool-meta-card strong,
.tool-check-card strong {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.2;
  color: var(--ink);
}

.tool-check-card p,
.tool-check-card small {
  display: block;
  margin: 7px 0 0;
}

.tool-check-card p {
  color: var(--muted);
  font-size: 12px;
}

.tool-check-card small {
  color: var(--muted);
  font-size: 12px;
}

.tool-check-card.is-ok {
  border-color: rgba(8, 132, 87, 0.25);
  background: #f0fbf5;
}

.tool-check-card.is-warn {
  border-color: rgba(196, 49, 39, 0.24);
  background: #fff5f4;
}

.tool-check-card.is-unknown {
  border-color: var(--hairline);
  background: #f7f9fc;
}

.posted-verdict {
  display: grid;
  gap: 8px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: var(--pearl);
}

.posted-verdict p,
.posted-verdict small { margin: 0; color: var(--muted); font-size: 13px; }
.posted-verdict-head { border-left: 3px solid var(--muted); padding-left: 10px; }
.posted-verdict-head.is-good { border-color: #088457; }
.posted-verdict-head.is-needs_attention { border-color: #c43127; }

.video-tool-page {
  min-height: 100vh;
  background: #fff;
}

.video-tool-main {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 132px 0 72px;
}

.checker-intro {
  display: block;
  max-width: 760px;
  margin-bottom: 42px;
}

.checker-intro h1 {
  max-width: 720px;
  margin: 8px 0 14px;
  font-size: clamp(42px, 6vw, 74px);
  line-height: 0.98;
}

.tool-text-link {
  flex: 0 0 auto;
  color: var(--blue);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.tool-text-link:hover { text-decoration: underline; }

.checker-workbench h2,
.checker-result h2 { margin: 6px 0 8px; font-size: 30px; }

.tool-status,
.tool-result-note {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.checker-result {
  display: grid;
  gap: 20px;
  margin-top: 18px;
  padding: 28px 32px;
  border: 1px solid var(--hairline);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.05);
}

.checker-result-head p:last-child { margin: 0; color: var(--muted); }
.checker-workbench {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
  gap: 48px;
  padding: 34px;
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--hairline);
}

.checker-guidance ul { display: grid; gap: 8px; margin: 20px 0 26px; padding: 0; list-style: none; color: var(--muted); }
.checker-guidance li::before { content: '✓'; margin-right: 9px; color: var(--blue); font-weight: 800; }
.checker-form { display: grid; gap: 12px; align-content: start; }
.checker-form label { font-size: 13px; font-weight: 700; }
.checker-form .tool-input { min-height: 50px; }
.checker-form .primary-pill { justify-self: start; }
.checker-result-head { display: flex; gap: 20px; justify-content: space-between; align-items: start; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.method-facts article {
  min-height: 180px;
  display: grid;
  align-content: end;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  padding: 24px;
  background: var(--parchment);
}

.method-facts span {
  color: var(--muted);
  font-size: 14px;
}

.method-facts strong {
  font-size: 21px;
  line-height: 1.19;
  font-weight: 600;
}

.setting-row {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: center;
  padding: 18px 0;
}

.setting-row + .setting-row {
  border-top: 1px solid var(--soft-line);
}

.setting-row span {
  display: grid;
  gap: 4px;
}

.setting-row input[type="text"],
.admin-form input,
.admin-form select,
.admin-form textarea {
  width: min(300px, 100%);
  min-height: 44px;
  border: 1px solid var(--hairline);
  border-radius: var(--pill);
  padding: 0 16px;
  color: var(--ink);
  background: #fff;
}

.admin-form textarea {
  min-height: 92px;
  padding: 12px 16px;
  resize: vertical;
}

.setting-row input[type="checkbox"] {
  width: 22px;
  height: 22px;
  accent-color: var(--blue);
}

.admin-main {
  width: min(1880px, 100%);
  margin: 0 auto;
  padding: 72px clamp(20px, 3vw, 44px);
}

.admin-hero {
  margin-bottom: 28px;
}

.owner-hero {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 32px;
}

.owner-hero .lead {
  max-width: 620px;
  margin: 0;
}

.owner-status-board {
  display: grid;
  grid-template-columns: minmax(620px, 1.35fr) minmax(360px, 0.65fr);
  gap: 22px;
}

.owner-console-shell {
  display: grid;
  gap: 18px;
  border: 1px solid var(--hairline);
  border-radius: 18px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.08);
}

.owner-console-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  padding: 2px 4px 0;
}

.owner-console-head h2 {
  margin: 0;
  font-size: 28px;
}

.resize-note {
  color: var(--quiet);
  font-size: 13px;
}

.owner-console-shell .admin-panel,
.owner-console-shell .status-panel {
  resize: both;
  overflow: auto;
  min-width: min(100%, 280px);
  min-height: 210px;
  max-width: 100%;
}

.owner-status-card {
  display: grid;
  grid-template-columns: minmax(300px, 0.62fr) minmax(460px, 1fr);
  gap: 26px;
  align-items: start;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  padding: 24px;
  background: var(--white);
}

.owner-main-grid {
  grid-template-columns: minmax(420px, 0.55fr) minmax(760px, 1.45fr);
  align-items: start;
  gap: 22px;
}

.owner-activity-grid {
  grid-template-columns: minmax(500px, 0.75fr) minmax(760px, 1.25fr);
  gap: 22px;
}

.owner-metrics-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.owner-metrics,
.owner-funnel {
  display: grid;
  gap: 10px;
}

.owner-metric-row {
  display: grid;
  grid-template-columns: minmax(92px, 1fr) minmax(54px, auto) repeat(4, minmax(66px, auto));
  gap: 10px;
  align-items: center;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 13px 14px;
  background: var(--pearl);
}

.owner-metric-row > span,
.owner-metric-row small {
  color: var(--muted);
  font-size: 12px;
}

.owner-metric-row > div { display: grid; gap: 2px; }
.owner-metric-row b { color: var(--ink); font-size: 13px; }

.owner-funnel-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--soft-line);
  padding: 12px 0;
}

.owner-funnel-row:first-child { padding-top: 0; }
.owner-funnel-row:last-child { border-bottom: 0; padding-bottom: 0; }
.owner-funnel-row span { color: var(--muted); }
.owner-funnel-row strong { color: var(--blue); }

.status-mode-form {
  display: grid;
  gap: 10px;
}

.status-mode-option {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  row-gap: 3px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: var(--white);
}

.status-mode-option input {
  grid-row: 1 / span 2;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--blue);
}

.status-mode-option span {
  color: var(--ink);
  font-weight: 600;
}

.status-mode-option small {
  color: var(--muted);
}

.status-mode-option.active {
  border-color: rgba(0, 102, 204, 0.45);
  background: rgba(0, 102, 204, 0.06);
}

.patching-option {
  border-color: rgba(180, 35, 24, 0.28);
}

.patching-option input:checked + span {
  color: #b42318;
}

.status-message-field {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 14px;
}

.status-message-field input,
.status-message-field textarea {
  width: 100%;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  color: var(--ink);
  background: #fff;
}

.status-message-field input {
  min-height: 44px;
}

.status-message-field textarea {
  min-height: 84px;
  resize: vertical;
  line-height: 1.4;
}

.owner-console-shell .admin-grid + .admin-grid {
  margin-top: 0;
}

.admin-grid-wide {
  align-items: start;
}

.admin-form {
  display: grid;
  gap: 14px;
}

.admin-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 14px;
}

.admin-form label.check-row,
.check-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.admin-form textarea,
.admin-form select {
  width: 100%;
  min-height: 88px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  color: var(--ink);
  background: #fff;
  resize: vertical;
}

.admin-form-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.form-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.form-divider::before,
.form-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: var(--soft-line);
}

.quota-presets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.quota-presets button {
  min-height: 36px;
  border: 1px solid var(--hairline);
  border-radius: var(--pill);
  color: var(--blue);
  background: var(--white);
  font-size: 13px;
  font-weight: 700;
}

.quota-presets button:hover {
  border-color: rgba(0, 102, 204, 0.35);
  background: rgba(0, 102, 204, 0.06);
}

.admin-form input[type="checkbox"] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  border-radius: 6px;
  accent-color: var(--blue);
}

.admin-form .primary,
.primary {
  appearance: none;
  -webkit-appearance: none;
  min-height: 44px;
  border: 0;
  border-radius: var(--pill);
  color: #fff;
  background: var(--blue);
  padding: 10px 22px;
  line-height: 1.2;
  box-shadow: inset 0 0 0 1.5px var(--blue);
}

.admin-form .primary:disabled,
.primary:disabled {
  opacity: 0.38;
}

.user-list {
  display: grid;
  gap: 10px;
  max-height: 540px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.user-row,
.review-admin-row,
.log-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.4fr) repeat(3, minmax(86px, 0.75fr));
  gap: 12px;
  align-items: center;
  padding: 14px;
}

.review-moderation,
.usage-log,
.auth-log {
  display: grid;
  gap: 10px;
}

.review-moderation {
  max-height: 520px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.log-stack {
  display: grid;
  grid-template-rows: auto minmax(220px, 1fr) auto minmax(180px, 0.72fr);
  gap: 10px;
  max-height: 680px;
  min-height: 520px;
}

.log-stack h3 {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0;
  padding: 8px 0;
  color: var(--muted);
  background: var(--white);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0;
}

.usage-log,
.auth-log {
  align-content: start;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 6px 2px 0;
  border-top: 1px solid var(--soft-line);
}

.usage-log::-webkit-scrollbar,
.auth-log::-webkit-scrollbar,
.review-moderation::-webkit-scrollbar,
.user-list::-webkit-scrollbar,
.quota-list::-webkit-scrollbar,
.mini-log::-webkit-scrollbar {
  width: 10px;
}

.usage-log::-webkit-scrollbar-thumb,
.auth-log::-webkit-scrollbar-thumb,
.review-moderation::-webkit-scrollbar-thumb,
.user-list::-webkit-scrollbar-thumb,
.quota-list::-webkit-scrollbar-thumb,
.mini-log::-webkit-scrollbar-thumb {
  border: 3px solid var(--white);
  border-radius: var(--pill);
  background: #c7c7cc;
}

.review-admin-row,
.log-row {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  background: var(--pearl);
}

.review-admin-row {
  grid-template-columns: minmax(220px, 1fr) auto;
}

.review-admin-row a {
  color: var(--blue);
  text-decoration: none;
}

.review-edit-grid {
  display: grid;
  gap: 10px;
}

.review-edit-grid label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.review-edit-grid input,
.review-edit-grid select,
.review-edit-grid textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 9px 11px;
  color: var(--ink);
  background: #fff;
  font: inherit;
}

.review-edit-grid textarea {
  resize: vertical;
}

.review-actions {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.owner-popup-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.log-row {
  grid-template-columns: minmax(0, 1fr) repeat(2, minmax(96px, 0.55fr));
  align-items: start;
  padding: 12px;
}

.log-row.auth {
  grid-template-columns: minmax(0, 1fr) minmax(110px, 0.55fr);
}

.log-row.warning {
  grid-template-columns: minmax(0, 1fr) minmax(110px, 0.45fr) minmax(130px, 0.55fr);
  border-color: rgba(189, 82, 0, 0.26);
  background: rgba(255, 247, 237, 0.82);
}

.log-row .metric-value {
  overflow-wrap: anywhere;
}

.quota-grid-page {
  grid-template-columns: minmax(280px, 0.35fr) minmax(0, 1fr);
  align-items: start;
}

.quota-editor {
  position: sticky;
  top: 72px;
}

.quota-list-panel {
  min-width: 0;
}

.quota-toolbar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(160px, 220px);
  gap: 10px;
  margin-bottom: 12px;
}

.quota-toolbar input,
.quota-toolbar select {
  min-height: 42px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 0 12px;
  color: var(--ink);
  background: var(--white);
  font: inherit;
}

.quota-list {
  display: grid;
  gap: 10px;
  max-height: 680px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.quota-user {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  background: var(--pearl);
}

.quota-user summary {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(5, minmax(92px, 0.45fr));
  gap: 12px;
  align-items: center;
  padding: 14px;
  list-style: none;
  cursor: pointer;
}

.quota-user summary::-webkit-details-marker {
  display: none;
}

.quota-user[open] summary {
  border-bottom: 1px solid var(--soft-line);
  background: #fff;
}

.quota-detail {
  display: grid;
  gap: 14px;
  padding: 14px;
}

.quota-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
}

.quota-detail-grid > div {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 10px;
  background: #fff;
}

.quota-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ghost-btn.danger {
  color: #b42318;
  border-color: rgba(180, 35, 24, 0.28);
}

.quota-detail-columns {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  gap: 14px;
}

.quota-detail-columns h3 {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 13px;
  text-transform: uppercase;
}

.mini-log {
  display: grid;
  gap: 8px;
  max-height: 260px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.mini-log-row {
  display: grid;
  gap: 4px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 10px;
  background: #fff;
  color: var(--quiet);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.owner-diagnostics-grid,
.capture-grid-page {
  align-items: start;
}

.owner-error-grid {
  grid-template-columns: minmax(760px, 1.25fr) minmax(360px, 0.75fr);
  align-items: stretch;
  gap: 22px;
}

.error-code-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.error-code-grid div {
  display: grid;
  gap: 5px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 12px;
  background: var(--pearl);
}

.error-code-grid strong {
  color: var(--blue);
  font-size: 14px;
}

.error-code-grid span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.legal-panel {
  align-content: start;
}

.issue-assistant-output,
.capture-detail-empty,
.capture-media-empty {
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: var(--pearl);
  color: var(--quiet);
}

.issue-assistant-result,
.issue-assistant-columns,
.capture-stats-grid,
.capture-media-grid {
  display: grid;
  gap: 14px;
}

.issue-assistant-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.capture-grid-page {
  grid-template-columns: minmax(300px, 0.4fr) minmax(0, 1fr);
}

.capture-list-panel,
.capture-detail-panel {
  min-width: 0;
}

.capture-toolbar {
  margin-bottom: 12px;
}

.capture-toolbar input {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 0 12px;
  color: var(--ink);
  background: var(--white);
  font: inherit;
}

.capture-list {
  display: grid;
  gap: 10px;
  max-height: 720px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
}

.capture-list::-webkit-scrollbar {
  width: 10px;
}

.capture-list::-webkit-scrollbar-thumb {
  border: 3px solid var(--white);
  border-radius: var(--pill);
  background: #c7c7cc;
}

.capture-row {
  display: grid;
  gap: 8px;
  width: 100%;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: var(--pearl);
  text-align: left;
  cursor: pointer;
}

.capture-row.active {
  border-color: rgba(0, 102, 204, 0.35);
  background: rgba(0, 102, 204, 0.06);
}

.capture-row-title {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.capture-retention-pill {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border: 1px solid rgba(0, 102, 204, 0.14);
  border-radius: var(--pill);
  padding: 0 9px;
  color: var(--quiet);
  background: rgba(255, 255, 255, 0.78);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.capture-retention-pill.permanent {
  color: var(--blue);
  border-color: rgba(0, 102, 204, 0.24);
  background: rgba(0, 102, 204, 0.08);
}

.capture-row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  color: var(--quiet);
  font-size: 12px;
}

.capture-detail-actions {
  display: grid;
  gap: 10px;
  justify-items: end;
}

.capture-export-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.capture-detail {
  display: grid;
  gap: 18px;
}

.capture-media-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.capture-media-card,
.capture-stats-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  padding: 14px;
  background: #fff;
}

.capture-media-shell {
  display: grid;
  gap: 10px;
}

.capture-media-link-row {
  display: flex;
  justify-content: flex-start;
}

.capture-stats-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.capture-meta-table {
  display: grid;
  gap: 10px;
}

.capture-meta-table > div {
  display: grid;
  gap: 4px;
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-sm);
  padding: 10px;
  background: var(--pearl);
}

.capture-warning-list {
  align-content: start;
}

.mini-log-row strong {
  color: var(--ink);
  font-size: 13px;
}

.user-name {
  font-weight: 600;
}

.user-sub {
  color: var(--quiet);
  font-size: 12px;
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
  }

  .global-nav::before,
  .topbar::before {
    display: none;
  }

  .home-hero-tile .dropzone::before {
    animation: none;
  }
}

@media (max-width: 1068px) {
  .hero-grid,
  .access-grid,
  .extension-grid,
  .settings-grid,
  .referral-grid,
  .referral-info-layout,
  .referral-rules-grid,
  .issues-layout,
  .compare-layout,
  .video-info-grid,
  .method-grid,
  .admin-grid,
  .owner-status-board,
  .owner-status-card,
  .quota-grid-page,
  .capture-grid-page,
  .capture-media-grid,
  .capture-stats-grid,
  .issue-assistant-columns,
  .passes-head,
  .redeem-panel,
  .pro-hero-grid,
  .pro-teaser-layout,
  .pro-redeem-panel,
  .account-page-head,
  .account-dashboard-grid,
  .pro-history-columns,
  .quota-detail-columns {
    grid-template-columns: 1fr;
  }

  .account-head-actions {
    justify-self: start;
  }

  .plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pass-steps {
    grid-template-columns: 1fr;
  }

  .pro-plans-grid {
    grid-template-areas: none;
  }

  .checker-workbench {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .owner-metric-row {
    grid-template-columns: minmax(110px, 1fr) repeat(3, minmax(72px, auto));
  }

  .owner-metric-row > span { display: none; }

  .pro-plans-grid .plan-card {
    grid-area: auto;
  }

  .video-info-card dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quota-editor {
    position: static;
  }

  .owner-error-grid,
  .admin-form-split {
    grid-template-columns: 1fr;
  }

  .error-code-grid {
    grid-template-columns: 1fr;
  }

  .quota-user summary {
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(110px, 0.5fr));
  }

  .quota-detail-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }

  .review-form-inline {
    grid-template-columns: minmax(160px, 1fr) 140px;
  }

  .review-submit {
    grid-column: 1 / -1;
  }

  .owner-console-head {
    align-items: start;
    flex-direction: column;
  }

  .owner-console-shell .admin-panel,
  .owner-console-shell .status-panel {
    resize: vertical;
    min-width: 0;
  }

  .log-row,
  .log-row.auth {
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(120px, 0.6fr));
  }

  .user-row {
    grid-template-columns: minmax(180px, 1.3fr) repeat(3, minmax(90px, 1fr));
  }

  h1 {
    font-size: 40px;
  }

  .lead {
    font-size: 24px;
  }

  .queue-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .processed-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 833px) {
  .account-data-card,
  .account-danger-card {
    grid-template-columns: 1fr;
  }

  .account-data-actions,
  .account-danger-actions,
  .account-delete-confirm {
    width: 100%;
  }

  .global-nav,
  .topbar {
    position: relative;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 18px;
  }

  .brand,
  .nav,
  .auth-actions {
    justify-self: center;
  }

  .nav,
  .auth-actions {
    width: 100%;
    max-width: 100%;
  }

  .auth-actions {
    flex-wrap: wrap;
  }

  .nav {
    justify-content: center;
    flex-wrap: wrap;
    overflow: visible;
    padding-bottom: 1px;
  }

  .tile {
    min-height: auto;
    scroll-margin-top: 176px;
    padding: 64px 18px;
  }

  .hero-actions,
  .extension-actions,
  .queue-actions {
    flex-wrap: wrap;
  }

  .hero-actions {
    row-gap: 14px;
  }

  .dropzone {
    min-height: 320px;
    padding: 36px 22px;
  }

  .stats-row,
  .method-facts,
  .plans-grid,
  .pro-limit-list,
  .pro-teaser-strip,
  .account-stat-grid,
  .redeem-form,
  .referral-stats,
  .referral-reward-strip,
  .compare-video-grid,
  .feature-list,
  .tool-hero-grid,
  .tool-meta-grid,
  .tool-check-grid {
    grid-template-columns: 1fr;
  }

  .pro-plans-grid {
    grid-template-columns: 1fr;
  }

  .queue-head,
  .setting-row,
  .account-history,
  .review-topline,
  .owner-hero,
  .tool-result-head {
    flex-direction: column;
    align-items: stretch;
  }

  .review-form-inline {
    grid-template-columns: 1fr;
  }

  .account-handle-row {
    grid-template-columns: 1fr;
  }

  .tool-input-row {
    grid-template-columns: 1fr;
  }

  .log-stack {
    max-height: 620px;
    min-height: 460px;
  }

  .queue-actions {
    width: 100%;
  }

  .queue-actions button {
    flex: 1;
  }

  .user-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .upload-path { grid-template-columns: 1fr; }
  .owner-metric-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
  .nav {
    width: 100%;
  }

  .nav-item {
    flex: 1;
    padding-inline: 8px;
  }

  h1 {
    font-size: 34px;
  }

  h2,
  .dz-content h2 {
    font-size: 32px;
  }

  .lead {
    font-size: 21px;
  }

  .compat-note {
    width: 100%;
  }

  .hero-actions,
  .auth-actions {
    width: 100%;
    justify-content: stretch;
  }

  .hero-actions > *,
  .auth-actions > * {
    flex: 1 1 140px;
    min-width: 0;
  }

  .queue-row,
  .result-card,
  .processed-summary,
  .issue-card,
  .user-row,
  .review-admin-row,
  .log-row,
  .log-row.auth,
  .log-row.warning,
  .quota-toolbar,
  .capture-toolbar,
  .quota-user summary,
  .quota-detail-grid,
  .compare-stats {
    grid-template-columns: 1fr;
  }

  .video-info-head {
    align-items: start;
    flex-direction: column;
  }

  .result-preview-shell {
    justify-self: center;
    width: min(180px, 100%);
  }

  .result-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .result-summary-grid .warning-chip {
    grid-column: 1 / -1;
  }

  .video-info-card dl {
    grid-template-columns: 1fr;
  }
}

/* July 2026 system overhaul: restrained Apple surfaces with a light glass finish. */
.global-nav,
.topbar {
  color: #f5f5f7;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.025) 42%, rgba(130, 184, 255, 0.08)),
    rgba(18, 19, 23, 0.66);
  border-bottom-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.14), inset 0 1px rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
}

.global-nav::before,
.topbar::before {
  content: "";
  background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.18) 42%, transparent 74%);
  opacity: 0.32;
}

.brand:hover,
.nav-item:hover,
.owner-link:hover {
  transform: none;
}

.brand:hover .brand-mark,
.brand:hover .mark {
  filter: none;
  transform: none;
}

.nav-item:hover,
.nav-item.active,
.owner-link:hover,
.nav-button:hover {
  box-shadow: none;
}

.account-dashboard-tile,
.account-page .tile,
.owner-page {
  background: #f5f5f7;
}

.account-panel,
.account-profile-card,
.account-status-card,
.referral-glass-card,
.owner-console-shell,
.owner-console-shell .admin-panel,
.owner-console-shell .status-panel {
  background: #fff;
  border: 1px solid var(--hairline);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.referral-glass-card::before {
  content: none;
}

.owner-video-delivery-panel {
  max-width: 840px;
}

.owner-delivery-form {
  display: grid;
  gap: 16px;
}

.owner-delivery-form > label:not(.owner-delivery-drop) {
  display: grid;
  gap: 7px;
  color: #242735;
  font-weight: 650;
}

.owner-delivery-drop {
  display: grid;
  min-height: 180px;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 26px;
  text-align: center;
  color: #34384b;
  cursor: pointer;
  border: 1px dashed #b8c5e2;
  border-radius: 18px;
  background: linear-gradient(135deg, #fbfcff 0%, #f3f6ff 52%, #faf8ff 100%);
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.owner-delivery-drop:hover,
.owner-delivery-drop.is-dragging,
.owner-delivery-drop.has-file {
  border-color: #386de2;
  background: linear-gradient(135deg, #f7faff 0%, #eaf1ff 52%, #f7f4ff 100%);
  box-shadow: inset 0 0 0 1px rgba(56, 109, 226, 0.12);
}

.owner-delivery-drop:focus-within {
  outline: 3px solid rgba(56, 109, 226, 0.25);
  outline-offset: 3px;
}

.owner-delivery-drop input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}

.owner-delivery-drop-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  color: #fff;
  background: #245fd3;
  font-size: 22px;
  line-height: 1;
}

.owner-delivery-drop strong {
  color: #202432;
}

.owner-delivery-drop small {
  color: #5e6473;
}

.owner-delivery-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

@media (max-width: 600px) {
  .owner-delivery-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .owner-delivery-drop {
    transition: none;
  }
}

.owner-sidebar {
  position: fixed;
  inset: 44px auto 0 0;
  z-index: 25;
  width: 230px;
  padding: 28px 18px;
  overflow-y: auto;
  color: var(--ink);
  background: #fbfbfd;
  border-right: 1px solid var(--hairline);
}

.owner-sidebar-label {
  margin: 0 10px 12px;
  color: var(--quiet);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.owner-sidebar nav,
.owner-sidebar-links {
  display: grid;
  gap: 2px;
}

.owner-sidebar a {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 7px;
  color: #424245;
  text-decoration: none;
  font-size: 14px;
  font-weight: 520;
}

.owner-sidebar a:hover,
.owner-sidebar a:focus-visible,
.owner-sidebar a.active {
  color: var(--blue);
  background: #eef5fc;
}

.owner-sidebar-links {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid var(--hairline);
}

.owner-console-head {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--hairline);
}

.owner-operations {
  margin-top: 22px;
  scroll-margin-top: 72px;
}

.owner-operations-head {
  align-items: end;
}

.owner-operations-filters {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(150px, 0.65fr) auto;
  align-items: end;
  gap: 10px;
  width: min(700px, 100%);
}

.owner-operations-filters label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.owner-overview-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  margin: 22px 0 8px;
  border: 1px solid var(--hairline);
  border-radius: 9px;
  overflow: hidden;
}

.owner-overview-stat {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 14px;
  border-right: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}

.owner-overview-stat:nth-child(6n) {
  border-right: 0;
}

.owner-overview-stat:nth-last-child(-n + 6) {
  border-bottom: 0;
}

.owner-overview-stat span,
.owner-table-row small {
  color: var(--muted);
  font-size: 12px;
}

.owner-overview-stat strong {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}

.owner-ops-section {
  padding-top: 24px;
  scroll-margin-top: 72px;
}

.owner-ops-section + .owner-ops-section {
  margin-top: 24px;
  border-top: 1px solid var(--hairline);
}

.owner-table-list {
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-radius: 9px;
}

.owner-table-row {
  display: grid;
  grid-template-columns: minmax(220px, 1.25fr) minmax(140px, 0.7fr) minmax(210px, 1fr) minmax(190px, 0.9fr);
  align-items: center;
  gap: 16px;
  min-height: 70px;
  padding: 12px 14px;
  font-size: 13px;
}

.owner-table-row + .owner-table-row {
  border-top: 1px solid var(--hairline);
}

.owner-table-row > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.owner-table-row span,
.owner-table-row strong,
.owner-table-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.owner-table-row a {
  color: var(--blue);
}

.owner-status-pill {
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  color: #1f6a36;
  background: #edf8f0;
  border-radius: 5px;
  font-weight: 650;
}

.owner-status-pill[data-status="failed"],
.owner-status-pill[data-status="cancelled"],
.owner-status-pill[data-status="reversed"] {
  color: #9d241d;
  background: #fff0ef;
}

.owner-status-pill[data-status="processing"],
.owner-status-pill[data-status="queued"],
.owner-status-pill[data-status="retrying"],
.owner-status-pill[data-status="temporarily_unavailable"] {
  color: #875f00;
  background: #fff8df;
}

.owner-list-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 18px;
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 1180px) {
  .owner-overview-metrics {
    grid-template-columns: repeat(3, minmax(110px, 1fr));
  }

  .owner-overview-stat:nth-child(3n) {
    border-right: 0;
  }

  .owner-overview-stat:nth-child(4),
  .owner-overview-stat:nth-child(5),
  .owner-overview-stat:nth-child(6) {
    border-bottom: 1px solid var(--hairline);
  }

  .owner-table-row {
    grid-template-columns: minmax(190px, 1fr) minmax(130px, 0.65fr) minmax(180px, 1fr);
  }

  .owner-table-row > div:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 833px) {
  .owner-sidebar {
    position: sticky;
    inset: 0;
    z-index: 18;
    width: 100%;
    display: flex;
    gap: 12px;
    padding: 8px 14px;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
  }

  .owner-sidebar-label,
  .owner-sidebar-links {
    display: none;
  }

  .owner-sidebar nav {
    display: flex;
    gap: 4px;
  }

  .owner-sidebar a {
    white-space: nowrap;
  }

  .owner-operations-filters,
  .owner-table-row {
    grid-template-columns: 1fr;
  }

  .owner-table-row > div:last-child {
    grid-column: auto;
  }
}

@media (max-width: 560px) {
  .owner-overview-metrics {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }

  .owner-overview-stat:nth-child(3n) {
    border-right: 1px solid var(--hairline);
  }

  .owner-overview-stat:nth-child(2n) {
    border-right: 0;
  }
}

.account-ledger-card,
.account-tiktok-card {
  scroll-margin-top: 70px;
}

.account-inline-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin-top: 18px;
}

.account-inline-form:has(label + label) {
  grid-template-columns: minmax(220px, 1fr) minmax(150px, 0.55fr) auto;
}

.account-inline-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.account-inline-form input,
.owner-operations-filters input,
.owner-operations-filters select {
  min-height: 44px;
  width: 100%;
  padding: 8px 11px;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--hairline);
  border-radius: 8px;
}

.account-connection-status,
.account-verification-instructions {
  margin-top: 18px;
  padding: 13px 14px;
  color: #424245;
  background: #f5f5f7;
  border: 1px solid var(--hairline);
  border-radius: 8px;
  font-size: 14px;
}

.account-connection-status[data-status="verified"] {
  color: #1f6a36;
  background: #edf8f0;
  border-color: #b8ddc3;
}

.account-connection-status[data-status="pending"] {
  color: #875f00;
  background: #fff8df;
  border-color: #ead89a;
}

.account-verification-instructions {
  color: #174f85;
  background: #eef5fc;
  border-color: #bdd5ee;
  user-select: all;
}

#tiktokVerifyForm {
  grid-template-columns: auto;
  justify-content: start;
  margin-top: 10px;
}

.rewards-panel .account-verification-instructions {
  margin-top: 10px;
  padding: 9px 11px;
  line-height: 1.35;
}

@media (max-width: 700px) {
  .account-inline-form,
  .account-inline-form:has(label + label) {
    grid-template-columns: 1fr;
  }
}

.rewards-tile {
  background: #f5f5f7;
}

.rewards-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(28px, 6vw, 88px);
}

.rewards-panel {
  padding: clamp(20px, 3vw, 30px);
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.82), 0 18px 46px rgba(64, 104, 163, 0.08);
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

.caption-reward-card {
  display: grid;
  gap: 16px;
  margin-top: 22px;
  padding: 20px;
  border: 1px solid rgba(92, 132, 201, 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.9);
}

.caption-reward-card h2 { margin: 4px 0 8px; font-size: 24px; }
.caption-reward-card p { margin: 0; color: var(--muted); font-size: 14px; }
.caption-reward-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--hairline); border-radius: 12px; background: rgba(245, 248, 255, 0.84); }
.caption-reward-actions code { overflow-wrap: anywhere; color: #141821; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; font-weight: 700; user-select: all; }
.caption-reward-card .account-inline-form { margin-top: 0; }

@media (max-width: 560px) {
  .caption-reward-actions { align-items: stretch; flex-direction: column; }
  .caption-reward-actions .secondary-pill { width: 100%; }
}

.hero-actions,
.compare-links,
.modal-actions,
.queue-file-actions {
  column-gap: 14px;
  row-gap: 12px;
}

.auth-actions {
  gap: 10px;
}

.pro-page .plan-card,
.info-tile .settings-panel,
.referrals-tile .referral-panel {
  border-color: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.78), 0 14px 34px rgba(64, 104, 163, 0.07);
}

.account-history-expander {
  margin-top: 18px;
  border-top: 1px solid var(--hairline);
}

.account-history-title {
  margin: 0;
  font-size: clamp(21px, 2.3vw, 28px) !important;
  line-height: 1.1;
}

.account-history-expander summary {
  min-height: 48px;
  display: flex;
  align-items: center;
  color: var(--blue);
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}

.account-history-expander[open] summary {
  margin-bottom: 8px;
}

.account-history-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 13px;
}

.notifications-list {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--hairline);
}

@media (max-width: 833px) {
  .rewards-layout {
    grid-template-columns: 1fr;
  }
}

.glass-surface {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background:
    linear-gradient(138deg, rgba(255, 255, 255, 0.9), rgba(240, 248, 255, 0.68) 54%, rgba(255, 255, 255, 0.8)),
    rgba(241, 248, 255, 0.74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(106, 159, 221, 0.1),
    0 30px 90px rgba(43, 100, 171, 0.16);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
}

.glass-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 4%, rgba(255, 255, 255, 0.92), transparent 26%),
    radial-gradient(circle at 94% 0%, rgba(121, 190, 255, 0.28), transparent 34%),
    linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, 0.58) 44%, transparent 70%);
}

.glass-surface > * {
  position: relative;
  z-index: 1;
}

.pro-page .passes-tile,
.account-page .account-dashboard-tile,
.referrals-page .referral-info-hero,
.rewards-tile {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background:
    radial-gradient(circle at 8% 18%, rgba(116, 194, 255, 0.22), transparent 31%),
    radial-gradient(circle at 92% 10%, rgba(202, 170, 255, 0.2), transparent 29%),
    #f5f5f7;
}

.pro-page .passes-tile::before,
.account-page .account-dashboard-tile::before,
.referrals-page .referral-info-hero::before,
.rewards-tile::before {
  content: "";
  position: absolute;
  inset: -20% 8% auto;
  z-index: 0;
  height: 62%;
  pointer-events: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.34);
  filter: blur(34px);
}

.pro-page .passes-tile > .tile-inner,
.account-page .account-dashboard-tile > .tile-inner,
.referrals-page .referral-info-hero > .tile-inner,
.rewards-tile > .tile-inner {
  position: relative;
  z-index: 1;
}

.hero-actions {
  gap: 16px;
}

.hero-actions > .primary-pill,
.hero-actions > .secondary-pill {
  min-height: 44px;
}

.referral-actions,
.modal-actions {
  gap: 12px;
}

.rewards-intro .lead.compact {
  margin-bottom: 0;
}

.rewards-intro .compat-note {
  margin: 18px 0 0;
}

.owner-job-delete {
  width: auto;
  min-height: 34px;
  margin-top: 7px;
  justify-self: start;
}

/* Upload surface and completed-export experience */
.hero-tile .hero-copy {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.hero-tile .hero-actions {
  margin-top: auto;
  padding-top: clamp(28px, 5vh, 72px);
}

.hero-tile .dropzone:not(.locked) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 16%, rgba(126, 184, 255, 0.58), transparent 35%),
    radial-gradient(circle at 82% 80%, rgba(182, 127, 255, 0.4), transparent 40%),
    linear-gradient(145deg, #172038 0%, #202848 46%, #121826 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -20px 80px rgba(0, 0, 0, 0.2),
    0 34px 82px rgba(37, 69, 132, 0.25);
}

.hero-tile .dropzone:not(.locked)::before,
.hero-tile .dropzone:not(.locked)::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 54%;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(2px);
}

.hero-tile .dropzone:not(.locked)::before {
  top: -28%;
  right: -13%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent 62%);
}

.hero-tile .dropzone:not(.locked)::after {
  bottom: -36%;
  left: -16%;
  background: radial-gradient(circle, rgba(72, 176, 255, 0.22), transparent 67%);
}

.hero-tile .dropzone:not(.locked) .dz-content {
  position: relative;
  z-index: 1;
}

.hero-tile .dropzone.dragover {
  border-color: rgba(171, 218, 255, 0.94);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.24),
    inset 0 0 90px rgba(103, 183, 255, 0.28),
    0 34px 84px rgba(69, 134, 234, 0.34);
  transform: translateY(-2px) scale(1.008);
}

.hero-tile .dropzone.dragover .dz-icon {
  filter: drop-shadow(0 0 18px rgba(186, 225, 255, 0.76));
  transform: translateY(-6px) scale(1.08);
}

.hero-tile .dropzone.drop-confirmed .dz-content {
  animation: upload120DropConfirmed 0.72s cubic-bezier(0.16, 0.9, 0.24, 1) both;
}

.hero-tile .dropzone.drop-confirmed::after {
  animation: upload120DropBloom 0.72s ease-out both;
}

@keyframes upload120DropConfirmed {
  0% { transform: scale(0.97); filter: brightness(1); }
  45% { transform: scale(1.035); filter: brightness(1.22); }
  100% { transform: scale(1); filter: brightness(1); }
}

@keyframes upload120DropBloom {
  0% { opacity: 0.28; transform: scale(0.45); }
  100% { opacity: 0; transform: scale(1.45); }
}

.result-card {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) auto;
  gap: clamp(20px, 3vw, 34px);
  border-color: rgba(255, 255, 255, 0.78);
  background:
    radial-gradient(circle at 7% 8%, rgba(117, 197, 255, 0.18), transparent 30%),
    radial-gradient(circle at 80% 100%, rgba(180, 137, 255, 0.15), transparent 37%),
    linear-gradient(132deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 255, 0.9));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.94),
    0 24px 70px rgba(47, 93, 166, 0.16);
}

.public-video-compare-wrap {
  display: grid;
  gap: 14px;
  width: min(100%, 560px);
  justify-self: end;
}

.public-video-compare {
  position: relative;
  isolation: isolate;
  aspect-ratio: 9 / 11;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 8%, rgba(87, 184, 255, 0.24), transparent 42%),
    #06080f;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 30px 80px rgba(0, 0, 0, 0.38);
}

.public-video-compare-normal,
.public-video-compare-after,
.public-video-compare-compressed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.public-video-compare-normal,
.public-video-compare-compressed {
  object-fit: contain;
  background: #05070c;
}

.public-video-compare-after {
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  clip-path: inset(0 calc(100% - var(--compare-position, 50%)) 0 0);
}

.public-video-compare-divider {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: var(--compare-position, 50%);
  width: 2px;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 18px rgba(138, 211, 255, 0.9);
}

.public-video-compare-divider i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 50%;
  background: linear-gradient(135deg, #80d5ff, #9685ff);
  box-shadow: 0 10px 28px rgba(48, 122, 215, 0.5);
  transform: translate(-50%, -50%);
}

.public-video-compare-divider i::before,
.public-video-compare-divider i::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #fff;
  border-left: 1.5px solid #fff;
}

.public-video-compare-divider i::before { left: 9px; transform: translateY(-50%) rotate(-45deg); }
.public-video-compare-divider i::after { right: 9px; transform: translateY(-50%) rotate(135deg); }

.public-video-compare-range {
  position: absolute;
  z-index: 5;
  right: 16px;
  bottom: 18px;
  left: 148px;
  width: calc(100% - 164px);
  accent-color: #91d6ff;
  cursor: ew-resize;
}

.public-video-compare-labels {
  position: absolute;
  z-index: 4;
  top: 14px;
  right: 14px;
  left: 14px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  pointer-events: none;
}

.public-video-compare-labels span,
.result-output-badge {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 6px 9px;
  color: #fff;
  background: rgba(4, 8, 17, 0.58);
  backdrop-filter: blur(12px);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.public-video-compare-play {
  position: absolute;
  z-index: 5;
  bottom: 12px;
  left: 12px;
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 0 13px;
  color: #fff;
  background: rgba(7, 14, 28, 0.78);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  font-size: 12px;
  font-weight: 700;
}

.public-video-compare-hint {
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  text-align: center;
}

.public-video-compare-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.public-video-compare-facts > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 11px 12px;
  background: rgba(255, 255, 255, 0.07);
}

.public-video-compare-facts span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
}

.public-video-compare-facts strong {
  color: #fff;
  font-size: 12px;
  line-height: 1.35;
}

.result-card {
  grid-template-areas:
    "media main"
    "media actions";
  grid-template-columns: minmax(190px, 0.72fr) minmax(0, 1.28fr);
  align-items: stretch;
  gap: 18px clamp(22px, 3vw, 34px);
  padding: clamp(16px, 2.6vw, 26px);
}

.result-output-shell {
  grid-area: media;
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.result-output-stage {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 16px;
  background: #070a12;
  box-shadow: 0 18px 46px rgba(21, 48, 92, 0.25);
}

.result-output-video {
  object-fit: cover;
  background: #070a12;
}

.result-output-badge {
  position: absolute;
  top: 10px;
  left: 10px;
}

.result-output-shell > p {
  margin: 0;
  color: var(--quiet);
  font-size: 12px;
  line-height: 1.4;
}

.result-main { grid-area: main; }

.result-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
}

.result-actions .queue-file-actions {
  width: 100%;
}

.hero-tile .hero-copy {
  min-height: 0;
  display: block;
}

.hero-tile .hero-grid {
  align-items: start;
}

.hero-tile .hero-actions {
  margin-top: 32px;
  padding-top: 0;
}

.verification-help-trigger {
  justify-self: start;
}

.verification-video-modal {
  width: min(620px, 100%);
}

.verification-video-modal video {
  width: 100%;
  max-height: min(70vh, 760px);
  border-radius: 12px;
  background: #090c13;
}

@media (max-width: 760px) {
  .site-status-banner {
    width: calc(100% - 32px);
    margin-bottom: 20px;
  }

  .site-status-inner {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px;
  }

  .site-status-kicker,
  .site-status-copy,
  .site-status-link {
    grid-column: 2;
  }

  .site-status-link {
    justify-self: start;
  }

  .community-actions {
    grid-template-columns: 1fr;
  }

  .hero-tile .hero-actions {
    margin-top: 24px;
    padding-top: 0;
  }

  .result-card {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "main"
      "actions";
  }

  .result-output-shell {
    width: min(100%, 360px);
    justify-self: center;
  }

  .public-video-compare-wrap {
    justify-self: center;
  }
}

/* Final homepage surface overrides. */
.home-hero-tile.hero-tile .dropzone,
.home-hero-tile.hero-tile .dropzone.locked {
  color: var(--ink);
  border: 1px solid rgba(255, 255, 255, .88);
  background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(240, 249, 255, .6) 53%, rgba(252, 246, 255, .76));
  box-shadow: inset 0 1px rgba(255, 255, 255, .98), inset 0 -1px rgba(103, 155, 221, .12), 0 34px 82px rgba(37, 69, 132, .16);
  backdrop-filter: blur(32px) saturate(150%);
  -webkit-backdrop-filter: blur(32px) saturate(150%);
}

.home-hero-tile.hero-tile .dropzone:not(.locked)::before,
.home-hero-tile.hero-tile .dropzone:not(.locked)::after { z-index: 0; width: 58%; filter: blur(14px); }
.home-hero-tile.hero-tile .dropzone:not(.locked)::before { border: 0; background: radial-gradient(circle, rgba(126, 201, 255, .44), transparent 66%); }
.home-hero-tile.hero-tile .dropzone:not(.locked)::after { background: radial-gradient(circle, rgba(195, 151, 255, .34), transparent 67%); }
.home-hero-tile.hero-tile .dropzone:not(.locked) .dz-content::before { content: ""; position: absolute; inset: -24px -36px; z-index: -1; border: 1px solid rgba(255, 255, 255, .72); border-radius: 24px; background: rgba(255, 255, 255, .22); box-shadow: inset 0 1px rgba(255, 255, 255, .75); backdrop-filter: blur(8px); }
.home-hero-tile.hero-tile .dropzone.is-dragging { border-color: rgba(64, 145, 238, .68); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42), inset 0 0 90px rgba(103, 183, 255, .2), 0 34px 84px rgba(69, 134, 234, .26); }
.dropzone-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:2px; }
.dropzone-actions .text-link { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:9px 15px; border-radius:999px; }
.dropzone-folder-button { color:#345da9; border:1px solid rgba(58,96,170,.2); background:rgba(255,255,255,.56); }
.dropzone-selection-status { min-height:18px; margin:7px 0 0 !important; color:#53627a !important; font-size:12px !important; font-weight:650; }
.pro-status-panel.glass-surface { gap:16px; padding:20px; border:1px solid rgba(84,107,176,.15); border-radius:24px; color:#24324b; background:radial-gradient(circle at 95% 0,rgba(161,129,255,.16),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(242,247,255,.88)); box-shadow:inset 0 1px rgba(255,255,255,.98),0 24px 64px rgba(42,67,125,.13); }
.pro-account-panel-head { align-items:center; }
.pro-account-identity { display:flex; align-items:center; gap:11px; min-width:0; }
.pro-account-identity > div { display:grid; gap:1px; min-width:0; }
.pro-account-identity > div > span { color:#6a778d; font-size:11px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.pro-account-identity > div > strong { max-width:180px; overflow:hidden; color:#24324b; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.pro-account-avatar,.pro-account-avatar-fallback { width:40px; height:40px; flex:0 0 40px; border-radius:13px; object-fit:cover; }
.pro-account-avatar-fallback { display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#3c73d7,#765bd7); font-size:15px; font-weight:800; }
.pro-account-state { flex:0 0 auto; padding:6px 9px; border:1px solid rgba(73,96,145,.14); border-radius:999px; color:#5c6a80; background:rgba(255,255,255,.62); font-size:11px; font-weight:800; }
.pro-account-state.is-pro { color:#3358b5; border-color:rgba(77,101,202,.22); background:linear-gradient(135deg,rgba(224,238,255,.94),rgba(239,228,255,.9)); }
.pro-account-plan { display:grid; gap:4px; padding:2px 2px 0; }
.pro-account-plan > strong { color:#1e2d49; font-size:clamp(25px,3vw,34px); line-height:1; letter-spacing:-.035em; }
.pro-account-plan > p { color:#657287; font-size:13px; line-height:1.45; }
.pro-entitlement-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }
.pro-status-panel.glass-surface .pro-entitlement-grid div { min-width:0; padding:10px; border:1px solid rgba(80,104,165,.11); border-radius:13px; background:rgba(255,255,255,.62); }
.pro-status-panel.glass-surface .pro-entitlement-grid dt { color:#748096; font-size:10px; font-weight:750; letter-spacing:.02em; text-transform:none; }
.pro-status-panel.glass-surface .pro-entitlement-grid dd { margin-top:4px; overflow:hidden; color:#263651; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.pro-library-status { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); gap:8px; padding:10px; border:1px solid rgba(83,107,171,.12); border-radius:14px; background:linear-gradient(135deg,rgba(232,244,255,.74),rgba(243,236,255,.64)); }
.pro-library-status > div { display:grid; gap:2px; min-width:0; }
.pro-library-status span { color:#6b7890; font-size:10px; font-weight:750; }
.pro-library-status strong { overflow:hidden; color:#2d3e5d; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.pro-account-actions { display:flex; flex-wrap:wrap; gap:8px; }
.pro-account-actions .primary-pill,.pro-account-actions .secondary-pill { min-height:36px; }
@media (max-width:640px) { .pro-entitlement-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pro-account-identity > div > strong { max-width:130px; } }

/* Compact dashboard, stable reviews, and export preview */
.review-wall { min-height: 0; padding: 16px; border-color: rgba(255, 255, 255, .18); background: linear-gradient(140deg, rgba(16, 25, 49, .94), rgba(30, 20, 56, .9)); }
.review-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.review-pill { min-height: 164px; grid-template-rows: auto auto minmax(0, 1fr); gap: 9px; padding: 17px; border-color: rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .07); box-shadow: none; transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease; }
.review-pill:hover { border-color: rgba(145, 205, 255, .46); background: rgba(255, 255, 255, .12); transform: translateY(-2px); }
.review-pill a { color: #c2e5ff; }
.review-pill strong { color: #fff; }
.review-pill span { color: rgba(255, 255, 255, .82); }

.pro-status-panel.glass-surface { gap: 12px; padding: 22px; border-radius: 22px; background: linear-gradient(145deg, rgba(12, 24, 54, .94), rgba(44, 28, 79, .9)); box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 24px 58px rgba(24, 37, 84, .28); }
.pro-account-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.pro-account-panel-head > span { color: rgba(255, 255, 255, .64); font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.pro-account-panel-head i { display: grid; place-items: center; width: 36px; height: 36px; color: #d8edff; border: 1px solid rgba(190, 224, 255, .24); border-radius: 12px; background: rgba(255, 255, 255, .08); }
.pro-account-panel-head svg { width: 19px; height: 19px; }
.pro-status-panel.glass-surface > strong { color: #fff; font-size: 26px; }
.pro-status-panel.glass-surface > p,
.pro-status-panel.glass-surface .reset-note,
.pro-status-panel.glass-surface .pro-limit-list dt { color: rgba(255, 255, 255, .7); }
.pro-status-panel.glass-surface .pro-limit-list { border-color: rgba(255, 255, 255, .12); }
.pro-status-panel.glass-surface .pro-limit-list div { border-color: rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .06); }
.pro-status-panel.glass-surface .pro-limit-list dd { color: #fff; }
.pro-page .pro-explainer p,
.pro-page .pro-explainer p strong { color: #fff; }

.account-list article { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 10px 12px; }
.account-list article > div:first-child { gap: 2px; }
.account-list article strong { font-size: 13px; }
.account-list article span,
.account-job-meta { font-size: 11px; line-height: 1.35; }
.account-job-side { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 7px; }
.account-job-side .account-job-meta { display: none; }
.account-job-side .account-job-meta:first-child { display: block; }
.account-job-side .secondary-pill.mini { min-height: 30px; padding-inline: 10px; }

.result-card { grid-template-areas: "media main" "media actions"; grid-template-columns: minmax(150px, 188px) minmax(0, 1fr); gap: 14px 18px; padding: 14px; border-radius: 18px; }
.result-output-shell { gap: 7px; }
.result-output-stage { aspect-ratio: 16 / 10; min-height: 0; border-radius: 13px; background: #080c15; box-shadow: 0 13px 30px rgba(17, 36, 79, .22); }
.result-output-backdrop { position: absolute; inset: -14%; width: 128%; height: 128%; object-fit: cover; opacity: .48; filter: blur(20px) saturate(1.12); transform: scale(1.08); }
.result-output-stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5, 9, 18, .18), transparent 38%, rgba(5, 9, 18, .18)); pointer-events: none; }
.result-output-video { position: relative; z-index: 1; width: auto; max-width: 100%; height: 100%; margin: 0 auto; object-fit: contain; background: transparent; }
.result-output-badge { z-index: 2; top: 8px; left: 8px; padding: 5px 7px; }
.result-output-shell > p { display: none; }
.result-main { gap: 7px; }
.result-main h3 { font-size: 17px; }
.result-main p { font-size: 13px; }
.result-ready-label { padding: 0; color: var(--blue); background: transparent; font-size: 11px; }
.result-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.result-facts > div { padding: 7px 8px; }

.processing-report {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 0;
  padding: 10px;
  border: 1px solid rgba(99, 132, 186, .14);
  border-radius: 12px;
  background: rgba(247, 250, 255, .8);
}

.processing-report > div { display: grid; gap: 3px; min-width: 0; }
.processing-report span { color: var(--quiet); font-size: 11px; }
.processing-report strong { color: var(--ink); font-size: 12px; overflow-wrap: anywhere; }
.processing-report .report-job-id { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.processing-report .report-copy { width: max-content; margin-top: 4px; padding: 0; border: 0; color: var(--blue); background: transparent; font: inherit; font-size: 11px; cursor: pointer; }

.site-status-banner { width: min(1040px, calc(100% - 64px)); margin-bottom: 20px; }
.site-status-inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; padding: 10px 14px 10px 10px; border-color: rgba(255, 255, 255, .24); border-radius: 14px; color: #fff; background: linear-gradient(110deg, rgba(13, 28, 61, .94), rgba(41, 29, 81, .9)); box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 16px 36px rgba(20, 37, 81, .2); }
.site-status-inner::before { width: 30px; height: 30px; border: 0; border-radius: 10px; background: radial-gradient(circle, #ffc793 0 22%, transparent 25%), rgba(255, 187, 111, .16); box-shadow: none; }
.site-status-kicker { display: none; }
.site-status-copy { gap: 1px; }
.site-status-inner strong,
.site-status-inner .site-status-copy span { color: #fff; }
.site-status-inner .site-status-copy span { font-size: 12px; opacity: .72; }
.site-status-link { min-height: 34px; display: inline-flex; align-items: center; padding: 0 10px; color: #fff; border: 1px solid rgba(255, 255, 255, .2); border-radius: 10px; background: rgba(255, 255, 255, .08); }
.site-status-banner[data-status="working"] .site-status-inner,
.site-status-banner[data-status="down"] .site-status-inner { border-color: rgba(255, 205, 138, .3); background: linear-gradient(110deg, rgba(62, 35, 28, .96), rgba(85, 53, 36, .9)); }

.referral-claim-notice {
  position: relative;
  z-index: 2;
  width: min(1040px, calc(100% - 64px));
  margin: 0 auto 20px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 205, 138, .3);
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(110deg, rgba(62, 35, 28, .96), rgba(85, 53, 36, .9));
  font-size: 13px;
  line-height: 1.45;
}
.referral-claim-notice[hidden] { display: none; }
@media (max-width: 760px) {
  .referral-claim-notice { width: calc(100% - 32px); }
}

.status-hero,
.status-hero .eyebrow,
.status-hero h1,
.status-hero .lead,
.status-hero .status-live-card,
.status-hero .status-live-card strong,
.status-hero .status-live-card p { color: #fff; }
@media (max-width: 760px) { .review-grid { grid-template-columns: 1fr; } .result-card { grid-template-columns: 1fr; grid-template-areas: "media" "main" "actions"; } .result-output-shell { width: min(100%, 310px); } .result-facts, .processing-report { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-status-inner { grid-template-columns: auto minmax(0, 1fr); } .site-status-link { grid-column: 2; justify-self: start; } }

/* Calm account, stable review loop, and export framing. */
.pro-status-panel.glass-surface { border-color: rgba(86, 122, 179, .18); background: rgba(255, 255, 255, .76); box-shadow: inset 0 1px rgba(255, 255, 255, .94), 0 14px 34px rgba(45, 80, 136, .09); }
.pro-account-panel-head > span,
.pro-status-panel.glass-surface > p,
.pro-status-panel.glass-surface .reset-note,
.pro-status-panel.glass-surface .pro-limit-list dt { color: var(--muted); }
.pro-account-panel-head i { color: var(--blue); border-color: rgba(74, 139, 223, .18); background: rgba(238, 247, 255, .74); }
.pro-status-panel.glass-surface > strong,
.pro-status-panel.glass-surface .pro-limit-list dd { color: var(--ink); }
.pro-status-panel.glass-surface .pro-limit-list { border-color: rgba(86, 122, 179, .14); }
.pro-status-panel.glass-surface .pro-limit-list div { border-color: rgba(86, 122, 179, .1); background: rgba(248, 251, 255, .78); }

.review-wall { padding: 0; overflow: hidden; border-color: rgba(112, 148, 203, .2); background: linear-gradient(112deg, #fff 0%, #f4f8ff 42%, #f8f5ff 100%); }
.review-marquee { min-height: 182px; display: flex; align-items: stretch; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: rgba(89, 130, 192, .35) transparent; }
.review-track { display: flex; flex: 0 0 auto; width: max-content; animation: review-scroll 42s linear infinite; will-change: transform; }
.review-marquee:hover .review-track,
.review-marquee.is-scrolling .review-track { animation-play-state: paused; }
.review-loop { display: flex; flex: 0 0 auto; gap: 14px; padding: 16px 14px 16px 0; }
.review-loop:first-child { padding-left: 16px; }
.review-grid { display: none; }
.review-pill { width: min(330px, 78vw); min-height: 150px; scroll-snap-align: start; grid-template-rows: auto auto minmax(0, 1fr); border-color: rgba(88, 124, 180, .18); background: rgba(255, 255, 255, .82); box-shadow: 0 14px 36px rgba(88, 124, 180, .11); }
.review-pill:hover { border-color: rgba(56, 133, 226, .34); background: rgba(255, 255, 255, .96); }
.review-pill a { color: #216dcc; }
.review-pill strong { color: #26354c; }
.review-pill span { color: #5a6a80; }
.review-empty-card { border-color: rgba(88, 124, 180, .18); color: var(--ink); background: rgba(255, 255, 255, .82); text-align: left; }
.review-empty-card span { color: var(--muted); }
.review-empty-card a { color: #216dcc; }
.review-loading-card { color: var(--muted); }
@keyframes review-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .review-track { animation: none; } }

.result-card { grid-template-columns: minmax(190px, 25%) minmax(0, 1fr); background: linear-gradient(90deg, rgba(235, 244, 255, .9), rgba(255, 255, 255, .98) 32%, #fff 100%); }
.result-output-stage { background: linear-gradient(90deg, #10192a, #f8fbff 72%); }
.result-output-backdrop { left: -22%; right: auto; width: 90%; opacity: .56; filter: blur(22px) saturate(1.08); }
.result-output-stage::after { background: linear-gradient(90deg, rgba(9, 19, 35, .12), rgba(255, 255, 255, .02) 55%, rgba(255, 255, 255, .78) 100%); }
.result-output-video { width: 42%; max-width: 112px; margin-left: 17%; }
/* Prepared file handoff: one export receipt, no showcase treatment. */
.result-card {
  grid-template-areas:
    "main media"
    "actions media";
  grid-template-columns: minmax(0, 1fr) 144px;
  gap: 16px 24px;
  align-items: start;
  border-color: #dfe6ef;
  border-radius: 14px;
  padding: 20px;
  background: #fff;
  box-shadow: none;
}

.result-output-shell { gap: 0; }

.result-output-stage {
  aspect-ratio: 9 / 16;
  border-color: #1d293b;
  border-radius: 10px;
  background: #0b1220;
  box-shadow: none;
}

.result-output-stage::after,
.result-output-backdrop { display: none; }

.result-output-video {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  object-fit: contain;
  background: #0b1220;
}

.result-output-badge {
  top: auto;
  right: 7px;
  bottom: 7px;
  left: auto;
  border: 0;
  border-radius: 5px;
  padding: 4px 6px;
  background: rgba(9, 16, 29, .8);
  box-shadow: none;
}

.result-main { display: grid; align-content: start; gap: 9px; }
.result-main h3 { color: #182332; font-size: 18px; letter-spacing: -.018em; }
.result-main > p { max-width: 42ch; color: #5f6e80; font-size: 13px; }

.result-ready-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  color: #147257;
  background: transparent;
  font-size: 12px;
  font-weight: 700;
}

.result-ready-label i {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: #e3f5ee;
}

.result-ready-label svg { width: 12px; height: 12px; }

.result-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.result-facts > div {
  min-height: 0;
  padding: 8px 9px;
  border: 1px solid #e8edf4;
  border-radius: 7px;
  background: #fff;
}

.result-actions { align-self: start; display: block; }
.result-action-panel {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e8edf4;
  padding: 14px 0 0;
  background: transparent;
}

.result-action-panel .queue-file-actions { display: flex; align-items: center; gap: 7px; }
.result-action-panel .primary-pill.small {
  min-width: 184px;
  min-height: 38px;
  justify-content: center;
  padding-inline: 17px;
  white-space: nowrap;
}
.result-action-panel .secondary-pill.mini { min-height: 36px; justify-content: center; }

@media (max-width: 640px) {
  .result-card {
    grid-template-areas:
      "main"
      "media"
      "actions";
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .result-output-shell { width: min(100%, 180px); justify-self: center; }
  .result-action-panel { grid-template-columns: 1fr; }
  .result-action-panel .queue-file-actions { display: grid; grid-template-columns: 1fr; }
  .result-action-panel .primary-pill.small { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .result-card,
  .result-action-panel { transition: none; }
}

.public-video-main { width: min(1120px, calc(100% - 32px)); margin: 44px auto 80px; }
.public-video-shell { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .8fr); gap: 20px; align-items: start; }
.public-video-player-wrap { overflow: hidden; border-radius: 28px; background: #111722; box-shadow: 0 30px 80px rgba(45, 76, 150, .2); }
.public-video-player { display: block; width: 100%; max-height: min(76vh, 780px); background: #111722; }
.public-video-details, .public-profile-header { border-radius: 24px; padding: 26px; }
.public-video-details h1, .public-profile-header h1 { margin: 5px 0 9px; font-size: clamp(25px, 3vw, 38px); letter-spacing: -.045em; }
.video-creator { display:inline-flex; align-items:center; gap:8px; color: #3565c9; font-weight: 700; text-decoration: none; }.video-creator img { width:26px; height:26px; border-radius:50%; object-fit:cover; }
.public-video-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 25px 0; }
.public-video-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.public-video-meta div { padding: 12px; border: 1px solid rgba(50, 71, 110, .12); border-radius: 15px; }
.public-video-meta dt { color: #6b778b; font-size: 12px; }.public-video-meta dd { margin: 3px 0 0; font-weight: 700; color: #1d2b45; }
.public-profile-shell { display: grid; gap: 18px; }.public-profile-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }.public-profile-stats { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; color:#5f6e80; font-size:13px; }.public-profile-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; }.public-video-card { display:grid; gap:10px; overflow:hidden; border:1px solid rgba(87,112,172,.15); border-radius:18px; padding:9px; color:inherit; text-decoration:none; background:rgba(255,255,255,.72); box-shadow:0 8px 26px rgba(37,63,118,.07); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.public-video-card:hover { transform:translateY(-3px); border-color:rgba(75,111,206,.3); box-shadow:0 20px 38px rgba(43,70,134,.14); }.public-video-card-media { position:relative; aspect-ratio:16/9; display:block; overflow:hidden; border-radius:12px; background:linear-gradient(135deg,#253c74,#6b59c8); color:#fff; }.public-video-card-media img { display:block; width:100%; height:100%; object-fit:cover; }.public-video-card-fallback { position:absolute; inset:0; display:grid; place-items:center; font-size:26px; }.public-video-card-overlay { position:absolute; inset:0; display:grid; place-items:center; opacity:0; background:linear-gradient(180deg,rgba(12,19,41,.02),rgba(12,19,41,.5)); transition:opacity .18s ease; }.public-video-card:hover .public-video-card-overlay,.public-video-card:focus-visible .public-video-card-overlay { opacity:1; }.public-video-card-overlay span { display:grid; place-items:center; width:42px; height:42px; padding-left:2px; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(18,28,56,.58); font-size:15px; }.public-video-card-duration { position:absolute; right:8px; bottom:8px; padding:4px 7px; border-radius:7px; background:rgba(13,20,39,.74); color:#fff; font-size:11px; font-weight:750; line-height:1; }.public-video-card-copy { display:grid; gap:3px; min-width:0; padding:1px 2px 3px; }.public-video-card strong { overflow:hidden; color:#1c2942; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.public-video-card small { overflow:hidden; color:#6b778b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width: 760px) { .public-video-shell { grid-template-columns:1fr; }.public-profile-header { align-items:flex-start; flex-direction:column; }.public-profile-stats { justify-content:flex-start; }.public-video-main { width:min(100% - 22px,1120px); margin-top:22px; } }

.video-library-dashboard, .video-profile-settings { margin-top: 18px; }.video-library-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.video-library-head h2 { margin:4px 0; }.video-library-profile-actions { display:flex; flex-wrap:wrap; gap:8px; }.video-library-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:16px; margin-top:22px; align-items:start; }.video-library-card { position:relative; display:grid; gap:11px; min-width:0; overflow:visible; padding:9px; border:1px solid rgba(87,112,172,.15); border-radius:18px; background:rgba(255,255,255,.72); box-shadow:0 8px 26px rgba(37,63,118,.07); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.video-library-card:hover { z-index:2; transform:translateY(-3px); border-color:rgba(75,111,206,.3); box-shadow:0 20px 38px rgba(43,70,134,.14); }.video-library-card-media { position:relative; aspect-ratio:16/9; display:block; overflow:hidden; border-radius:12px; color:#fff; background:linear-gradient(135deg,#253c74,#6b59c8); text-decoration:none; }.video-library-card-media img { display:block; width:100%; height:100%; object-fit:cover; }.video-library-fallback-play { position:absolute; inset:0; display:grid; place-items:center; font-size:26px; color:rgba(255,255,255,.9); }.video-library-card-overlay { position:absolute; inset:0; display:grid; place-items:center; opacity:0; background:linear-gradient(180deg,rgba(12,19,41,.02),rgba(12,19,41,.5)); transition:opacity .18s ease; }.video-library-card-media:hover .video-library-card-overlay,.video-library-card-media:focus-visible .video-library-card-overlay { opacity:1; }.video-library-play { display:grid; place-items:center; width:42px; height:42px; padding-left:2px; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(18,28,56,.58); backdrop-filter:blur(8px); font-size:15px; }.video-library-card-badge,.video-library-card-duration { position:absolute; top:8px; padding:4px 7px; border-radius:7px; background:rgba(13,20,39,.74); color:#fff; font-size:11px; font-weight:750; line-height:1; backdrop-filter:blur(6px); }.video-library-card-badge { left:8px; }.video-library-card-duration { top:auto; right:8px; bottom:8px; }.video-library-card-body { display:grid; gap:5px; min-width:0; padding:1px 2px 3px; }.video-library-card strong,.video-library-card small { display:block; }.video-library-card small { min-width:0; overflow:hidden; color:#6b778b; font-size:12px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }.video-library-title-input { width:100%; min-width:0; border:0; border-bottom:1px solid transparent; background:transparent; color:#1c2942; font-family:inherit; font-size:14px; font-weight:700; line-height:1.3; outline:none; padding:1px 0; text-overflow:ellipsis; }.video-library-title-input:focus { border-bottom-color:#4476d5; }.video-library-card-meta { display:flex; min-width:0; gap:5px; overflow:hidden; }.video-library-card-meta span { overflow:hidden; padding:3px 6px; border-radius:6px; background:rgba(74,101,164,.08); color:#56657e; font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.video-library-card-menu { position:absolute; top:16px; right:16px; z-index:4; }.video-library-card-menu summary { display:grid; width:29px; height:29px; place-items:center; border:0; border-radius:9px; cursor:pointer; list-style:none; background:rgba(12,20,42,.68); color:#fff; font-size:14px; font-weight:800; line-height:1; letter-spacing:1px; }.video-library-card-menu summary::-webkit-details-marker { display:none; }.video-library-card-menu[open] summary { background:#263a72; }.video-library-card-actions { position:absolute; top:36px; right:0; display:grid; min-width:176px; gap:6px; padding:8px; border:1px solid rgba(79,103,158,.18); border-radius:12px; background:rgba(255,255,255,.98); box-shadow:0 18px 40px rgba(29,49,101,.22); }.video-library-card-actions .secondary-pill,.video-library-card-actions select { width:100%; min-height:34px; justify-content:center; text-align:left; }.video-library-card-actions select { padding:0 9px; border:1px solid rgba(65,89,145,.18); border-radius:9px; background:#f8faff; color:#354564; font-family:inherit; font-size:12px; font-weight:700; }.video-library-delete-action { color:#a53030; }.video-library-liked-card { color:inherit; text-decoration:none; }.video-library-liked-card .video-library-card-body strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.video-profile-toggle { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px; min-height:52px; padding:9px 12px; border:1px solid rgba(82,107,183,.18); border-radius:16px; color:#2b3a58; background:rgba(246,249,255,.78); font-weight:700; cursor:pointer; }.video-profile-toggle input { appearance:none; position:relative; width:46px; min-width:46px; height:26px; margin:0; border:1px solid rgba(73,95,145,.24); border-radius:999px; background:#cfd8ea; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease; }.video-profile-toggle input::after { content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(31,48,84,.25); transition:transform .18s ease; }.video-profile-toggle input:checked { border-color:#365fcb; background:linear-gradient(135deg,#315fce,#7659d8); }.video-profile-toggle input:checked::after { transform:translateX(20px); }.video-profile-toggle input:focus-visible { outline:3px solid rgba(82,107,216,.26); outline-offset:3px; }.account-notification-item { display:grid; gap:6px; }.account-notification-item.is-unread { border-left:3px solid #4f6fd0; padding-left:10px; }
.video-profile-settings { width:min(100%,920px); margin-inline:auto; padding:clamp(20px,3vw,30px); border-color:rgba(83,109,178,.14); background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,249,255,.88)); box-shadow:0 24px 64px rgba(42,67,125,.1); }
.video-profile-settings h2 { margin:3px 0 7px; font-size:clamp(24px,3vw,32px); }
.creator-profile-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.creator-profile-form label { display:grid; gap:7px; color:#59677d; font-size:13px; font-weight:700; }
.creator-profile-form input,.creator-profile-form select,.creator-profile-form textarea { width:100%; min-height:46px; box-sizing:border-box; border:1px solid rgba(75,98,151,.18); border-radius:13px; padding:11px 13px; color:#1d2b45; background:rgba(255,255,255,.92); font-family:inherit; font-size:15px; font-weight:500; line-height:1.35; resize:vertical; }
.creator-profile-bio { grid-column:1 / -1; }
.creator-profile-footer { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:3px; }
.creator-profile-status { grid-column:1 / -1; min-height:18px; margin:0; }
.video-profile-toggle { flex:1; grid-template-columns:auto minmax(0,1fr); min-width:0; }
.video-profile-toggle span { display:grid; gap:2px; min-width:0; }
.video-profile-toggle small { color:#68768d; font-size:12px; font-weight:500; line-height:1.35; }
.video-profile-toggle input { box-sizing:border-box; width:46px; min-width:46px; height:26px; min-height:26px; padding:0; flex:none; }
.video-profile-toggle input:disabled { opacity:.58; cursor:wait; }
@media (max-width:640px) { .creator-profile-form { grid-template-columns:1fr; }.creator-profile-bio,.creator-profile-footer,.creator-profile-status { grid-column:1; }.creator-profile-footer { align-items:stretch; flex-direction:column; }.creator-profile-footer .primary-pill { width:100%; }.video-profile-toggle { width:100%; } }
.video-library-title-input { width:100%; border:0; background:transparent; color:#1c2942; font:inherit; font-weight:750; padding:2px 0; outline:none; }.video-library-title-input:focus { border-bottom:1px solid #4476d5; }
.video-dashboard-tabs { display:flex; gap:7px; overflow-x:auto; padding:8px 0 18px; }.video-dashboard-tabs a { flex:0 0 auto; border:1px solid rgba(57,81,132,.12); border-radius:999px; padding:8px 12px; color:#4a5c7a; text-decoration:none; font-size:13px; font-weight:700; }.video-dashboard-tabs a:hover { color:#285dc3; border-color:rgba(52,101,206,.28); background:rgba(91,129,220,.08); }
.video-dashboard-tabs a[aria-current="page"] { color:#fff; border-color:transparent; background:linear-gradient(135deg,#315fce,#7659d8); box-shadow:0 8px 18px rgba(70,87,185,.22); }.account-dashboard-shell [data-account-panel][hidden] { display:none !important; }.account-dashboard-grid[data-account-panel="overview"] { margin-bottom:0; }.account-workspace-panel[data-account-panel="settings"] { min-height:0; }
.account-summary-panel[data-account-panel="overview"], .account-workspace-panel[data-account-panel="settings"] { grid-column:1 / -1; }
.account-summary-panel[data-account-panel="overview"] { grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:start; gap:16px; }
.account-summary-panel[data-account-panel="overview"] > .referral-card-head,
.account-summary-panel[data-account-panel="overview"] > #accountPlanCopy,
.account-summary-panel[data-account-panel="overview"] > .account-access-overview { grid-column:1 / -1; }
.account-summary-panel[data-account-panel="overview"] > .referral-card-head { padding:2px 2px 0; }
.account-summary-panel[data-account-panel="overview"] > #accountPlanCopy { max-width:760px; margin:-10px 2px 4px; color:#5f6d82; }
.account-summary-panel[data-account-panel="overview"] .account-status-card h2 { margin:3px 0 0; font-size:clamp(20px,2.2vw,26px); letter-spacing:-.035em; }
.account-access-overview { gap:15px; border-color:rgba(74,102,176,.14); background:linear-gradient(135deg,rgba(248,251,255,.98),rgba(247,243,255,.9)); }
.account-access-overview .account-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.account-access-overview .account-stat-grid div { min-height:84px; align-content:space-between; border-color:rgba(70,97,169,.1); background:rgba(255,255,255,.76); }
.account-access-overview .account-stat-grid strong { font-size:clamp(17px,2vw,22px); }
.account-history-expander { margin-top:2px; }
.account-history-expander summary { justify-content:space-between; min-height:42px; }
.account-history-expander summary::after { content:"+"; display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:rgba(69,101,190,.09); font-size:17px; line-height:1; }
.account-history-expander[open] summary::after { content:"−"; }
.account-pass-history-panel { grid-column:1 / -1; align-self:start; padding:18px 20px; }
.account-pass-history-panel > summary { display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; list-style:none; }
.account-pass-history-panel > summary::-webkit-details-marker { display:none; }
.account-pass-history-panel > summary span { display:grid; gap:3px; }
.account-pass-history-panel > summary .eyebrow { margin:0; color:#68758b; }
.account-pass-history-panel > summary strong { color:#263552; font-size:18px; }
.account-pass-history-panel > summary > small { max-width:150px; color:#718096; font-size:12px; line-height:1.35; text-align:right; }
.account-pass-history-panel > summary::after { content:"+"; display:grid; width:25px; height:25px; flex:none; place-items:center; border-radius:50%; background:rgba(69,101,190,.09); color:#315fce; font-size:17px; }
.account-pass-history-panel[open] > summary::after { content:"−"; }
.account-pass-history-panel[open] .account-pass-list { margin-top:16px; }
.overview-library-snapshot { grid-column:1 / -1; }.overview-library-stats { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:16px; }.overview-recent-videos { display:grid; gap:8px; margin-top:14px; }.overview-recent-video { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; align-items:center; padding:8px; border:1px solid rgba(104,122,170,.15); border-radius:13px; color:inherit; text-decoration:none; }.overview-recent-preview { display:grid; place-items:center; width:42px; height:42px; border-radius:9px; overflow:hidden; color:#fff; background:linear-gradient(145deg,#587fda,#19294c); }.overview-recent-preview img { width:100%; height:100%; object-fit:cover; }.overview-recent-video strong,.overview-recent-video small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.overview-recent-video small { color:#6b778b; margin-top:2px; }
@media (max-width:900px) { .account-summary-panel[data-account-panel="overview"] { grid-template-columns:1fr; }.account-summary-panel[data-account-panel="overview"] > * { grid-column:1 !important; }.account-access-overview .account-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .overview-library-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .account-access-overview .account-stat-grid { grid-template-columns:1fr 1fr; }.account-pass-history-panel > summary > small { display:none; } }
.pro-library-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0 20px; }.pro-library-compare > div { padding:16px 18px; border:1px solid rgba(82,104,165,.14); border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,244,255,.78)); }.pro-library-compare > div:last-child { background:linear-gradient(135deg,rgba(239,243,255,.96),rgba(244,238,255,.84)); }.pro-library-compare span,.pro-library-compare small { display:block; color:#64718a; font-size:13px; }.pro-library-compare strong { display:block; margin:4px 0; color:#253453; font-size:17px; } @media (max-width:640px) { .pro-library-compare { grid-template-columns:1fr; } }
.public-profile-identity { display:flex; align-items:flex-start; gap:15px; }.public-profile-avatar { width:62px; height:62px; border-radius:50%; object-fit:cover; box-shadow:0 10px 24px rgba(41,72,134,.18); }
.account-page-head { position:relative; }.account-discord-avatar { width:54px; height:54px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.8); box-shadow:0 10px 24px rgba(41,72,134,.18); }
.video-library-preview-shell { position:relative; display:block; width:100%; height:100%; overflow:hidden; background:linear-gradient(135deg,#253c74,#6b59c8); }.video-library-preview-shell > img { position:relative; z-index:1; display:block; width:100%; height:100%; object-fit:cover; background:#19294c; }.video-library-preview-fallback { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 23% 18%,rgba(171,202,255,.48),transparent 35%),radial-gradient(circle at 78% 78%,rgba(217,173,255,.44),transparent 38%),linear-gradient(135deg,#253c74,#6b59c8); }.video-library-preview-fallback::before { content:""; position:absolute; width:64%; height:64%; border:1px solid rgba(255,255,255,.2); border-radius:50%; transform:translate(19%,-14%); }.video-library-preview-fallback span { position:relative; z-index:1; display:grid; width:42px; height:42px; place-items:center; padding-left:2px; border:1px solid rgba(255,255,255,.58); border-radius:50%; background:rgba(18,28,56,.46); color:#fff; font-size:14px; line-height:1; box-shadow:0 8px 22px rgba(11,19,48,.24); }.video-library-preview-video,.overview-recent-preview-video,.public-video-card-media video { display:block; width:100%; height:100%; object-fit:cover; background:#19294c; }

@media (max-width:640px) { .video-library-head { display:flex; flex-direction:column; align-items:flex-start; }.video-library-grid { grid-template-columns:1fr; gap:13px; }.video-library-card { padding:8px; }.video-library-card-actions { min-width:164px; }.video-library-summary { grid-template-columns:repeat(2,1fr); } }

/* First-party support chat. It deliberately stays compact and never loads remote JavaScript. */
.support-chat { position:fixed; z-index:70; right:18px; bottom:18px; font-family:inherit; }

.version-choice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(132px,1fr)); gap:8px; margin:12px 0; }
.version-choice { min-height:44px; padding:9px 12px; border:1px solid rgba(54,95,190,.2); border-radius:12px; color:#28395d; background:#fff; font-family:inherit; font-size:13px; font-weight:700; line-height:1.2; cursor:pointer; transition:border-color .18s ease,background .18s ease,color .18s ease; }
.version-choice:hover,.version-choice.is-selected { border-color:#3565d4; color:#fff; background:linear-gradient(135deg,#3565d4,#735bda); }
.version-choice:focus-visible { outline:3px solid rgba(53,101,212,.3); outline-offset:2px; }
.converter-action-row { display:grid; justify-items:start; gap:9px; margin-top:16px; }
.converter-action-row small { color:var(--muted); }
.converter-action-row .primary-pill:disabled { cursor:wait; opacity:.68; }
.converter-download-ready { display:grid; justify-items:start; gap:6px; margin-top:16px; padding:18px; border:1px solid rgba(87,113,207,.24); border-radius:16px; background:radial-gradient(circle at 0 0,rgba(99,191,255,.2),transparent 54%),linear-gradient(135deg,rgba(250,253,255,.98),rgba(247,243,255,.98)); box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 26px rgba(58,81,157,.1); }
.converter-download-ready > span { color:#4564b6; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.converter-download-ready strong { max-width:100%; overflow-wrap:anywhere; color:var(--ink); font-size:15px; }
.converter-download-ready small { color:var(--muted); }
.converter-download-ready .primary-pill { margin-top:5px; }
body:has(#downgradeForm) .checker-workbench { border-color:rgba(100,117,215,.22); background:radial-gradient(circle at 8% 0,rgba(103,193,255,.2),transparent 34%),radial-gradient(circle at 100% 100%,rgba(178,124,255,.18),transparent 38%),rgba(255,255,255,.86); box-shadow:0 28px 74px rgba(68,91,161,.14); }
body:has(#downgradeForm) #downgradeResult { border:1px solid rgba(100,117,215,.18); border-radius:20px; background:linear-gradient(135deg,rgba(247,251,255,.94),rgba(250,247,255,.9)); box-shadow:0 18px 48px rgba(68,91,161,.1); }

/* Public TikTok post checker */
.checker-page {
  color: #1d2638;
  background:
    radial-gradient(circle at 13% 12%, rgba(142, 206, 255, .22), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(189, 156, 255, .2), transparent 31%),
    linear-gradient(180deg, #f8fbff 0%, #fff 42%, #f8f9fd 100%);
}

.checker-main {
  width: min(1160px, calc(100% - 40px));
  padding: clamp(116px, 12vw, 150px) 0 88px;
}

.checker-page .checker-intro {
  max-width: 880px;
  margin: 0 auto 38px;
  text-align: center;
}

.checker-page .checker-intro h1 {
  max-width: none;
  margin: 8px 0 16px;
  font-size: clamp(48px, 7.2vw, 84px);
  line-height: .98;
  letter-spacing: -.058em;
}

.checker-page .checker-intro .lead {
  max-width: 730px;
  margin-inline: auto;
  color: #526078;
  font-size: clamp(19px, 2.1vw, 25px);
  line-height: 1.35;
}

.checker-trust-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
}

.checker-trust-row span {
  padding: 7px 11px;
  border: 1px solid rgba(70, 98, 168, .13);
  border-radius: 999px;
  color: #53627b;
  background: rgba(255, 255, 255, .7);
  font-size: 12px;
  font-weight: 700;
}

.checker-page .checker-workbench {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  overflow: hidden;
  padding: clamp(22px, 3.4vw, 38px);
  border: 1px solid rgba(80, 107, 177, .15);
  border-radius: 26px;
  background:
    radial-gradient(circle at 0 0, rgba(142, 211, 255, .18), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(187, 150, 255, .17), transparent 42%),
    rgba(255, 255, 255, .88);
  box-shadow: 0 28px 74px rgba(54, 78, 135, .13), inset 0 1px rgba(255, 255, 255, .9);
}

.checker-workbench-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.checker-workbench-head h2 {
  margin: 3px 0 0;
  font-size: clamp(25px, 3vw, 34px);
  letter-spacing: -.04em;
}

.checker-link-mark {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, #3475d7, #795bd9);
  box-shadow: 0 12px 26px rgba(68, 91, 190, .24);
}

.checker-link-mark svg {
  width: 23px;
  height: 23px;
}

.checker-page .checker-form {
  position: relative;
  display: grid;
  gap: 10px;
}

.checker-url-control {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  overflow: hidden;
  min-height: 66px;
  padding: 8px 8px 8px 18px;
  border: 1px solid rgba(62, 86, 144, .18);
  border-radius: 19px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 32px rgba(53, 75, 128, .08);
  transition: border-color .2s ease, box-shadow .2s ease;
}

.checker-url-control:focus-within {
  border-color: rgba(45, 101, 205, .58);
  box-shadow: 0 0 0 4px rgba(60, 114, 219, .1), 0 14px 36px rgba(53, 75, 128, .1);
}

.checker-url-control > svg {
  width: 22px;
  height: 22px;
  color: #687a97;
}

.checker-url-control .tool-input {
  min-width: 0;
  min-height: 48px;
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  outline: 0;
  font-size: 16px;
}

.checker-url-control .primary-pill {
  min-height: 48px;
  padding-inline: 22px;
  cursor: pointer;
}

.checker-url-control .primary-pill:disabled {
  cursor: wait;
  opacity: .7;
}

.checker-form.is-checking .checker-url-control::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #477cda, #8c61db, transparent);
  animation: checker-scan 1.1s ease-in-out infinite;
  transform-origin: left;
}

@keyframes checker-scan {
  0% { transform: translateX(-80%) scaleX(.35); }
  50% { transform: translateX(10%) scaleX(.75); }
  100% { transform: translateX(80%) scaleX(.35); }
}

.checker-page .tool-status {
  min-height: 20px;
  padding-left: 4px;
}

.checker-page .tool-status[data-state="success"] { color: #087a52; }
.checker-page .tool-status[data-state="loading"] { color: #49658e; }

.checker-capabilities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(72, 96, 154, .12);
  padding-top: 20px;
}

.checker-capabilities article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 1px 22px;
  border-left: 1px solid rgba(72, 96, 154, .12);
}

.checker-capabilities article:first-child {
  border-left: 0;
  padding-left: 0;
}

.checker-capabilities article:last-child { padding-right: 0; }
.checker-capabilities strong { color: #293955; font-size: 14px; }
.checker-capabilities span { color: #68768c; font-size: 12px; line-height: 1.45; }
.checker-capability-note { margin: -9px 0 0; color: #7a8597; font-size: 11px; line-height: 1.45; }

.checker-page .checker-result {
  gap: 0;
  scroll-margin-top: 82px;
  margin-top: 24px;
  padding: clamp(22px, 3.4vw, 38px);
  border-color: rgba(70, 95, 156, .14);
  border-radius: 26px;
  box-shadow: 0 28px 76px rgba(46, 66, 112, .11);
}

.checker-result-head {
  align-items: center;
  padding-bottom: 24px;
}

.checker-result-head h2 {
  margin: 3px 0 2px;
  font-size: clamp(27px, 3.5vw, 38px);
  letter-spacing: -.045em;
}

.checker-open-post {
  flex: 0 0 auto;
  text-decoration: none;
}

.checker-post-overview {
  display: grid;
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 46px);
  align-items: start;
  padding: 26px 0 34px;
  border-top: 1px solid rgba(70, 95, 156, .11);
}

.checker-page .tool-preview {
  position: relative;
  width: 100%;
  max-width: none;
  aspect-ratio: 9 / 14;
  border: 0;
  border-radius: 20px;
  background:
    radial-gradient(circle at 20% 15%, rgba(141, 205, 255, .55), transparent 40%),
    linear-gradient(145deg, #dce8f8, #d9d1ef);
  box-shadow: 0 22px 46px rgba(43, 63, 108, .18);
}

.checker-page .tool-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.checker-preview-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, .92);
}

.checker-preview-fallback svg {
  width: 58px;
  height: 58px;
  filter: drop-shadow(0 8px 15px rgba(32, 48, 86, .2));
}

.checker-post-copy {
  display: grid;
  align-content: start;
  gap: 18px;
  min-width: 0;
  padding-top: 4px;
}

.checker-creator {
  display: flex;
  align-items: center;
  gap: 11px;
}

.checker-creator img,
.checker-creator-fallback {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  object-fit: cover;
  color: #fff;
  background: linear-gradient(135deg, #3977d8, #775bd7);
  font-weight: 800;
}

.checker-creator > span:not(.checker-creator-fallback):not(.checker-verified) {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.checker-creator strong,
.checker-creator small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checker-creator strong { color: #23324c; font-size: 16px; }
.checker-creator small { color: #6a778c; font-size: 13px; }

.checker-verified {
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #2d78df;
}

.checker-verified svg { width: 16px; height: 16px; }

.checker-caption {
  max-width: 760px;
  margin: 0;
  color: #202b3e;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.4;
  white-space: pre-line;
}

.checker-post-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.checker-post-fact {
  display: grid;
  gap: 2px;
  padding-right: 16px;
  border-right: 1px solid rgba(75, 97, 150, .13);
}

.checker-post-fact small { color: #748096; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.checker-post-fact strong { max-width: 420px; color: #40506a; font-size: 13px; font-weight: 650; }

.checker-availability-chip,
.checker-hashtags span {
  padding: 6px 9px;
  border-radius: 999px;
  color: #52627c;
  background: #f1f4fa;
  font-size: 11px;
  font-weight: 700;
}

.checker-hashtags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.checker-hashtags span {
  color: #3568c9;
  background: rgba(69, 111, 206, .08);
}

.checker-page .posted-verdict {
  border: 0;
  border-radius: 13px;
  padding: 12px 14px;
  background: #f6f8fc;
}

.checker-page .posted-verdict-head {
  display: flex;
  align-items: center;
  gap: 9px;
  border-left: 0;
  padding-left: 0;
}

.checker-page .posted-verdict-head > span {
  display: grid;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #69778e;
  background: rgba(89, 106, 141, .1);
}

.checker-page .posted-verdict-head > span svg { width: 15px; height: 15px; }
.checker-page .posted-verdict-head.is-good > span { color: #087a52; background: rgba(8, 132, 87, .1); }
.checker-page .posted-verdict-head.is-needs_attention > span { color: #a8472e; background: rgba(190, 79, 47, .1); }

.checker-report-section {
  padding: 30px 0;
  border-top: 1px solid rgba(70, 95, 156, .11);
}

.checker-section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 18px;
}

.checker-section-head h3 {
  margin: 3px 0 0;
  color: #26344d;
  font-size: clamp(21px, 2.3vw, 28px);
  letter-spacing: -.035em;
}

.checker-section-head > span {
  color: #788499;
  font-size: 12px;
}

.checker-stat-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.checker-stat-card {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 104px;
  padding: 15px;
  border: 1px solid rgba(69, 96, 158, .1);
  border-radius: 15px;
  background: linear-gradient(145deg, #fbfdff, #f6f7fc);
}

.checker-stat-card span { color: #6a778d; font-size: 11px; font-weight: 750; text-transform: uppercase; }
.checker-stat-card strong { color: #24324a; font-size: clamp(20px, 2.3vw, 27px); letter-spacing: -.035em; }
.checker-stat-card small { color: #7b8799; font-size: 10px; line-height: 1.35; }

.checker-page .tool-meta-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.checker-page .tool-meta-card {
  display: grid;
  gap: 7px;
  min-height: 82px;
  align-content: space-between;
  border-color: rgba(67, 92, 153, .1);
  border-radius: 14px;
  padding: 14px;
  background: #fafbfe;
}

.checker-page .tool-meta-card strong { font-size: 17px; }

.checker-page .tool-check-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.checker-page .tool-check-card {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 148px;
  padding: 16px;
  border-color: rgba(71, 97, 158, .11);
  border-radius: 15px;
  background: #fafbfe;
}

.checker-page .tool-check-card.is-ok {
  border-color: rgba(8, 132, 87, .16);
  background: linear-gradient(145deg, #f9fdfb, #f3faf6);
}

.checker-page .tool-check-card.is-warn {
  border-color: rgba(190, 79, 47, .17);
  background: linear-gradient(145deg, #fffdfa, #fff7f4);
}

.tool-check-state {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #738097;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.tool-check-state svg { width: 16px; height: 16px; }
.is-ok .tool-check-state { color: #087a52; }
.is-warn .tool-check-state { color: #a8472e; }
.checker-page .tool-check-top { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.checker-page .tool-check-card p { margin-top: 0; }

.checker-page .tool-result-note {
  padding-top: 22px;
  border-top: 1px solid rgba(70, 95, 156, .11);
}

@media (max-width: 960px) {
  .checker-stat-grid,
  .checker-page .tool-meta-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .checker-main { width: min(100% - 24px, 1160px); padding-top: 42px; }
  .checker-page .checker-intro { text-align: left; }
  .checker-trust-row { justify-content: flex-start; }
  .checker-capabilities { grid-template-columns: 1fr; }
  .checker-capabilities article,
  .checker-capabilities article:first-child,
  .checker-capabilities article:last-child { padding: 11px 0; border-top: 1px solid rgba(72, 96, 154, .1); border-left: 0; }
  .checker-capabilities article:first-child { border-top: 0; }
  .checker-post-overview { grid-template-columns: minmax(150px, 210px) minmax(0, 1fr); gap: 22px; }
}

@media (max-width: 620px) {
  .checker-url-control { grid-template-columns: auto minmax(0, 1fr); padding: 9px 12px 12px; }
  .checker-url-control .primary-pill { grid-column: 1 / -1; width: 100%; }
  .checker-post-overview { grid-template-columns: 1fr; }
  .checker-page .tool-preview { width: min(100%, 260px); justify-self: center; }
  .checker-result-head,
  .checker-section-head { align-items: flex-start; flex-direction: column; }
  .checker-open-post { width: 100%; }
  .checker-stat-grid,
  .checker-page .tool-meta-grid,
  .checker-page .tool-check-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 390px) {
  .checker-stat-grid,
  .checker-page .tool-meta-grid,
  .checker-page .tool-check-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .checker-form.is-checking .checker-url-control::after { animation: none; }
  .checker-url-control { transition: none; }
}

/* Converter */
.converter-page {
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(ellipse 74vw 64vh at 4% 14%, rgba(104, 192, 255, .2), transparent 72%),
    radial-gradient(ellipse 70vw 66vh at 96% 24%, rgba(179, 133, 255, .18), transparent 74%),
    linear-gradient(145deg, #f8fbff 0%, #fff 48%, #faf7ff 100%);
}

.converter-main {
  position: relative;
  isolation: isolate;
  width: min(920px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(116px, 13vw, 154px) 0 72px;
}

.converter-ambient {
  position: absolute;
  z-index: -1;
  top: 76px;
  left: 50%;
  width: min(980px, 112vw);
  height: 520px;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 25% 32%, rgba(81, 176, 255, .2), transparent 35%),
    radial-gradient(circle at 75% 38%, rgba(161, 108, 240, .18), transparent 34%);
  filter: blur(24px);
}

.converter-hero {
  max-width: 780px;
  margin: 0 auto 34px;
  text-align: center;
}

.converter-hero .eyebrow { color: #4265c5; }
.converter-hero h1 {
  margin: 11px 0 17px;
  font-size: clamp(42px, 7vw, 72px);
  line-height: .98;
  letter-spacing: -.055em;
}

.converter-hero > p:not(.eyebrow) {
  max-width: 670px;
  margin: 0 auto;
  color: #536078;
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.55;
}

.converter-format-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
}

.converter-format-row span {
  padding: 7px 11px;
  border: 1px solid rgba(72, 100, 173, .14);
  border-radius: 999px;
  color: #52627d;
  background: rgba(255, 255, 255, .68);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  font-size: 12px;
  font-weight: 700;
}

.converter-shell {
  overflow: hidden;
  border: 1px solid rgba(94, 117, 187, .2);
  border-radius: 28px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 34px 90px rgba(53, 78, 143, .16), inset 0 1px rgba(255, 255, 255, .92);
  backdrop-filter: blur(24px) saturate(120%);
}

.converter-shell-head,
.converter-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

.converter-shell-head {
  padding: 30px 34px 21px;
}

.converter-shell-head h2,
.converter-result-head h2 {
  margin: 5px 0 0;
  font-size: clamp(23px, 3vw, 31px);
  letter-spacing: -.035em;
}

.converter-shell-head > p,
.converter-result-head > div > p:last-child {
  max-width: 300px;
  margin: 6px 0 0;
  color: #68748b;
  font-size: 13px;
  line-height: 1.5;
}

.converter-step {
  float: left;
  display: grid;
  width: 25px;
  height: 25px;
  margin: -2px 9px 0 0;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(135deg, #3b69d0, #7559d7);
  box-shadow: 0 7px 16px rgba(66, 89, 186, .24);
  font-size: 12px;
  font-weight: 800;
}

.converter-form {
  display: grid;
  gap: 14px;
  padding: 0 34px 32px;
}

.converter-dropzone {
  min-height: 152px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 25px;
  border: 1.5px dashed rgba(70, 105, 190, .3);
  border-radius: 21px;
  color: #263552;
  background:
    radial-gradient(circle at 8% 0, rgba(95, 191, 255, .15), transparent 42%),
    radial-gradient(circle at 100% 100%, rgba(176, 126, 255, .13), transparent 42%),
    rgba(250, 252, 255, .9);
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.converter-dropzone:hover,
.converter-dropzone:focus-visible,
.converter-dropzone.is-dragging {
  border-color: rgba(60, 99, 207, .72);
  outline: none;
  box-shadow: 0 0 0 4px rgba(73, 111, 215, .11), inset 0 1px rgba(255, 255, 255, .95);
}

.converter-dropzone.has-file { display: none; }
.converter-file-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(68, 104, 195, .16);
  border-radius: 17px;
  color: #4269c8;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 28px rgba(60, 88, 158, .11);
}

.converter-file-icon svg { width: 27px; height: 27px; }
.converter-drop-copy { min-width: 0; display: grid; gap: 5px; }
.converter-drop-copy strong { font-size: 17px; }
.converter-drop-copy span { color: #6b768b; font-size: 13px; }
.converter-file-button {
  min-height: 43px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(61, 91, 161, .19);
  border-radius: 999px;
  color: #3459b0;
  background: #fff;
  box-shadow: 0 8px 20px rgba(47, 76, 143, .08);
  font-size: 13px;
  font-weight: 800;
}

.converter-selected-file {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(53, 135, 104, .17);
  border-radius: 15px;
  background: rgba(241, 251, 247, .84);
}

.converter-selected-check {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 10px;
  color: #157653;
  background: rgba(48, 154, 116, .12);
}

.converter-selected-check svg { width: 19px; height: 19px; }
.converter-selected-file strong,
.converter-selected-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.converter-selected-file strong { color: #253650; font-size: 14px; }
.converter-selected-file small { margin-top: 3px; color: #6a778a; font-size: 12px; }
.converter-change-file {
  min-height: 36px;
  border: 0;
  padding: 0 9px;
  color: #365ebd;
  background: transparent;
  font-family: inherit;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  cursor: pointer;
}
.converter-file-actions { display:flex; align-items:center; gap:4px; }

.converter-inspect-button { justify-self: start; margin-top: 3px; }
.converter-inspect-button:disabled { cursor: not-allowed; opacity: .48; }
.converter-result {
  display: grid;
  gap: 21px;
  padding: 30px 34px 34px;
  border-top: 1px solid rgba(86, 109, 174, .14);
  background: linear-gradient(145deg, rgba(247, 251, 255, .92), rgba(250, 247, 255, .88));
}

.converter-source-badge {
  flex: 0 0 auto;
  padding: 8px 11px;
  border: 1px solid rgba(78, 104, 177, .16);
  border-radius: 999px;
  color: #465b89;
  background: rgba(255, 255, 255, .76);
  font-size: 12px;
  font-weight: 750;
}
.converter-source-status { display: grid; justify-items: end; gap: 7px; min-width: 0; }
.converter-confidence-badge {
  display: inline-flex;
  align-items: center;
  max-width: 220px;
  padding: 5px 9px;
  border: 1px solid rgba(78, 104, 177, .14);
  border-radius: 999px;
  color: #5b6b87;
  background: rgba(255, 255, 255, .52);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .03em;
  line-height: 1.2;
  text-align: right;
}
.converter-confidence-badge[data-confidence="exact"] { border-color: rgba(45, 145, 102, .2); color: #267852; background: rgba(231, 250, 241, .72); }
.converter-confidence-badge[data-confidence="metadata"] { border-color: rgba(193, 137, 36, .23); color: #876018; background: rgba(255, 247, 224, .78); }
.converter-confidence-badge[data-confidence="family"] { border-color: rgba(78, 104, 177, .18); color: #53688f; background: rgba(240, 245, 255, .82); }
.converter-inspection-notice {
  margin: -7px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(193, 137, 36, .2);
  border-radius: 12px;
  color: #70571e;
  background: rgba(255, 249, 232, .84);
  font-size: 12px;
  line-height: 1.45;
}

.converter-version-panel { min-width: 0; }
.converter-page .version-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.converter-page .version-choice {
  min-height: 68px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 4px;
  border-radius: 15px;
  padding: 11px 14px;
  text-align: left;
}

.converter-page .version-choice small { color: inherit; font-size: 10px; font-weight: 700; opacity: .76; }
.converter-page .converter-action-row {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  margin-top: 18px;
}

.converter-page .converter-action-row small { max-width: 410px; line-height: 1.45; }
.converter-no-target { margin: 0; color: #66738a; }
.converter-history { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; margin-top:24px; padding:24px 28px; border:1px solid rgba(94,117,187,.18); border-radius:22px; background:rgba(255,255,255,.72); box-shadow:0 18px 42px rgba(53,78,143,.09); backdrop-filter:blur(18px); }
.converter-history h2 { margin:4px 0 7px; color:#263653; font-size:22px; letter-spacing:-.03em; }
.converter-history p { margin:0; color:#657189; font-size:13px; line-height:1.5; }
.converter-history-content { min-width:0; }
.converter-history-list { display:grid; gap:8px; }
.converter-history-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px 0; border-bottom:1px solid rgba(82,104,165,.11); }
.converter-history-row:last-child { border-bottom:0; }
.converter-history-row strong,.converter-history-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.converter-history-row strong { color:#293853; font-size:13px; }.converter-history-row small { margin-top:3px; color:#6d7890; font-size:11px; }.converter-history-empty { padding:13px 0; }
.converter-history-more { justify-self:start; margin-top:13px; }
.converter-history-row.is-revealed { animation:converterHistoryRowReveal 230ms cubic-bezier(0,0,.2,1) both; animation-delay:calc(var(--converter-history-reveal-index, 0) * 35ms); }
@keyframes converterHistoryRowReveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (max-width:700px) { .converter-history { grid-template-columns:1fr; padding:20px; }.converter-history-row { align-items:start; }.converter-history-row .converter-change-file { padding-right:0; } }

.converter-footnote { margin: 18px 0 0; color: #7a8393; text-align: center; font-size: 11px; }
.converter-download-frame { position: fixed; width: 1px; height: 1px; border: 0; opacity: 0; pointer-events: none; }
.owner-converter-history { display:grid; gap:8px; margin-top:20px; padding-top:18px; border-top:1px solid rgba(82,104,165,.14); }

.converter-error-modal {
  position: fixed;
  z-index: 180;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(24, 34, 61, .4);
  backdrop-filter: blur(14px);
}

.converter-error-card {
  position: relative;
  width: min(470px, 100%);
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 25px;
  color: #22314d;
  background:
    radial-gradient(circle at 0 0, rgba(120, 191, 255, .16), transparent 45%),
    linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(246, 248, 255, .98));
  box-shadow: 0 35px 100px rgba(22, 38, 81, .32), inset 0 1px rgba(255, 255, 255, .95);
}

.converter-error-card .eyebrow { margin: 16px 0 6px; color: #a34b4b; }
.converter-error-card h2 { max-width: 350px; margin: 0 42px 9px 0; font-size: 28px; line-height: 1.08; letter-spacing: -.035em; }
.converter-error-card > p:not(.eyebrow) { margin: 0; color: #667087; line-height: 1.55; }
.converter-error-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 15px;
  color: #b25454;
  background: rgba(193, 79, 79, .1);
}

.converter-error-icon svg { width: 25px; height: 25px; }
.converter-error-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  color: #59667d;
  background: rgba(79, 99, 145, .08);
  cursor: pointer;
}

.converter-error-close svg { width: 19px; height: 19px; }
.converter-error-close:hover { background: rgba(79, 99, 145, .14); }
.converter-error-close:focus-visible { outline: 3px solid rgba(72, 106, 207, .27); outline-offset: 2px; }
.converter-error-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }

@media (max-width: 760px) {
  .converter-main { width: min(100% - 24px, 920px); padding-top: 104px; }
  .converter-hero { margin-bottom: 25px; }
  .converter-shell { border-radius: 22px; }
  .converter-shell-head,
  .converter-result-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .converter-shell-head,
  .converter-form,
  .converter-result { padding-left: 20px; padding-right: 20px; }
  .converter-dropzone { grid-template-columns: auto minmax(0, 1fr); min-height: 138px; padding: 19px; }
  .converter-file-button { grid-column: 1 / -1; width: 100%; }
  .converter-source-status { align-self: flex-start; justify-items: start; }
  .converter-confidence-badge { text-align: left; }
  .converter-page .version-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .converter-page .converter-action-row { grid-template-columns: 1fr; }
  .converter-page .converter-action-row .primary-pill { width: 100%; justify-content: center; }
}

@media (max-width: 420px) {
  .converter-hero h1 { font-size: 39px; }
  .converter-format-row span { font-size: 11px; }
  .converter-file-icon { width: 47px; height: 47px; }
  .converter-drop-copy strong { font-size: 15px; }
  .converter-page .version-choice-grid { grid-template-columns: 1fr; }
  .converter-error-card { padding: 24px 20px; border-radius: 21px; }
  .converter-error-actions { display: grid; }
  .converter-error-actions > * { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .converter-dropzone,
  .converter-page .version-choice { transition: none; }
  .converter-history-row.is-revealed { animation: none; }
}

/* Converter workspace */
.converter-main {
  width: min(1080px, calc(100% - 40px));
  padding: clamp(104px, 10vw, 132px) 0 52px;
}

.converter-ambient {
  top: 42px;
  width: min(1180px, 116vw);
  height: 640px;
  background:
    radial-gradient(circle at 18% 20%, rgba(77, 181, 255, .2), transparent 34%),
    radial-gradient(circle at 85% 30%, rgba(163, 112, 245, .17), transparent 35%),
    radial-gradient(circle at 48% 76%, rgba(101, 140, 236, .1), transparent 32%);
  display: none;
}

.converter-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 26px;
}

.converter-intro > div:first-child { max-width: 720px; }
.converter-intro .eyebrow { margin: 0 0 10px; color: #4265c5; }
.converter-intro h1 {
  margin: 0;
  font-size: clamp(38px, 5.4vw, 61px);
  line-height: 1.01;
  letter-spacing: -.052em;
}

.converter-intro > div:first-child > p:last-child {
  max-width: 620px;
  margin: 15px 0 0;
  color: #56637a;
  font-size: 17px;
  line-height: 1.55;
}

.converter-file-types {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  padding-bottom: 4px;
}

.converter-file-types span {
  display: grid;
  min-width: 84px;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(72, 100, 173, .14);
  border-radius: 14px;
  color: #68748b;
  background: rgba(255, 255, 255, .68);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
  font-size: 11px;
}

.converter-file-types b { color: #304c92; font-size: 13px; letter-spacing: .04em; }

.converter-workspace {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  overflow: hidden;
  min-height: 450px;
  border: 1px solid rgba(82, 108, 180, .2);
  border-radius: 28px;
  background: rgba(255, 255, 255, .77);
  box-shadow: 0 32px 88px rgba(47, 72, 140, .16), inset 0 1px rgba(255, 255, 255, .96);
  backdrop-filter: blur(26px) saturate(125%);
}

.converter-source-panel,
.converter-target-panel,
.converter-waiting-panel {
  min-width: 0;
  padding: 30px;
}

.converter-source-panel {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-right: 1px solid rgba(82, 108, 180, .14);
}

.converter-panel-heading,
.converter-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.converter-panel-heading .label,
.converter-result-head .label { margin: 0 0 5px; }
.converter-panel-heading h2,
.converter-result-head h2 {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.converter-panel-heading > span {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  color: #52617e;
  background: rgba(75, 103, 176, .08);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}

.converter-file-dock {
  position: relative;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 26px;
  overflow: hidden;
  border: 1px solid rgba(65, 97, 180, .2);
  border-radius: 21px;
  text-align: center;
  color: #253552;
  background:
    radial-gradient(circle at 18% 5%, rgba(91, 190, 255, .2), transparent 40%),
    radial-gradient(circle at 90% 92%, rgba(166, 118, 244, .17), transparent 42%),
    rgba(250, 252, 255, .92);
  box-shadow: inset 0 1px rgba(255, 255, 255, .95);
}

.converter-file-dock::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .54) 49%, transparent 67%);
  transform: translateX(-115%);
  transition: transform 380ms ease;
}

.converter-file-dock:hover::after,
.converter-file-dock.is-dragging::after { transform: translateX(115%); }
.converter-file-dock:hover,
.converter-file-dock:focus-visible,
.converter-file-dock.is-dragging {
  border-color: rgba(56, 93, 200, .62);
  outline: none;
  box-shadow: 0 0 0 4px rgba(68, 105, 214, .1), inset 0 1px rgba(255, 255, 255, .98);
}

.converter-file-dock.has-file { display: none; }
.converter-file-dock-icon {
  display: grid;
  width: 58px;
  height: 66px;
  place-items: center;
  border: 1px solid rgba(61, 96, 191, .17);
  border-radius: 16px;
  color: #4168ca;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 32px rgba(55, 83, 151, .13);
  transform: rotate(-2deg);
}

.converter-file-dock-icon svg { width: 29px; height: 29px; }
.converter-file-dock .converter-drop-copy { display: grid; gap: 4px; }
.converter-file-dock .converter-drop-copy strong { font-size: 17px; }
.converter-file-dock .converter-drop-copy span { color: #68748a; font-size: 13px; }
.converter-file-dock .converter-file-button {
  min-height: 38px;
  padding: 0 15px;
  border-color: rgba(55, 86, 162, .19);
  color: #315bbd;
  box-shadow: 0 8px 18px rgba(52, 78, 143, .08);
}

.converter-folder-picker {
  display: flex;
  justify-content: center;
  margin-top: -2px;
}

.converter-folder-picker .converter-change-file {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(65, 97, 180, .18);
  border-radius: 999px;
  color: #315bbd;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 18px rgba(52, 78, 143, .07);
}

.converter-folder-picker.hidden { display: none; }

.converter-selected-file {
  min-height: 86px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 14px;
  border-color: rgba(69, 101, 183, .17);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(247, 251, 255, .96), rgba(249, 246, 255, .94));
}

.converter-selected-format {
  display: grid;
  width: 48px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(63, 94, 181, .16);
  border-radius: 13px;
  color: #3c62bd;
  background: #fff;
  box-shadow: 0 9px 22px rgba(52, 78, 143, .1);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .05em;
}

.converter-inspect-button {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  margin-top: auto;
}

.converter-source-panel .tool-status {
  min-height: 34px;
  margin: 0;
  color: #6d7789;
  font-size: 11px;
  line-height: 1.45;
}

.converter-waiting-panel {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 25px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 38%, rgba(91, 153, 237, .13), transparent 34%),
    linear-gradient(145deg, rgba(248, 251, 255, .55), rgba(250, 247, 255, .58));
}

.converter-version-stack {
  position: relative;
  width: 112px;
  height: 94px;
}

.converter-version-stack i {
  position: absolute;
  left: 50%;
  width: 78px;
  height: 54px;
  border: 1px solid rgba(69, 101, 190, .19);
  border-radius: 15px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 14px 30px rgba(53, 78, 143, .11);
  transform: translateX(-50%);
}

.converter-version-stack i:nth-child(1) { top: 0; margin-left: -17px; transform: translateX(-50%) rotate(-8deg); }
.converter-version-stack i:nth-child(2) { top: 12px; margin-left: 17px; transform: translateX(-50%) rotate(8deg); }
.converter-version-stack i:nth-child(3) { top: 28px; border-color: rgba(66, 96, 186, .26); background: linear-gradient(135deg, #f7fbff, #f4efff); }
.converter-waiting-panel h2 { max-width: 330px; margin: 5px auto 8px; font-size: 24px; line-height: 1.12; letter-spacing: -.035em; }
.converter-waiting-panel p:last-child { max-width: 340px; margin: 0 auto; color: #69758a; font-size: 13px; line-height: 1.5; }

.converter-target-panel {
  display: grid;
  align-content: start;
  gap: 24px;
  border: 0;
  background: linear-gradient(145deg, rgba(248, 251, 255, .72), rgba(250, 247, 255, .7));
}

.converter-result.hidden,
.converter-waiting-panel.hidden { display: none; }
.converter-result-head > div > p:last-child { max-width: 340px; }
.converter-page .version-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.converter-page .version-choice {
  min-height: 62px;
  border-color: rgba(57, 91, 178, .16);
  border-radius: 14px;
  color: #354668;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 7px 18px rgba(58, 82, 145, .06);
}

.converter-page .version-choice:hover {
  border-color: rgba(53, 101, 212, .5);
  color: #2f54ab;
  background: #fff;
}

.converter-page .version-choice.is-selected {
  border-color: #3d68d0;
  color: #fff;
  background: linear-gradient(135deg, #3766d2, #6f58d3);
  box-shadow: 0 13px 27px rgba(57, 80, 174, .21);
}

.converter-bottom-note {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 14px;
  color: #747e90;
  font-size: 11px;
}

.converter-error-card .eyebrow { color: #4265c5; }

@media (max-width: 820px) {
  .converter-main { width: min(100% - 24px, 1080px); padding-top: 98px; }
  .converter-intro { align-items: flex-start; flex-direction: column; gap: 18px; }
  .converter-file-types { padding: 0; }
  .converter-workspace { grid-template-columns: 1fr; border-radius: 23px; }
  .converter-source-panel { border-right: 0; border-bottom: 1px solid rgba(82, 108, 180, .14); }
  .converter-waiting-panel { min-height: 330px; }
  .converter-bottom-note { align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (max-width: 480px) {
  .converter-intro h1 { font-size: 38px; }
  .converter-intro > div:first-child > p:last-child { font-size: 15px; }
  .converter-file-types { width: 100%; }
  .converter-file-types span { min-width: 0; flex: 1; }
  .converter-source-panel,
  .converter-target-panel,
  .converter-waiting-panel { padding: 20px; }
  .converter-file-dock { min-height: 210px; padding: 22px 16px; }
  .converter-page .version-choice-grid { grid-template-columns: 1fr; }
  .converter-result-head { flex-direction: column; }
  .converter-source-badge { align-self: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .converter-file-dock::after { display: none; }
}

.owner-converter-panel {
  display: grid;
  gap: 20px;
  padding: 24px;
  border: 1px solid rgba(84, 107, 170, .18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0 0, rgba(85, 180, 255, .12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(248, 247, 255, .9));
  box-shadow: 0 18px 44px rgba(49, 70, 127, .1);
}

.owner-converter-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.owner-converter-heading h2 { margin: 4px 0 5px; }
.owner-converter-heading .admin-copy { margin: 0; }
.owner-retention-badge {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  color: #3e5ba1;
  background: rgba(63, 98, 190, .09);
  font-size: 11px;
  font-weight: 800;
}

.owner-converter-upload { display: grid; gap: 11px; }
.owner-converter-dropzone {
  min-height: 132px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 5px 14px;
  padding: 20px;
  border: 1px solid rgba(64, 97, 181, .2);
  border-radius: 17px;
  color: #293a5b;
  background:
    radial-gradient(circle at 5% 0, rgba(91, 188, 255, .14), transparent 40%),
    rgba(255, 255, 255, .74);
  cursor: pointer;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.owner-converter-dropzone > span {
  grid-row: 1 / 3;
  display: grid;
  width: 45px;
  height: 50px;
  place-items: center;
  border-radius: 13px;
  color: #4167c5;
  background: #fff;
  box-shadow: 0 9px 22px rgba(51, 76, 140, .1);
}

.owner-converter-dropzone svg { width: 23px; height: 23px; }
.owner-converter-dropzone strong { align-self: end; }
.owner-converter-dropzone small { align-self: start; color: #6a768b; }
.owner-converter-dropzone:hover,
.owner-converter-dropzone.is-dragging,
.owner-converter-dropzone.has-files {
  border-color: rgba(55, 93, 200, .62);
  box-shadow: 0 0 0 4px rgba(68, 105, 214, .09);
}

.owner-converter-upload-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.owner-converter-upload-actions p { margin: 0; color: var(--quiet); font-size: 12px; }
.owner-converter-files { display: grid; gap: 8px; }
.owner-converter-file {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(74, 99, 163, .14);
  border-radius: 15px;
  background: rgba(255, 255, 255, .76);
}

.owner-converter-format {
  display: grid;
  width: 42px;
  height: 46px;
  place-items: center;
  border-radius: 12px;
  color: #3d61ba;
  background: #edf3ff;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .05em;
}

.owner-converter-file strong,
.owner-converter-file small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owner-converter-file small { margin-top: 3px; color: var(--quiet); font-size: 11px; }
.owner-converter-file-actions { display: flex; gap: 7px; }

@media (max-width: 640px) {
  .owner-converter-panel { padding: 18px; }
  .owner-converter-heading { flex-direction: column; }
  .owner-converter-file { grid-template-columns: auto minmax(0, 1fr); }
  .owner-converter-file-actions { grid-column: 1 / -1; }
  .owner-converter-file-actions > * { flex: 1; justify-content: center; }
}

.pro-converter-tile { padding-top: 0; }
.pro-converter-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 20px;
  padding: 22px 24px;
}

.pro-converter-icon {
  display: grid;
  width: 52px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(67, 98, 183, .17);
  border-radius: 15px;
  color: #4167c6;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 12px 27px rgba(52, 77, 141, .1);
}

.pro-converter-icon svg { width: 27px; height: 27px; }
.pro-converter-row .eyebrow { margin: 0 0 5px; }
.pro-converter-row h2 { margin: 0; font-size: 23px; letter-spacing: -.03em; }
.pro-converter-row p:last-child { max-width: 600px; margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.pro-converter-meta { display: flex; gap: 7px; }
.pro-converter-meta span {
  padding: 7px 9px;
  border-radius: 999px;
  color: #4e6087;
  background: rgba(74, 104, 183, .08);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .pro-converter-row { grid-template-columns: auto minmax(0, 1fr) auto; }
  .pro-converter-meta { grid-column: 2 / -1; grid-row: 2; }
}

@media (max-width: 620px) {
  .pro-converter-row { grid-template-columns: auto minmax(0, 1fr); padding: 19px; }
  .pro-converter-row > .primary-pill { grid-column: 1 / -1; width: 100%; justify-content: center; }
  .pro-converter-meta { grid-column: 1 / -1; grid-row: auto; flex-wrap: wrap; }
}
.legacy-domain-notice-backdrop { position:fixed; z-index:140; inset:0; display:grid; place-items:center; padding:18px; background:rgba(25,35,61,.38); backdrop-filter:blur(12px); }
.legacy-domain-notice { position:relative; width:min(480px,100%); padding:28px; border:1px solid rgba(255,255,255,.78); border-radius:24px; color:var(--ink); background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,246,255,.96)); box-shadow:0 30px 90px rgba(26,46,91,.3); }.legacy-domain-notice .eyebrow { margin:0 0 8px; color:var(--blue); font-size:11px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }.legacy-domain-notice h2 { max-width:360px; margin:0 42px 10px 0; font-size:26px; line-height:1.08; }.legacy-domain-notice p:not(.eyebrow) { max-width:410px; margin:0; color:var(--muted); font-size:14px; line-height:1.5; }.legacy-domain-notice-close { position:absolute; top:14px; right:14px; width:32px; height:32px; display:grid; place-items:center; border:0; border-radius:50%; color:var(--quiet); background:rgba(70,93,145,.09); font-size:21px; cursor:pointer; }.legacy-domain-notice-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }.legacy-domain-notice-actions .primary-pill,.legacy-domain-notice-actions .secondary-pill { justify-content:center; }
.support-chat-launcher { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 15px; border:1px solid rgba(255,255,255,.68); border-radius:999px; color:#fff; background:linear-gradient(135deg,#315fce,#7458d8); box-shadow:0 14px 32px rgba(48,70,153,.35),inset 0 1px rgba(255,255,255,.28); font-family:inherit; font-size:13px; font-weight:750; line-height:1; cursor:pointer; }
.support-chat-launcher:hover { filter:brightness(1.06); transform:translateY(-1px); }.support-chat-launcher:focus-visible,.support-chat-close:focus-visible { outline:3px solid rgba(86,120,231,.4); outline-offset:3px; }
.support-chat-launcher span[aria-hidden] { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:rgba(255,255,255,.19); font-size:12px; }
.support-chat-panel { position:absolute; right:0; bottom:54px; display:grid; width:min(360px,calc(100vw - 28px)); gap:12px; padding:15px; border:1px solid rgba(125,146,208,.25); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,247,255,.97)); box-shadow:0 25px 65px rgba(30,45,97,.27); color:#1e2d4b; }
.support-chat-panel[hidden] { display:none !important; }
.support-chat-panel {
  max-height: calc(100vh - 90px);
  max-height: calc(100dvh - 90px);
  overflow-y: auto;
}
.support-chat-thread { overflow-wrap: anywhere; }
.owner-license-list { display:grid; gap:8px; margin-top:14px; }.owner-license-row { grid-template-columns:minmax(0,1.4fr) minmax(130px,.8fr) minmax(130px,.8fr) auto; align-items:center; }.owner-license-row small { display:block; margin-top:3px; color:var(--quiet); }.owner-reset-panel { display:grid; gap:14px; }.owner-reset-panel .owner-popup-actions { justify-content:flex-start; }.owner-notifications-grid { align-items:start; }.owner-notifications-panel { display:grid; gap:16px; }.owner-notification-filter { align-items:end; }.owner-notification-list { display:grid; gap:8px; }.owner-notification-row { grid-template-columns:minmax(0,1.5fr) minmax(120px,.7fr) minmax(220px,1fr) auto; align-items:start; }.owner-notification-copy { display:grid; gap:4px; min-width:0; }.owner-notification-copy span { white-space:pre-wrap; overflow-wrap:anywhere; }.owner-notification-copy small,.owner-notification-row > div > small { display:block; margin-top:3px; color:var(--quiet); }.owner-notification-edit-fields { display:grid; gap:7px; }.owner-notification-edit-fields label { display:grid; gap:3px; color:var(--quiet); font-size:11px; font-weight:700; }.owner-notification-edit-fields input,.owner-notification-edit-fields textarea { width:100%; min-width:0; padding:7px 8px; border:1px solid rgba(72,94,143,.2); border-radius:8px; background:#fff; color:var(--ink); font-size:12px; }.owner-notification-actions { display:grid; gap:7px; }.owner-notification-actions .ghost-btn { white-space:nowrap; }.owner-notification-actions .danger { color:#a53030; }@media (max-width:980px) { .owner-notification-row { grid-template-columns:1fr 1fr; }.owner-notification-copy { grid-column:1 / -1; }.owner-notification-edit-fields { grid-column:1 / -1; }.owner-notification-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; } }@media (max-width:760px) { .owner-license-row { grid-template-columns:1fr; }.owner-license-row .ghost-btn { width:100%; }.owner-notification-row { grid-template-columns:1fr; }.owner-notification-actions,.owner-notification-actions .ghost-btn { width:100%; } }
.support-chat-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.support-chat-head strong { display:block; font-size:15px; }.support-chat-head p,.support-chat-note { margin:3px 0 0; color:#68738a; font-size:11px; line-height:1.42; }.support-chat-close { display:grid; width:30px; height:30px; place-items:center; flex:0 0 auto; padding:0; border:0; border-radius:50%; color:#58657d; background:#f0f3fb; font-size:20px; line-height:1; cursor:pointer; }
.support-chat-thread { display:grid; min-height:86px; max-height:230px; gap:8px; overflow:auto; padding:3px 1px; }.support-chat-thread > p { margin:0; color:#64718a; font-size:13px; line-height:1.45; }.support-chat-message { width:fit-content; max-width:92%; padding:9px 11px; border-radius:13px; }.support-chat-message.is-user { justify-self:end; border-bottom-right-radius:4px; color:#fff; background:#365fcb; }.support-chat-message.is-assistant { border-bottom-left-radius:4px; background:#edf2ff; color:#26365a; }.support-chat-message.is-error { border:1px solid rgba(180,77,77,.18); background:#fff3f3; color:#a33333; }
.support-chat-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; }.support-chat-form textarea { width:100%; min-height:40px; resize:vertical; padding:9px 10px; border:1px solid rgba(90,111,167,.2); border-radius:12px; background:#fff; color:#243354; font-family:inherit; font-size:13px; line-height:1.4; outline:none; }.support-chat-form textarea:focus { border-color:#5275d6; box-shadow:0 0 0 3px rgba(82,117,214,.13); }.support-chat-form .primary-pill { min-height:40px; }.support-chat-form button:disabled { cursor:wait; opacity:.65; }
@media (max-width:640px) { .support-chat { right:12px; bottom:12px; }.support-chat-panel { bottom:52px; }.support-chat-launcher { min-height:40px; padding:0 13px; } }
@media (prefers-reduced-motion:reduce) { .support-chat-launcher { transition:none; }.support-chat-launcher:hover { transform:none; } }

/* Third-party upload method comparison */
.method-comparison-page {
  min-height: 100vh;
  color: var(--ink);
  background: linear-gradient(180deg, #f7f9ff 0%, #fff 34%, #f5f7fc 100%);
}
.method-comparison-page .global-nav { background: rgba(255,255,255,.84); }
.method-comparison-hero {
  position: relative;
  display: grid;
  min-height: 360px;
  place-items: end center;
  overflow: hidden;
  padding: 74px 24px 62px;
  border-bottom: 1px solid rgba(78,100,166,.12);
  background: linear-gradient(130deg, #f4f8ff 0%, #fff 48%, #f2efff 100%);
}
.method-comparison-hero-glow { position: absolute; top: -170px; right: 6%; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(95,123,230,.2), rgba(95,123,230,0) 70%); filter: blur(3px); pointer-events: none; }
.method-comparison-hero-inner { position: relative; width: min(1160px, 100%); }
.method-comparison-hero .eyebrow { margin: 0 0 14px; color: #5571c7; }
.method-comparison-hero h1 { max-width: 720px; margin: 0; color: #18243e; font-size: clamp(32px, 4vw, 52px); letter-spacing: -.055em; line-height: 1.02; }
.method-comparison-lead { max-width: 710px; margin: 22px 0 0; color: #43516d; font-size: clamp(17px, 2vw, 21px); line-height: 1.48; }
.method-comparison-source-note { max-width: 700px; margin: 17px 0 0; color: #65718a; font-size: 13px; line-height: 1.5; }
.method-comparison-table-section { width: min(1240px, calc(100% - 36px)); margin: 0 auto; padding: 70px 0 88px; }
.method-comparison-section-heading { max-width: 760px; margin: 0 auto 25px; text-align: center; }
.method-comparison-section-heading .eyebrow { margin: 0 0 8px; color: #5571c7; }
.method-comparison-section-heading h2 { margin: 0; color: #1c2944; font-size: clamp(28px, 3.5vw, 42px); letter-spacing: -.045em; }
.method-comparison-note { margin: 13px 0 0; color: #68758d; font-size: 14px; line-height: 1.55; }
.method-comparison-table-wrap { overflow-x: auto; border: 1px solid rgba(83,106,174,.16); border-radius: 24px; background: rgba(255,255,255,.88); box-shadow: 0 25px 75px rgba(49,70,128,.12), inset 0 1px rgba(255,255,255,.92); }
.method-comparison-table { width: 100%; min-width: 1060px; border-collapse: separate; border-spacing: 0; text-align: left; }
.method-comparison-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.method-comparison-table th,
.method-comparison-table td { padding: 18px 16px; border-bottom: 1px solid rgba(83,106,174,.11); vertical-align: top; color: #46536c; font-size: 13px; line-height: 1.45; }
.method-comparison-table thead th { padding-top: 19px; padding-bottom: 15px; color: #6c7890; background: rgba(245,247,253,.76); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.method-comparison-table thead th:first-child { border-top-left-radius: 23px; }
.method-comparison-table thead th:last-child { border-top-right-radius: 23px; }
.method-comparison-table tbody tr:last-child th,
.method-comparison-table tbody tr:last-child td { border-bottom: 0; }
.method-comparison-table tbody tr:not(.method-comparison-row-upload120):hover th,
.method-comparison-table tbody tr:not(.method-comparison-row-upload120):hover td { background: rgba(244,247,255,.72); }
.method-comparison-table tbody th { position: relative; width: 190px; color: #233452; font-weight: 700; }
.method-comparison-row-upload120 th,
.method-comparison-row-upload120 td { background: linear-gradient(100deg, rgba(238,244,255,.95), rgba(250,248,255,.86)); }
.method-comparison-row-upload120 th { padding-left: 23px; }
.method-comparison-row-upload120 th::before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; border-radius: 5px 0 0 5px; background: linear-gradient(180deg, #3a76e8, #8463dc); content: ''; }
.method-comparison-name { display: block; color: #1d2b49; font-size: 16px; font-weight: 820; letter-spacing: -.02em; line-height: 1.18; }
.method-comparison-badge { display: inline-flex; margin-top: 8px; padding: 5px 8px; border: 1px solid rgba(79,105,188,.16); border-radius: 999px; color: #5369a7; background: rgba(255,255,255,.72); font-size: 9px; font-weight: 800; letter-spacing: .045em; line-height: 1.1; text-transform: uppercase; }
.method-comparison-row-upload120 .method-comparison-badge { border-color: rgba(79,105,205,.22); color: #3563bc; background: rgba(224,235,255,.84); }
.method-comparison-method-note { display: block; margin-top: 8px; color: #737f95; font-size: 11px; font-weight: 600; line-height: 1.4; }
.method-comparison-source-links { display: block; margin-top: 11px; font-size: 11px; font-weight: 700; }
.method-comparison-source-links a,
.method-comparison-table a,
.method-comparison-card a { color: #3867c2; text-decoration: underline; text-decoration-color: rgba(56,103,194,.35); text-underline-offset: 3px; transition: color .18s ease, text-decoration-color .18s ease; }
.method-comparison-source-links a:hover,
.method-comparison-table a:hover,
.method-comparison-card a:hover { color: #234a9d; text-decoration-color: currentColor; }
.method-comparison-cards { display: none; }
.method-comparison-footer { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 28px; padding: 30px 32px; border: 1px solid rgba(82,105,177,.14); border-radius: 24px; background: linear-gradient(120deg, rgba(235,243,255,.9), rgba(249,246,255,.93)); box-shadow: 0 18px 45px rgba(52,73,131,.1); }
.method-comparison-footer .eyebrow { margin: 0 0 8px; color: #5571c7; }
.method-comparison-footer h2 { margin: 0; color: #1e2b47; font-size: clamp(23px, 3vw, 31px); letter-spacing: -.04em; }
.method-comparison-footer p:not(.eyebrow) { max-width: 620px; margin: 8px 0 0; color: #5c6981; font-size: 14px; line-height: 1.5; }
.method-comparison-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; flex: 0 0 auto; }
.method-comparison-actions a { min-height: 44px; }
.method-comparison-dated-note { margin: 18px auto 0; color: #78849a; font-size: 12px; line-height: 1.5; text-align: center; }
.method-comparison-page .site-footer { display: flex; width: min(1240px, calc(100% - 36px)); margin: 0 auto; padding: 24px 0 35px; border-top: 1px solid rgba(83,106,174,.12); color: #738099; font-size: 12px; gap: 15px; }
.method-comparison-page .site-footer span:first-child { color: #334b83; font-weight: 800; }
.method-comparison-page .site-footer a { margin-left: auto; color: #4268b8; text-decoration: underline; text-underline-offset: 3px; }
.method-comparison-page .site-footer a:focus-visible,
.method-comparison-page .method-comparison-actions a:focus-visible,
.method-comparison-page .method-comparison-table a:focus-visible,
.method-comparison-page .method-comparison-card a:focus-visible { outline: 3px solid rgba(67,112,226,.38); outline-offset: 3px; }
.method-comparison-home-teaser,
.method-comparison-pro-teaser { border: 1px solid rgba(82,105,177,.14); background: linear-gradient(115deg, rgba(239,245,255,.9), rgba(250,247,255,.92)); }
.method-comparison-home-teaser-inner,
.method-comparison-pro-teaser-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.method-comparison-home-teaser .eyebrow,
.method-comparison-pro-teaser .eyebrow { margin: 0 0 8px; color: #5571c7; }
.method-comparison-home-teaser h2,
.method-comparison-pro-teaser h2 { margin: 0; color: #1f2d4a; font-size: clamp(25px, 3vw, 36px); letter-spacing: -.045em; }
.method-comparison-home-teaser .lead,
.method-comparison-pro-teaser .lead { max-width: 760px; margin: 9px 0 0; color: #5c6981; }
.method-comparison-home-teaser .secondary-pill,
.method-comparison-pro-teaser .secondary-pill { flex: 0 0 auto; }

@media (max-width: 980px) {
  .method-comparison-table-section { padding-top: 56px; }
  .method-comparison-table { min-width: 930px; }
  .method-comparison-table th, .method-comparison-table td { padding: 16px 13px; }
  .method-comparison-footer { align-items: flex-start; flex-direction: column; }
  .method-comparison-actions { justify-content: flex-start; }
  .method-comparison-home-teaser-inner,
  .method-comparison-pro-teaser-inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
  .method-comparison-hero { min-height: 330px; padding: 58px 20px 45px; }
  .method-comparison-hero h1 { font-size: clamp(31px, 9vw, 43px); }
  .method-comparison-lead { font-size: 17px; }
  .method-comparison-table-section { width: min(100% - 28px, 600px); padding: 46px 0 62px; }
  .method-comparison-table-wrap { display: none; }
  .method-comparison-cards { display: grid; gap: 13px; }
  .method-comparison-card { padding: 19px; border: 1px solid rgba(83,106,174,.15); border-radius: 19px; background: rgba(255,255,255,.91); box-shadow: 0 12px 30px rgba(51,70,124,.08); }
  .method-comparison-card-upload120 { border-color: rgba(66,103,204,.28); background: linear-gradient(135deg, rgba(237,245,255,.97), rgba(251,248,255,.97)); box-shadow: 0 15px 34px rgba(65,91,169,.13); }
  .method-comparison-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
  .method-comparison-card-top strong { max-width: 45%; color: #344d84; font-size: 12px; line-height: 1.35; text-align: right; }
  .method-comparison-card .method-comparison-name { font-size: 17px; }
  .method-comparison-card dl { display: grid; gap: 12px; margin: 18px 0; }
  .method-comparison-card dl div { display: grid; gap: 3px; }
  .method-comparison-card dt { color: #68748b; font-size: 10px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
  .method-comparison-card dd { margin: 0; color: #46536c; font-size: 14px; line-height: 1.46; }
  .method-comparison-footer { margin-top: 20px; padding: 22px 19px; }
  .method-comparison-home-teaser .secondary-pill,
  .method-comparison-pro-teaser .secondary-pill { width: 100%; justify-content: center; }
  .method-comparison-actions { width: 100%; }
  .method-comparison-actions a { width: 100%; justify-content: center; }
  .method-comparison-page .site-footer { width: min(100% - 28px, 600px); flex-wrap: wrap; }
  .method-comparison-page .site-footer a { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .method-comparison-source-links a, .method-comparison-table a, .method-comparison-card a { transition: none; }
}

/* Simple Upload120-versus-one comparison */
.method-comparison-simple-page {
  color: var(--ink, #1d1d1f);
  background: #f7f8fb;
}
.method-comparison-simple-page .global-nav {
  border-bottom: 1px solid rgba(29, 29, 31, .1);
  background: rgba(255, 255, 255, .96);
}
.method-comparison-simple-hero {
  padding: 54px 24px 40px;
  border-bottom: 1px solid rgba(29, 29, 31, .1);
  background: linear-gradient(180deg, #fbfcff 0%, #f7f8fb 100%);
}
.method-comparison-simple-hero-inner { width: min(1060px, 100%); margin: 0 auto; }
.method-comparison-simple-hero .eyebrow,
.method-comparison-simple-heading .eyebrow { margin: 0 0 9px; color: #53688e; }
.method-comparison-simple-hero h1 {
  max-width: 780px;
  margin: 0;
  color: #1d1d1f;
  font-size: clamp(32px, 5vw, 52px);
  letter-spacing: -.055em;
  line-height: 1.04;
}
.method-comparison-simple-lead {
  max-width: 680px;
  margin: 16px 0 0;
  color: #5d626d;
  font-size: 17px;
  line-height: 1.5;
}
.method-comparison-simple-picker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}
.method-comparison-simple-picker label { color: #424752; font-size: 13px; font-weight: 750; }
.method-comparison-simple-picker select {
  min-width: 230px;
  min-height: 42px;
  padding: 8px 35px 8px 12px;
  border: 1px solid #c7cbd4;
  border-radius: 9px;
  color: #1d1d1f;
  background: #fff;
  font: inherit;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.method-comparison-simple-picker select:hover { border-color: #8c96a9; }
.method-comparison-simple-picker select:focus-visible {
  border-color: #1769d2;
  outline: 3px solid rgba(23, 105, 210, .22);
  outline-offset: 2px;
}
.method-comparison-simple-section { width: min(1060px, calc(100% - 36px)); margin: 0 auto; padding: 48px 0 72px; }
.method-comparison-simple-heading { margin: 0 0 21px; }
.method-comparison-simple-heading h2 { margin: 0; color: #252933; font-size: clamp(24px, 3.5vw, 34px); letter-spacing: -.04em; }
.method-comparison-simple-note { max-width: 780px; margin: 10px 0 0; color: #686e79; font-size: 13px; line-height: 1.5; }
.method-comparison-simple-table-wrap {
  position: relative;
  overflow-x: auto;
  border: 1px solid #d9dfe8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(38, 56, 86, .07);
}
.method-comparison-simple-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  text-align: left;
}
.method-comparison-simple-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.method-comparison-simple-table th,
.method-comparison-simple-table td { padding: 15px 17px; border-bottom: 1px solid #e3e5e9; vertical-align: top; color: #535965; font-size: 14px; line-height: 1.45; }
.method-comparison-simple-table thead th { padding-top: 16px; padding-bottom: 17px; color: #606773; background: #f7f8fa; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.method-comparison-simple-table thead th:first-child { width: 19%; }
.method-comparison-simple-table thead th:not(:first-child) { width: 40.5%; }
.method-comparison-simple-table tbody th { color: #343a45; font-size: 13px; font-weight: 800; }
.method-comparison-simple-table tbody tr:nth-child(even) th,
.method-comparison-simple-table tbody tr:nth-child(even) td { background: #fafafa; }
.method-comparison-simple-table tbody tr:last-child th,
.method-comparison-simple-table tbody tr:last-child td { border-bottom: 0; }
.method-comparison-simple-table td.is-weaker { color: #8a2f35; background: #fff1f1 !important; border-color: #ecc2c6; box-shadow: inset 4px 0 #c94f5a; }
.method-comparison-simple-table td.is-winner::selection { color: #fff; background: #365f98; }
.method-comparison-simple-table td.is-weaker::selection { color: #7b3030; background: #f9dddd; }
.method-comparison-simple-column-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.method-comparison-simple-column-name { display: inline; color: #20252e; font-size: 19px; font-weight: 850; letter-spacing: -.035em; line-height: 1.2; text-transform: none; }
.method-comparison-simple-column-badge { display: inline-flex; padding: 4px 7px; border: 1px solid #d4d8e0; border-radius: 999px; color: #5d6573; background: #fff; font-size: 9px; font-weight: 800; letter-spacing: .04em; line-height: 1.1; text-transform: uppercase; }
.method-comparison-simple-column-note { display: block; margin-top: 8px; color: #707682; font-size: 11px; font-weight: 600; line-height: 1.4; text-transform: none; }
.method-comparison-simple-change-chip { display: inline-flex; align-items: baseline; gap: 4px; max-width: 100%; padding: 4px 7px; border: 1px solid #dbe1ea; border-radius: 6px; color: #5d6673; background: #f5f7fa; font-size: 10px; font-weight: 600; line-height: 1.25; text-transform: none; }
.method-comparison-simple-change-chip > span:first-child { color: #3d4a5d; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.method-comparison-simple-sources { display: block; margin-top: 9px; font-size: 11px; font-weight: 700; text-transform: none; }
.method-comparison-simple-sources a { color: #2468bc; text-decoration: underline; text-decoration-color: rgba(36, 104, 188, .32); text-underline-offset: 3px; }
.method-comparison-simple-sources a:hover { color: #174c8d; text-decoration-color: currentColor; }
.method-comparison-simple-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; margin: 14px 0 0; color: #696f7b; font-size: 12px; line-height: 1.4; }
.method-comparison-simple-legend-key { display: inline-flex; align-items: center; gap: 6px; }
.method-comparison-simple-legend i { display: inline-block; width: 12px; height: 12px; border: 1px solid #d9dce3; border-radius: 3px; }
.method-comparison-simple-legend i.is-weaker { background: #fff1f1; border-color: #ecc2c6; }
.method-comparison-simple-cta { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 27px; padding: 19px 21px; border: 1px solid #d9dce3; border-radius: 14px; background: #fff; }
.method-comparison-simple-cta .eyebrow { margin: 0 0 4px; color: #53688e; }
.method-comparison-simple-cta p:not(.eyebrow) { margin: 0; color: #343a45; font-size: 16px; font-weight: 750; }
.method-comparison-simple-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.method-comparison-simple-actions a { min-height: 40px; }
.method-comparison-simple-page .method-comparison-dated-note { margin: 16px 0 0; color: #737985; font-size: 12px; line-height: 1.5; text-align: left; }
.method-comparison-simple-page .site-footer { width: min(1060px, calc(100% - 36px)); border-top-color: #d9dce3; color: #737985; }
.method-comparison-simple-page .site-footer span:first-child { color: #3a4c6b; }
.method-comparison-simple-page .site-footer a { color: #2468bc; }
.method-comparison-home-teaser,
.method-comparison-pro-teaser { border-color: #d9dce3; background: #fff; box-shadow: 0 8px 24px rgba(29, 35, 48, .06); }

@media (max-width: 760px) {
  .method-comparison-simple-hero { padding: 42px 18px 32px; }
  .method-comparison-simple-hero h1 { font-size: clamp(31px, 9vw, 43px); }
  .method-comparison-simple-picker { align-items: flex-start; flex-direction: column; }
  .method-comparison-simple-picker select { width: min(100%, 340px); }
  .method-comparison-simple-section { width: min(100% - 28px, 620px); padding-top: 38px; }
  .method-comparison-simple-table-wrap { border-radius: 11px; }
  .method-comparison-simple-table { min-width: 680px; }
  .method-comparison-simple-table th,
  .method-comparison-simple-table td { padding: 14px 13px; }
  .method-comparison-simple-column-name { font-size: 17px; }
  .method-comparison-simple-table thead th:first-child,
  .method-comparison-simple-table tbody th {
    position: sticky;
    left: 0;
    z-index: 2;
    box-shadow: 1px 0 #d9dce3;
  }
  .method-comparison-simple-table thead th:first-child { z-index: 3; background: #f7f8fa; }
  .method-comparison-simple-table tbody th { background: #fff; }
  .method-comparison-simple-table tbody tr:nth-child(even) th { background: #fafafa; }
  .method-comparison-simple-change-chip { flex-basis: 100%; }
  .method-comparison-simple-cta { align-items: flex-start; flex-direction: column; }
  .method-comparison-simple-actions { width: 100%; }
  .method-comparison-simple-actions a { flex: 1 1 180px; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .method-comparison-simple-picker select,
  .method-comparison-simple-table-wrap { scroll-behavior: auto; transition: none; }
}

/* Compact comparison controls and the homepage table surface */
.method-comparison-simple-page,
.method-comparison-home-table {
  font-family: var(--sans);
}
.method-comparison-simple-page .method-comparison-simple-hero {
  padding-top: 38px;
  padding-bottom: 30px;
}
.method-comparison-simple-page .method-comparison-simple-lead {
  max-width: 560px;
  margin-top: 12px;
  font-size: 16px;
}
.method-comparison-simple-page .global-nav {
  color: #f5f5f7;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .025) 42%, rgba(130, 184, 255, .08)),
    rgba(18, 19, 23, .66);
  border-bottom-color: rgba(255, 255, 255, .18);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .14), inset 0 1px rgba(255, 255, 255, .12);
  backdrop-filter: blur(28px) saturate(150%);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
}
.method-comparison-simple-page .method-comparison-simple-hero h1 {
  font-family: var(--sans);
  font-weight: 750;
  letter-spacing: -.05em;
}
.method-comparison-simple-column-heading {
  align-items: center;
}
.method-comparison-simple-change-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
}
.method-comparison-simple-change-button {
  display: inline-grid;
  width: 32px;
  height: 30px;
  min-height: 30px;
  place-items: center;
  padding: 0;
  border: 1px solid #b9c8df;
  border-radius: 8px;
  color: #1f568f;
  background: #f6f9ff;
  font: inherit;
  font-weight: 750;
  line-height: 1;
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}
.method-comparison-simple-change-button svg {
  width: 15px;
  height: 15px;
  transition: transform .18s ease;
}
.method-comparison-simple-change-button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.method-comparison-simple-change-button:hover {
  border-color: #7d9dc6;
  color: #153e69;
  background: #eef5ff;
}
.method-comparison-simple-change-button:focus-visible {
  outline: 3px solid rgba(23, 105, 210, .22);
  outline-offset: 2px;
}
.method-comparison-simple-change-chip {
  max-width: 270px;
}
.method-comparison-simple-change-menu {
  position: absolute;
  z-index: 8;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  min-width: 208px;
  padding: 5px;
  border: 1px solid #d6dce6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(30, 53, 88, .16);
}
.method-comparison-simple-change-menu[hidden] { display: none; }
.method-comparison-simple-change-menu button {
  min-height: 38px;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  color: #3b4655;
  background: transparent;
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.method-comparison-simple-change-menu button:hover,
.method-comparison-simple-change-menu button[aria-checked="true"] {
  color: #164f85;
  background: #eef5ff;
}
.method-comparison-simple-change-menu button:focus-visible {
  outline: 2px solid #2f73c8;
  outline-offset: -2px;
}
.method-comparison-simple-table td.is-winner {
  color: #1f6a36;
  background: #edf8f0 !important;
  border-color: #b8ddc3;
  box-shadow: inset 4px 0 #2c8d4d;
  font-weight: 650;
}
.method-comparison-simple-table td.is-tie {
  color: #34495f;
  background: #f1f5f9 !important;
  border-color: #d9e2eb;
}
.method-comparison-simple-legend i.is-winner {
  background: #edf8f0;
  border-color: #b8ddc3;
}
.method-comparison-simple-legend i.is-tie {
  background: #f1f5f9;
  border-color: #d9e2eb;
}
.method-comparison-simple-page .method-comparison-simple-legend-key:last-child {
  color: #34495f;
}
.method-comparison-legal-note {
  max-width: 980px;
  margin: 14px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.5;
}
.method-comparison-legal-note a {
  color: #315f9f;
  font-weight: 700;
  text-underline-offset: 3px;
}
.method-comparison-home-table .method-comparison-legal-note {
  margin-top: 11px;
  font-size: 11px;
}
.method-comparison-home-table {
  padding: 30px 24px;
  background: #f7f8fb;
}
.method-comparison-home-table-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
}
.method-comparison-home-table .method-comparison-simple-table-wrap {
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(38, 56, 86, .06);
}
.method-comparison-home-table .method-comparison-simple-table {
  min-width: 760px;
}
.method-comparison-home-table .method-comparison-simple-column-note {
  max-width: 320px;
}
@media (max-width: 760px) {
  .method-comparison-simple-change-control {
    flex-basis: 100%;
  }
  .method-comparison-simple-change-menu {
    left: 0;
    right: auto;
  }
  .method-comparison-home-table {
    padding: 22px 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .method-comparison-simple-change-button,
  .method-comparison-simple-change-button svg,
  .method-comparison-simple-change-menu button { transition: none; }
}

/* Keep the method comparison in the same quiet system as the Upload120 site. */
.method-comparison-simple-page {
  color: var(--ink);
  background: var(--white);
  font-family: var(--sans);
}

.method-comparison-simple-page .method-comparison-simple-hero {
  min-height: 0;
  padding: clamp(58px, 8vw, 94px) 32px clamp(46px, 6vw, 72px);
  border-bottom: 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(237, 246, 255, .84) 52%, rgba(244, 239, 255, .9)),
    var(--parchment);
}

.method-comparison-simple-hero-inner,
.method-comparison-simple-section-inner {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.method-comparison-simple-page .method-comparison-simple-hero h1 {
  max-width: 720px;
  margin: 0 0 18px;
  color: var(--ink);
  font-family: var(--sans);
  font-size: clamp(42px, 5.4vw, 66px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.02;
}

.method-comparison-simple-page .method-comparison-simple-lead {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.34;
}

.method-comparison-simple-section {
  width: 100%;
  margin: 0;
  padding: clamp(52px, 7vw, 76px) 32px clamp(64px, 8vw, 96px);
  background: var(--white);
}

.method-comparison-simple-heading {
  margin: 0 0 24px;
}

.method-comparison-simple-heading h2 {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: clamp(30px, 3.5vw, 42px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1;
}

.method-comparison-simple-note {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}

.method-comparison-simple-table-wrap {
  position: relative;
  overflow-x: auto;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 20px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 18px 44px rgba(56, 88, 144, .09), inset 0 1px rgba(255, 255, 255, .95);
}


.method-comparison-simple-table {
  min-width: 820px;
  color: var(--ink);
}

.method-comparison-simple-table th,
.method-comparison-simple-table td {
  padding: 17px 20px;
  border-bottom: 1px solid var(--soft-line);
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

.method-comparison-simple-table thead th {
  padding-top: 22px;
  padding-bottom: 20px;
  color: var(--muted);
  background: var(--pearl);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: none;
}

.method-comparison-simple-table thead th:first-child {
  width: 17%;
  color: var(--quiet);
}

.method-comparison-simple-table thead th:not(:first-child) {
  width: 41.5%;
}

.method-comparison-simple-table tbody th {
  width: 17%;
  color: var(--ink);
  background: rgba(250, 250, 252, .78);
  font-size: 14px;
  font-weight: 600;
}

.method-comparison-simple-table tbody tr:nth-child(even) th,
.method-comparison-simple-table tbody tr:nth-child(even) td {
  background: rgba(250, 250, 252, .64);
}

.method-comparison-simple-table tbody tr:hover th,
.method-comparison-simple-table tbody tr:hover td {
  background: rgba(237, 246, 255, .45);
}

.method-comparison-simple-table tbody tr:last-child th,
.method-comparison-simple-table tbody tr:last-child td {
  border-bottom: 0;
}

.method-comparison-simple-column-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
}

.method-comparison-simple-column-name {
  display: inline;
  color: var(--ink);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

.method-comparison-simple-column-badge {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--blue);
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}

.method-comparison-simple-column-note {
  display: block;
  max-width: 420px;
  margin-top: 9px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
  text-transform: none;
}

.method-comparison-simple-sources {
  display: block;
  margin-top: 10px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
}

.method-comparison-simple-sources a,
.method-comparison-simple-page .method-comparison-table a {
  color: var(--blue);
  text-decoration: underline;
  text-decoration-color: rgba(0, 102, 204, .28);
  text-underline-offset: 3px;
}

.method-comparison-simple-sources a:hover,
.method-comparison-simple-page .method-comparison-table a:hover {
  color: var(--blue-focus);
  text-decoration-color: currentColor;
}

.method-comparison-simple-change-control {
  gap: 7px;
}

.method-comparison-simple-change-button {
  width: 32px;
  height: 32px;
  min-height: 32px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  color: var(--blue);
  background: var(--white);
  box-shadow: none;
}

.method-comparison-simple-change-button:hover {
  border-color: rgba(0, 102, 204, .45);
  color: var(--blue-focus);
  background: var(--pearl);
  transform: none;
}

.method-comparison-simple-change-chip {
  max-width: 280px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--muted);
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

.method-comparison-simple-change-menu {
  min-width: 220px;
  padding: 6px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  background: var(--white);
  box-shadow: 0 18px 36px rgba(35, 53, 88, .16);
}

.method-comparison-simple-change-menu button {
  min-height: 40px;
  color: var(--ink);
  font-size: 14px;
}

.method-comparison-simple-change-menu button:hover,
.method-comparison-simple-change-menu button[aria-checked="true"] {
  color: var(--blue);
  background: var(--parchment);
}

.method-comparison-simple-table td.is-winner {
  color: #1f6a36;
  background: #dff2e5 !important;
  border-color: #a9d7b5;
  box-shadow: inset 4px 0 #2c8d4d;
}

.method-comparison-simple-table td.is-weaker {
  color: #8a2f35;
  background: #ffe6e7 !important;
  border-color: #e6b2b7;
  box-shadow: inset 4px 0 #c94f5a;
}

.method-comparison-simple-table td.is-tie {
  color: var(--muted);
  background: #f6f7f9 !important;
  border-color: #e1e4e8;
}

.method-comparison-simple-legend {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.method-comparison-simple-legend i.is-winner {
  background: #dff2e5;
  border-color: #a9d7b5;
}

.method-comparison-simple-legend i.is-weaker {
  background: #ffe6e7;
  border-color: #e6b2b7;
}

.method-comparison-simple-legend i.is-tie {
  background: #f6f7f9;
  border-color: #e1e4e8;
}

.method-comparison-legal-note {
  max-width: 900px;
  margin: 18px 0 0;
  color: var(--quiet);
  font-size: 12px;
  line-height: 1.5;
}

.method-comparison-legal-note a {
  color: var(--blue);
}

.method-comparison-simple-cta {
  margin-top: 28px;
  padding: 20px 22px;
  border: 1px solid rgba(0, 102, 204, .12);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(247, 251, 255, .98), rgba(249, 246, 255, .94));
  box-shadow: inset 0 1px rgba(255, 255, 255, .94);
}

.method-comparison-simple-cta .eyebrow {
  margin-bottom: 5px;
}

.method-comparison-simple-cta p:not(.eyebrow) {
  font-size: 16px;
  font-weight: 600;
}

.method-comparison-simple-page .method-comparison-dated-note {
  margin: 16px 0 0;
  color: var(--quiet);
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}

.method-comparison-simple-page > .site-footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 18px;
  width: min(1120px, calc(100% - 64px));
  box-sizing: border-box;
  min-height: 0;
  margin: 0 auto;
  padding: 24px 0 35px;
  border-top: 1px solid var(--soft-line);
  border-top-color: var(--soft-line);
  color: var(--quiet);
  background: transparent;
  font-size: 13px;
  line-height: 1.4;
}

.method-comparison-simple-page > .site-footer span {
  display: inline;
  min-width: 0;
  max-width: none;
  margin: 0;
  overflow-wrap: anywhere;
}

.method-comparison-simple-page > .site-footer span:nth-child(2) {
  margin-left: auto;
  justify-self: end;
  text-align: right;
}

.method-comparison-simple-page > .site-footer span:first-child {
  color: var(--ink);
}

.method-comparison-simple-page > .site-footer a {
  justify-self: end;
  min-width: 0;
  margin-left: 0;
  color: var(--blue);
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.method-comparison-home-table {
  padding: 64px 32px;
  background: var(--parchment);
}

.method-comparison-home-table-inner {
  width: min(1120px, 100%);
}

.method-comparison-home-table .method-comparison-simple-table-wrap {
  border-radius: 18px;
}

.method-comparison-home-table .method-comparison-simple-table {
  min-width: 820px;
}

.method-comparison-home-table .method-comparison-simple-column-note {
  max-width: 420px;
}

@media (max-width: 760px) {
  .method-comparison-simple-page .method-comparison-simple-hero,
  .method-comparison-simple-section,
  .method-comparison-home-table {
    padding-right: 18px;
    padding-left: 18px;
  }

  .method-comparison-simple-page .method-comparison-simple-hero h1 {
    font-size: clamp(38px, 10vw, 52px);
  }

  .method-comparison-simple-table {
    min-width: 780px;
  }

  .method-comparison-simple-table th,
  .method-comparison-simple-table td {
    padding: 15px 14px;
  }

  .method-comparison-simple-table thead th:first-child,
  .method-comparison-simple-table tbody th {
    position: sticky;
    left: 0;
    z-index: 2;
    box-shadow: 1px 0 var(--hairline);
  }

  .method-comparison-simple-table thead th:first-child {
    z-index: 3;
    background: var(--pearl);
  }

  .method-comparison-simple-table tbody th {
    background: var(--white);
  }

  .method-comparison-simple-table tbody tr:nth-child(even) th {
    background: var(--pearl);
  }

  .method-comparison-simple-page > .site-footer {
    grid-template-columns: 1fr;
    width: min(100% - 36px, 1120px);
  }

  .method-comparison-simple-page > .site-footer span:nth-child(2) {
    margin-left: 0;
    justify-self: start;
    text-align: left;
  }

  .method-comparison-simple-page > .site-footer a {
    justify-self: start;
  }
}

/* Final comparison pass: use the site's type and keep the table quiet. */
.method-comparison-simple-page,
.method-comparison-home-table,
.method-comparison-simple-page * {
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}

.method-comparison-simple-page .method-comparison-simple-hero {
  padding-top: clamp(52px, 7vw, 76px);
  padding-bottom: clamp(38px, 5vw, 58px);
}

.method-comparison-simple-page .method-comparison-simple-hero h1 {
  max-width: 780px;
  margin-bottom: 14px;
  font-size: clamp(36px, 4.5vw, 54px);
  font-weight: 600;
  letter-spacing: -.038em;
  line-height: 1.04;
}

.method-comparison-simple-page .method-comparison-simple-lead,
.method-comparison-home-lead {
  max-width: 620px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.45;
}

.method-comparison-simple-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(0, 102, 204, .14);
  border-bottom: 1px solid rgba(0, 102, 204, .14);
}

.method-comparison-simple-facts li {
  min-width: 0;
  padding: 13px 16px 14px;
  background: rgba(255, 255, 255, .66);
}

.method-comparison-simple-facts li + li {
  border-left: 1px solid rgba(0, 102, 204, .12);
}

.method-comparison-simple-facts li span {
  display: block;
  margin-bottom: 4px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .01em;
}

.method-comparison-simple-facts li strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}

.method-comparison-simple-section-inner > h2,
.method-comparison-home-heading h2 {
  margin: 0 0 10px;
  color: var(--ink);
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 600;
  letter-spacing: -.028em;
  line-height: 1.08;
}

.method-comparison-simple-section-inner > .eyebrow {
  margin-bottom: 8px;
}

.method-comparison-simple-note,
.method-comparison-home-note {
  max-width: 760px;
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.method-comparison-home-heading {
  margin-bottom: 22px;
}

.method-comparison-home-heading .eyebrow {
  margin-bottom: 8px;
}

.method-comparison-home-lead {
  margin: 0;
}

.method-comparison-home-table .method-comparison-simple-facts {
  margin-top: 20px;
}

.method-comparison-simple-table-wrap {
  border-radius: var(--radius-lg);
  border-color: var(--hairline);
  background: var(--white);
  box-shadow: 0 8px 22px rgba(56, 88, 144, .06);
}


.method-comparison-simple-table {
  min-width: 780px;
  font-size: 15px;
}

.method-comparison-simple-table th,
.method-comparison-simple-table td {
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.42;
}

.method-comparison-simple-table thead th {
  padding-top: 19px;
  padding-bottom: 18px;
  background: var(--pearl);
}

.method-comparison-simple-table tbody tr:hover th,
.method-comparison-simple-table tbody tr:hover td {
  background: inherit;
}

.method-comparison-simple-column-heading {
  gap: 8px 10px;
}

.method-comparison-simple-column-name {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.018em;
}

.method-comparison-simple-column-badge {
  color: var(--blue);
  font-size: 12px;
  font-weight: 600;
}

.method-comparison-simple-column-note {
  max-width: 420px;
  margin-top: 8px;
  font-size: 13px;
}

.method-comparison-simple-change-control {
  position: relative;
  flex: 0 0 auto;
}

.method-comparison-simple-change-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  width: auto;
  min-width: 0;
  min-height: 40px;
  height: auto;
  padding: 7px 10px;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-sm);
  color: var(--ink);
  background: var(--white);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.2;
  text-align: left;
}

.method-comparison-simple-change-button svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: var(--blue);
}

.method-comparison-simple-change-button:hover {
  border-color: rgba(0, 102, 204, .42);
  color: var(--blue);
  background: var(--pearl);
  transform: none;
}

.method-comparison-simple-change-menu {
  top: calc(100% + 7px);
  right: 0;
  min-width: 220px;
  padding: 5px;
  border-color: var(--hairline);
  border-radius: var(--radius-sm);
  box-shadow: 0 16px 32px rgba(35, 53, 88, .14);
}

.method-comparison-simple-change-menu button {
  min-height: 40px;
  color: var(--ink);
  font-size: 14px;
}

.method-comparison-simple-table td.is-winner {
  color: #1f5f31;
  background: #dff2e5 !important;
  border-color: #8fcaa0;
  box-shadow: inset 4px 0 #2c8d4d;
  font-weight: 600;
}

.method-comparison-simple-table td.is-weaker {
  color: #7d252c;
  background: #ffe6e7 !important;
  border-color: #df9ba2;
  box-shadow: inset 4px 0 #c94f5a;
  font-weight: 600;
}

.method-comparison-simple-table td.is-tie {
  color: var(--muted);
  background: #f6f7f9 !important;
  border-color: #e1e4e8;
  box-shadow: none;
}

.method-comparison-simple-table td.is-unknown {
  color: var(--muted);
  background: #f6f7f9 !important;
  border-color: #e1e4e8;
  box-shadow: none;
}

/* Green marks the lowest entry price or a confirmed feature; red marks a higher
   entry price, a missing listing, or conflicting public information. */
.method-comparison-simple-table td.is-listed,
.method-comparison-simple-table td.is-cheapest {
  color: #1f5f31;
  background: #dff2e5 !important;
  border-color: #8fcaa0;
  box-shadow: inset 4px 0 #2c8d4d;
  font-weight: 600;
}

.method-comparison-simple-table td.is-not-listed,
.method-comparison-simple-table td.is-conflict,
.method-comparison-simple-table td.is-higher-price {
  color: #7d252c;
  background: #ffe6e7 !important;
  border-color: #df9ba2;
  box-shadow: inset 4px 0 #c94f5a;
  font-weight: 600;
}

.method-comparison-simple-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 13px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.method-comparison-simple-legend i.is-winner {
  background: #dff2e5;
  border-color: #a9d7b5;
}

.method-comparison-simple-legend i.is-weaker {
  background: #ffe6e7;
  border-color: #e6b2b7;
}

.method-comparison-simple-legend i.is-tie {
  background: #f6f7f9;
  border-color: #e1e4e8;
}

.method-comparison-simple-legend i.is-unknown {
  background: #f6f7f9;
  border-color: #e1e4e8;
}

.method-comparison-simple-legend i.is-listed {
  background: #dff2e5;
  border-color: #8fcaa0;
}

.method-comparison-simple-legend i.is-not-listed,
.method-comparison-simple-legend i.is-conflict {
  background: #ffe6e7;
  border-color: #df9ba2;
}

.method-comparison-simple-cta {
  margin-top: 24px;
  padding: 18px 20px;
  border-color: rgba(0, 102, 204, .14);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(247, 251, 255, .98), rgba(249, 246, 255, .94));
}

.method-comparison-home-table {
  padding: 56px 32px 64px;
  background: var(--parchment);
}

.method-comparison-home-table-inner {
  width: min(1120px, 100%);
}

.method-comparison-home-table .method-comparison-simple-table-wrap {
  border-radius: var(--radius-lg);
}

@media (max-width: 760px) {
  .method-comparison-simple-facts {
    grid-template-columns: 1fr;
  }

  .method-comparison-simple-facts li + li {
    border-top: 1px solid rgba(0, 102, 204, .12);
    border-left: 0;
  }

  .method-comparison-simple-table {
    min-width: 780px;
  }

  .method-comparison-simple-table th,
  .method-comparison-simple-table td {
    padding: 14px;
  }

  .method-comparison-simple-change-control {
    width: 100%;
    min-width: 0;
    flex-basis: auto;
  }

  .method-comparison-simple-change-menu {
    left: 0;
    right: auto;
  }

  .method-comparison-home-table {
    padding: 42px 18px 52px;
  }
}

@media (max-width: 760px) {
  .method-comparison-simple-table-wrap {
    overflow: visible;
  }

  .method-comparison-simple-table,
  .method-comparison-home-table .method-comparison-simple-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  .method-comparison-simple-table thead th:first-child {
    width: 26%;
  }

  .method-comparison-simple-table thead th:not(:first-child) {
    width: 37%;
  }

  .method-comparison-simple-table th,
  .method-comparison-simple-table td {
    position: static;
    padding: 8px 5px;
    box-shadow: none;
    overflow-wrap: anywhere;
    word-break: normal;
    font-size: 10.5px;
    line-height: 1.3;
  }

  .method-comparison-simple-table tbody th {
    font-size: 10.5px;
  }

  .method-comparison-simple-column-name,
  .method-comparison-simple-change-button {
    font-size: 12px;
    line-height: 1.18;
  }

  .method-comparison-simple-change-button {
    width: 100%;
    max-width: 100%;
    min-height: 36px;
    padding: 5px 6px;
    gap: 4px;
    font-size: 11.5px;
  }

  .method-comparison-simple-change-button [data-comparison-other-name] {
    min-width: 0;
    white-space: normal;
    overflow-wrap: normal;
  }

  .method-comparison-simple-column-badge {
    font-size: 9px;
  }

  .method-comparison-simple-column-note,
  .method-comparison-simple-sources {
    display: none;
  }

  .method-comparison-simple-change-menu {
    right: 0;
    left: auto;
    width: min(220px, calc(100vw - 32px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .method-comparison-simple-change-button,
  .method-comparison-simple-change-button svg,
  .method-comparison-simple-change-menu button {
    transition: none;
  }
}

/* Updates keeps the legacy footer layout, but its header uses the shared dark bar. */
.upload120-updates-page .global-nav {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.025) 42%, rgba(130, 184, 255, 0.1)),
    rgba(18, 19, 23, 0.66);
}

/* Updates is a public notes page, not the comparison surface. Keep its footer
   on the light page canvas and let long copy wrap without clipping. */
.upload120-updates-page > .site-footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px 18px;
  width: min(760px, calc(100% - 36px));
  box-sizing: border-box;
  min-height: 0;
  margin: 0 auto;
  padding: 24px 0 35px;
  border-top: 1px solid var(--soft-line);
  color: var(--quiet);
  background: transparent;
  font-size: 13px;
  line-height: 1.4;
}

.upload120-updates-page > .site-footer span {
  display: inline;
  min-width: 0;
  max-width: none;
  margin: 0;
  overflow-wrap: anywhere;
}

.upload120-updates-page > .site-footer span:nth-child(2) {
  margin-left: auto;
  justify-self: end;
  text-align: right;
}

.upload120-updates-page > .site-footer span:first-child {
  color: var(--ink);
  font-weight: 700;
}

.upload120-updates-page > .site-footer a {
  justify-self: end;
  min-width: 0;
  margin-left: 0;
  color: var(--blue);
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Owner-entered copy can contain intentional newlines, including simple
   bullet lists. Preserve those breaks while still wrapping long words. */
.upload120-update-entry p,
.site-tools-notification p,
.site-tools-notification-details,
.account-notification-item > span:not(.account-notification-extra),
.account-notification-extra,
.notifications-list article > div > span,
.owner-notification-copy span,
.support-reply-preview,
.support-chat-message,
#ownerPopupBody {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.account-notification-item > span:not(.account-notification-extra),
.notifications-list article > div > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  text-transform: none;
}

@media (max-width: 760px) {
  .upload120-updates-page > .site-footer {
    grid-template-columns: 1fr;
    width: min(100% - 28px, 760px);
  }

  .upload120-updates-page > .site-footer span:nth-child(2) {
    margin-left: 0;
    justify-self: start;
    text-align: left;
  }

  .upload120-updates-page > .site-footer a {
    justify-self: start;
  }
}

/* Compact shared navigation controls. */
.nav-command-button,
.site-tools-command-button {
  min-height: 32px;
  gap: 7px;
  padding: 0 14px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
}

.nav-command-button kbd,
.site-tools-command-button kbd {
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 650;
}

.nav-more > summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.nav-more > summary::before {
  content: none;
}

.nav-more > summary::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .18s ease;
}

.nav-more[open] > summary::after {
  transform: translateY(2px) rotate(225deg);
}

.nav-more-menu {
  top: calc(100% + 12px);
  right: -8px;
  width: 338px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 4%, rgba(137, 201, 255, .3), transparent 42%),
    radial-gradient(circle at 94% 100%, rgba(197, 161, 255, .24), transparent 46%),
    linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .96) 52%, rgba(250, 246, 255, .96));
  box-shadow: 0 22px 58px rgba(44, 71, 126, .22), inset 0 1px rgba(255, 255, 255, 1);
  backdrop-filter: blur(24px) saturate(135%);
  -webkit-backdrop-filter: blur(24px) saturate(135%);
}

.nav-more-menu a {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 11px;
  border: 0;
  border-radius: 10px;
  color: var(--ink);
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  transition: color .18s ease, background-color .18s ease;
}

.nav-more-menu a::after {
  content: "›";
  color: rgba(55, 78, 119, .45);
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.nav-more-menu a:hover,
.nav-more-menu a:focus-visible,
.nav-more-menu a[aria-current="page"] {
  color: var(--ink);
  background: linear-gradient(135deg, rgba(216, 238, 255, .92), rgba(239, 225, 255, .82));
  outline: none;
}

@media (max-width: 760px) {
  .nav-more-menu {
    top: 64px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}

@media (max-width: 320px) {
  .nav-more-menu { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .nav-more > summary::after,
  .nav-more-menu a { transition: none; }
}

@media (max-width: 760px) {
  .method-comparison-home-table-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .method-comparison-home-table .method-comparison-simple-table-wrap {
    width: 100%;
    max-width: 100%;
  }
}

/* Final cascade for the August 2026 interaction refresh. */
.home-hero-tile.hero-tile .dropzone:not(.locked) {
  background-size: 180% 180%;
  animation: upload120SlowGradient 24s ease-in-out infinite;
}
.support-chat-launcher { background-size: 200% 200%; animation: upload120SlowGradient 20s ease-in-out infinite; }
.support-chat-panel { background-size: 160% 160%; animation: upload120SlowGradient 30s ease-in-out infinite; }
.nav-command-button,
.site-tools-command-button { min-height: 38px; padding-inline: 16px; font-size: 15px; font-weight: 600; }
.review-summary { display:flex; align-items:center; gap:9px; color:var(--muted); font-size:14px; font-weight:600; line-height:1.35; }
.review-summary[hidden] { display:none; }
.rating-stars { color:#111; letter-spacing:1px; }
.home-hero-tile.hero-tile .dropzone:not(.locked) .dz-content::before { content:none; }
.hero-review-summary { margin-top:14px; }
.reviews-tile { color:var(--ink); background:linear-gradient(135deg,#fff 0%,#f6faff 54%,#faf7ff 100%); }
.reviews-tile .reviews-layout { display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,1.7fr); gap:clamp(28px,5vw,72px); align-items:center; }
.reviews-tile .review-intro { display:grid; gap:16px; }
.reviews-tile .review-topline { display:grid; gap:18px; align-items:start; }
.reviews-tile .review-wall { min-height:204px; padding:18px; border:1px solid rgba(69,105,159,.16); border-radius:var(--radius-lg); background:rgba(255,255,255,.62); box-shadow:0 16px 40px rgba(66,93,140,.08); }
.reviews-tile .review-pill { min-height:156px; padding:18px; border:1px solid rgba(66,94,140,.14); border-radius:14px; color:var(--ink); background:#fff; box-shadow:none; }
.reviews-tile .review-pill a { color:var(--blue-dark); }
.reviews-tile .review-pill strong { color:#111; }
.reviews-tile .review-pill span { color:var(--muted); }
.reviews-tile .review-pill:hover { transform:none; border-color:rgba(0,102,204,.28); background:#fff; }
.owner-quick-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:14px; border-bottom:1px solid var(--soft-line); background:#fff; }
.owner-quick-actions a { display:grid; gap:4px; min-width:0; padding:14px 15px; border:1px solid var(--hairline); border-radius:var(--radius-sm); color:var(--ink); background:var(--pearl); text-decoration:none; }
.owner-quick-actions a:hover { border-color:rgba(0,102,204,.32); }
.owner-quick-actions strong { font-size:14px; }
.owner-quick-actions span { color:var(--muted); font-size:12px; }
.owner-overview-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
.owner-needs-attention { border-top:1px solid var(--soft-line); }
@media (max-width:900px) { .reviews-tile .reviews-layout { grid-template-columns:1fr; } .owner-quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); } .owner-overview-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:560px) { .owner-quick-actions,.owner-overview-metrics { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .home-hero-tile.hero-tile .dropzone,.home-hero-tile.hero-tile .dropzone.locked,.support-chat-launcher,.support-chat-panel { animation:none !important; } }

/* Single-stage video comparison: both sources stay in sync while the divider reveals the second one. */
.video-difference { display: grid; gap: 16px; }
.video-difference-stage {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  width: min(100%, 760px);
  margin-inline: auto;
  aspect-ratio: 1080 / 1280;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 18px;
  background: #050506;
  cursor: ew-resize;
  touch-action: none;
  outline: none;
}
.video-difference-stage:focus-visible { box-shadow: 0 0 0 3px rgba(123, 193, 255, .65); }
.video-difference-stage.is-dragging { cursor: grabbing; }
.video-difference-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}
.video-difference-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  clip-path: inset(0 0 0 50%);
}
.video-difference-divider {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-1px);
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .25), 0 0 18px rgba(0, 0, 0, .35);
  pointer-events: none;
}
.video-difference-divider span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 38px;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255, 255, 255, .96);
  border-radius: 50%;
  background: rgba(16, 18, 24, .82);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .35);
}
.video-difference-divider span::before,
.video-difference-divider span::after {
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: "";
}
.video-difference-divider span::before { left: 9px; transform: translateY(-50%) rotate(-135deg); }
.video-difference-divider span::after { right: 9px; transform: translateY(-50%) rotate(45deg); }
.video-difference-label {
  position: absolute;
  z-index: 5;
  top: 14px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  color: #fff;
  background: rgba(10, 11, 15, .62);
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  pointer-events: none;
  backdrop-filter: blur(10px);
}
.video-difference-label-original { left: 14px; }
.video-difference-label-compressed { right: 14px; }
.video-difference-controls { max-width: 760px; width: 100%; margin-inline: auto; }
.video-playback-range { display: block; min-width: 0; }
.video-playback-range input { display: block; width: 100%; accent-color: #fff; cursor: pointer; }
.video-difference + .compare-caveat { max-width: 760px; margin-inline: auto; }
@media (max-width: 640px) {
  .video-difference-stage { border-radius: 14px; }
  .video-difference-controls { grid-template-columns: 1fr auto; }
  .video-difference-controls .video-playback-range { grid-column: 1 / -1; grid-row: 2; }
  .video-difference-controls output { justify-self: end; }
  .video-difference-divider span { width: 34px; height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  .video-difference-video { transition: none; }
}

/* Compact three-step sign-in guide in the hero. */
.login-stepper {
  display: grid;
  gap: 8px;
  max-width: 560px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.login-step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 12px 13px;
  border: 1px solid rgba(48, 82, 142, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .56);
  transition: border-color .18s ease, background-color .18s ease, opacity .18s ease;
}
.login-step.is-active { border-color: rgba(0, 102, 204, .34); background: rgba(255, 255, 255, .82); }
.login-step.is-complete { border-color: rgba(32, 132, 83, .22); }
.login-step.is-locked { opacity: .58; }
.login-step-number {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(0, 102, 204, .28);
  border-radius: 50%;
  color: var(--blue);
  background: rgba(255, 255, 255, .76);
  font-size: 13px;
  font-weight: 750;
}
.login-step.is-complete .login-step-number { border-color: rgba(32, 132, 83, .38); color: #1d7a4e; background: #effaf4; }
.login-step-content { display: grid; gap: 5px; min-width: 0; }
.login-step-kicker { margin: 0; color: var(--blue); font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.login-step-content > strong { font-size: 15px; line-height: 1.2; }
.login-step-copy { color: var(--muted); font-size: 13px; line-height: 1.4; }
.login-step-action { justify-self: start; margin-top: 4px; }
.login-step-account { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
.login-step-account > span:last-child { display: grid; gap: 1px; min-width: 0; }
.login-step-account b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.login-step-account small { color: #1d7a4e; font-size: 11px; font-weight: 700; }
.login-step-avatar,
.login-step-avatar-fallback { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; overflow: hidden; border-radius: 50%; }
.login-step-avatar { object-fit: cover; }
.login-step-avatar-fallback { color: #fff; background: linear-gradient(135deg, #6fc4ff, #b795ff); font-size: 12px; font-weight: 750; }
.login-step-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; margin-top: 3px; }
.login-step-form input { width: 100%; min-height: 36px; padding: 0 10px; border: 1px solid rgba(48, 82, 142, .2); border-radius: 9px; color: var(--ink); background: #fff; }
.login-step-form input:disabled { cursor: not-allowed; background: rgba(245, 247, 251, .75); }
.login-step-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 3px; }
.login-step-status { min-height: 16px; color: var(--muted); font-size: 12px; }
@media (max-width: 640px) {
  .login-stepper { margin-top: 18px; }
  .login-step-form { grid-template-columns: 1fr; }
  .login-step-form button { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .login-step { transition: none; }
}

/* Public-surface redesign: compact comparison, capability ledger, feedback lanes, and quota meter. */
.compare-source-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .06);
}
.compare-source-rail button {
  min-width: 0;
  min-height: 42px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, .68);
  background: transparent;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compare-source-rail button:hover,
.compare-source-rail button:focus-visible { color: #fff; background: rgba(255, 255, 255, .11); }
.compare-source-rail button[aria-selected="true"] { color: var(--ink); background: #fff; }
.compare-selected-source { margin: -6px 0 0; color: rgba(255, 255, 255, .58); font-size: 13px; }
.compare-selected-source strong { color: #fff; font-weight: 650; }
.three-way-compare .compare-panels { display: block; }
.three-way-compare .compare-panel { display: none; grid-template-rows: auto auto auto; }
.three-way-compare[data-active-panel="original"] .compare-panel[data-compare-panel="original"],
.three-way-compare[data-active-panel="compressed"] .compare-panel[data-compare-panel="compressed"],
.three-way-compare[data-active-panel="studio"] .compare-panel[data-compare-panel="studio"] { display: grid; }
.three-way-compare .compare-panel video { width: 100%; max-height: min(66vh, 680px); }

.why-upload120-tile { background: var(--pearl); }
.why-upload120-layout { grid-template-columns: minmax(230px, .74fr) minmax(0, 1.26fr); gap: clamp(28px, 5vw, 72px); }
.why-upload120-ledger { display: grid; border-top: 1px solid var(--hairline); }
.why-upload120-ledger-row { display: grid; grid-template-columns: minmax(150px, .42fr) minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--hairline); }
.why-upload120-ledger-row strong { color: var(--ink); font-size: 15px; }
.why-upload120-ledger-row span { color: var(--muted); font-size: 14px; line-height: 1.45; }
.why-upload120-ledger-row a { color: var(--blue); font-size: 13px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.why-upload120-ledger-row a:hover, .why-upload120-ledger-row a:focus-visible { text-decoration: underline; }

.review-marquee { min-width: 0; width: 100%; overflow: hidden; }
.review-lanes { display: grid; gap: 10px; min-width: 0; width: 100%; }
.review-lane { min-width: 0; width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); }
.review-lane .review-track { display: flex; width: max-content; min-width: max-content; animation-duration: 44s; animation-timing-function: linear; animation-iteration-count: infinite; }
.review-lane .review-track[data-review-direction="review-track-forward"] { animation-name: review-scroll-forward; }
.review-lane .review-track[data-review-direction="review-track-reverse"] { animation-name: review-scroll-reverse; }
.review-lane:hover .review-track, .review-lane:focus-within .review-track, .review-marquee.is-scrolling .review-track { animation-play-state: paused; }
.review-marquee.is-link-opened .review-track { animation-play-state: running; }
.review-loop { display: flex; flex: 0 0 auto; gap: 12px; padding: 4px 6px; }
.review-pill { width: min(300px, 78vw); min-height: 132px; padding: 15px; border: 1px solid var(--hairline); border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(9, 9, 11, .04); }
.review-pill-head { display: flex; align-items: center; gap: 9px; min-width: 0; }
.review-pill-head a { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.review-avatar { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-size: 12px; font-weight: 700; }
.review-avatar-image { display: block; object-fit: cover; background: var(--pearl); }
.review-pill strong { display: block; margin: 11px 0 5px; color: var(--ink); letter-spacing: .08em; }
.review-pill > span { display: block; color: var(--muted); font-size: 13px; line-height: 1.42; }
@keyframes review-scroll-forward { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes review-scroll-reverse { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.faq-panel { display: grid; gap: 0; }
.faq-item { border-bottom: 1px solid var(--hairline); }
.faq-item:first-child { border-top: 1px solid var(--hairline); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; padding: 16px 0; color: var(--ink); cursor: pointer; font-weight: 650; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; color: var(--quiet); font-size: 22px; font-weight: 400; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { max-width: 62ch; margin: -2px 36px 18px 0; color: var(--muted); font-size: 14px; line-height: 1.5; }

.limit-quota { display: grid; gap: 8px; padding: 13px 14px; border: 1px solid var(--hairline); border-radius: 12px; background: var(--pearl); }
.limit-quota-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 13px; }
.limit-quota-head strong { color: var(--ink); font-size: 15px; font-variant-numeric: tabular-nums; }
.limit-quota-track { height: 8px; overflow: hidden; border-radius: 999px; background: #e8e8ed; }
.limit-quota-track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--blue); transition: width 220ms ease; }

@media (max-width: 760px) {
  .compare-source-rail { grid-template-columns: 1fr; }
  .compare-source-rail button { text-align: left; }
  .why-upload120-ledger-row { grid-template-columns: 1fr; gap: 7px; padding: 16px 0; }
  .why-upload120-ledger-row a { width: max-content; }
  .review-wall { padding: 12px; }
  .review-pill { width: min(286px, 80vw); }
}

@media (prefers-reduced-motion: reduce) {
  .review-lane { overflow: visible; mask-image: none; }
  .review-lane .review-track { width: 100%; min-width: 0; flex-wrap: wrap; animation: none !important; transform: none !important; }
  .review-lane .review-loop:not([aria-hidden]) { width: 100%; min-width: 0; flex-wrap: wrap; }
  .review-lane .review-pill { max-width: 100%; }
  .review-lane .review-loop[aria-hidden="true"] { display: none; }
  .limit-quota-track > span { transition: none; }
}

/* Centered sign-in setup dialog. The inline guide stays available to the
   script for state, while the dialog is the primary first-login surface. */
.home-hero-tile .login-stepper { display: none; }
body.login-setup-open { overflow: hidden; }
.login-setup-backdrop {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(247, 249, 252, .68);
  backdrop-filter: blur(10px) saturate(110%);
  -webkit-backdrop-filter: blur(10px) saturate(110%);
}
.login-setup-card {
  position: relative;
  width: min(580px, 100%);
  max-height: min(660px, calc(100vh - 32px));
  overflow: auto;
  display: grid;
  gap: 24px;
  padding: clamp(26px, 4vw, 32px) clamp(22px, 4vw, 32px) clamp(24px, 4vw, 30px);
  border: 1px solid #e1e7f0;
  border-radius: 32px;
  color: var(--ink);
  background: #fff;
  box-shadow: 0 16px 40px rgba(35, 53, 87, .1), 0 1px 0 rgba(255, 255, 255, .95) inset;
  animation: login-setup-card-in 220ms cubic-bezier(.2, .85, .3, 1) both;
}
@keyframes login-setup-card-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.login-setup-progress {
  display: grid;
  grid-template-columns: 42px minmax(24px, 1fr) 42px minmax(24px, 1fr) 42px;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.login-setup-progress > li:not(.login-setup-progress-line) { display: grid; place-items: center; }
.login-setup-progress-line {
  position: relative;
  height: 3px;
  border-radius: 999px;
  overflow: hidden;
  background: #dce1e8;
}
.login-setup-progress-line::after {
  position: absolute;
  inset: 0;
  content: '';
  transform: scaleX(0);
  transform-origin: left center;
  background: #1d1d1f;
  transition: transform 480ms cubic-bezier(.33, 1, .68, 1);
}
.login-setup-progress-line.is-complete::after { transform: scaleX(1); }
.login-setup-progress-dot {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 2px solid #c6ccd5;
  border-radius: 50%;
  color: #1d1d1f;
  background: #f2f3f5;
  font-size: 15px;
  font-weight: 700;
  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.login-setup-progress > li.is-complete .login-setup-progress-dot {
  border-color: #1d1d1f;
  color: #fff;
  background: #1d1d1f;
}
.login-setup-progress > li.is-active .login-setup-progress-dot {
  border-color: #1d1d1f;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(29, 29, 31, .08);
}
.login-setup-panels {
  position: relative;
  display: grid;
  min-height: 0;
  overflow: hidden;
  align-content: start;
  transition: height 280ms cubic-bezier(.2, .85, .3, 1);
}
.login-setup-panel {
  grid-area: 1 / 1;
  display: grid;
  align-content: start;
  gap: 14px;
  transition: transform 260ms cubic-bezier(.2, .85, .3, 1), opacity 180ms ease;
}
.login-setup-panel[aria-hidden="true"]:not(.is-leaving) { display: none; }
.login-setup-panel.is-leaving {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.login-setup-panels[data-login-step-direction="forward"] .login-setup-panel.is-entering { opacity: 0; transform: translateX(20px); }
.login-setup-panels[data-login-step-direction="forward"] .login-setup-panel.is-leaving.is-exiting { opacity: 0; transform: translateX(-20px); }
.login-setup-panels[data-login-step-direction="back"] .login-setup-panel.is-entering { opacity: 0; transform: translateX(-20px); }
.login-setup-panels[data-login-step-direction="back"] .login-setup-panel.is-leaving.is-exiting { opacity: 0; transform: translateX(20px); }
.login-setup-panel.is-entering.is-active { opacity: 1; transform: translateX(0); }
.login-setup-title { max-width: 19ch; margin: 1px 0 2px; font-size: clamp(26px, 3.5vw, 32px); line-height: 1.1; letter-spacing: -.04em; }
.login-setup-panel > p { max-width: 48ch; margin: 0; color: #60738f; font-size: clamp(16px, 2vw, 18px); line-height: 1.46; }
.login-setup-primary { margin: 0; }
.login-setup-card .primary-pill { color: #fff; background: #1d1d1f; box-shadow: none; }
.login-setup-card .primary-pill:hover { color: #fff; background: #000; }
.login-setup-account {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 4px;
  padding: 7px 10px;
  border: 1px solid #e2e6ec;
  border-radius: 12px;
  background: #f7f8fa;
}
.login-setup-account > span:last-child { display: grid; gap: 2px; min-width: 0; }
.login-setup-account b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.login-setup-account small { color: #227749; font-size: 12px; font-weight: 700; }
.login-setup-avatar,
.login-setup-avatar-fallback { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; overflow: hidden; border-radius: 50%; }
.login-setup-avatar { object-fit: cover; }
.login-setup-avatar-fallback { color: #fff; background: linear-gradient(135deg, #70c5ff, #b990ff); font-size: 13px; font-weight: 750; }
.login-setup-form { display: grid; gap: 14px; margin-top: 8px; }
.login-setup-form input { width: 100%; min-height: 46px; padding: 0 13px; border: 1px solid #dce2ea; border-radius: 11px; color: var(--ink); background: #fff; }
.login-setup-form input:disabled { cursor: not-allowed; background: #f5f6f8; }
.login-setup-form button { min-height: 46px; }
.login-setup-keep { justify-self: start; min-height: 42px; margin-top: 2px; padding: 0; border: 0; color: #60738f; background: transparent; font-weight: 650; }
.login-setup-keep:hover { color: var(--ink); }
.login-setup-status { min-height: 18px; color: var(--muted); font-size: 13px; }
.login-setup-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 58px;
  margin-top: 8px;
  padding: 0 16px;
  border: 1px solid #dfe3e9;
  border-radius: 14px;
  color: #60738f;
  background: #f6f6f7;
  font-size: 16px;
}
.login-setup-status-row strong { color: var(--ink); font-size: 15px; }
.login-setup-next-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
.login-setup-footer-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.login-setup-first-actions { justify-content: flex-end; }
.login-setup-discord-status-row { margin-top: 6px; }
.login-setup-back { min-height: 44px; padding: 0; border: 0; color: #60738f; background: transparent; font-weight: 650; }
.login-setup-back:hover { color: var(--ink); }
.login-setup-complete { min-width: 132px; color: #fff; background: #1d1d1f; }
.login-setup-complete:hover { background: #000; }
@media (max-width: 620px) {
  .login-setup-backdrop { padding: 14px; }
  .login-setup-card { gap: 20px; border-radius: 24px; padding: 24px 20px 22px; }
  .login-setup-progress { grid-template-columns: 38px minmax(16px, 1fr) 38px minmax(16px, 1fr) 38px; gap: 8px; }
  .login-setup-progress-dot { width: 38px; height: 38px; font-size: 14px; }
  .login-setup-status-row { min-height: 54px; padding-inline: 14px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .login-setup-backdrop { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .login-setup-card,
  .login-setup-progress-dot,
  .login-setup-progress-line::after,
  .login-setup-panels,
  .login-setup-panel { animation: none; transition: none; }
}

/* Phone layout pass. Keep the desktop system intact while making every
   shared surface fit a narrow viewport without hiding horizontal data tables. */
@media (max-width: 900px) {
  .hero-tile,
  .home-hero-tile,
  .converter-main {
    overflow: hidden;
  }

  .method-comparison-home-table-inner,
  .method-comparison-home-table .method-comparison-simple-table-wrap,
  .method-comparison-simple-table-wrap {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .hero-glass-ambient {
    inset: -8% 0;
    overflow: hidden;
  }

  .compare-controls input.visually-hidden {
    width: 1px !important;
    max-width: 1px;
  }

  .why-upload120-layout {
    grid-template-columns: 1fr;
  }

  .quota-grid-page {
    grid-template-columns: 1fr;
  }

  .quota-editor {
    position: static;
  }

  .panel-head {
    align-items: stretch;
    flex-direction: column;
  }

  .panel-head > .ghost-btn,
  .panel-head > .primary-pill {
    width: 100%;
  }

  html {
    max-width: 100%;
    overflow-x: clip;
  }

  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  img,
  video,
  canvas,
  iframe {
    max-width: 100%;
  }

  button,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  .global-nav,
  .topbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    min-height: 0;
    padding: 9px 14px;
  }

  .global-nav .brand,
  .topbar .brand,
  .global-nav .nav,
  .topbar .nav,
  .global-nav .auth-actions,
  .topbar .auth-actions {
    justify-self: stretch;
    width: 100%;
    max-width: 100%;
  }

  .global-nav .brand,
  .topbar .brand {
    justify-self: center;
  }

  .global-nav .nav,
  .topbar .nav {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 1px;
  }

  .global-nav .nav-item,
  .topbar .nav-item {
    min-height: 38px;
    padding-inline: 11px;
  }

  .global-nav .auth-actions,
  .topbar .auth-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .global-nav .auth-actions > *,
  .topbar .auth-actions > * {
    min-height: 38px;
  }

  .tile {
    min-width: 0;
    padding-inline: 16px;
  }

  .tile-inner,
  .tile-inner > *,
  main > *,
  section > * {
    min-width: 0;
  }

  .home-hero-tile.hero-tile {
    padding-top: 64px;
    padding-bottom: 56px;
  }

  .home-hero-tile .hero-actions {
    align-items: stretch;
    gap: 10px;
  }

  .home-hero-tile .hero-actions > * {
    flex: 0 1 auto;
    min-height: 48px;
  }

  .home-hero-tile .dropzone,
  .home-hero-tile .dropzone.locked {
    min-height: 280px;
    padding: 28px 18px;
  }

  .site-status-banner {
    width: calc(100% - 24px);
  }

  .hero-actions,
  .extension-actions,
  .queue-actions,
  .modal-actions,
  .converter-error-actions,
  .capture-export-actions,
  .method-comparison-simple-actions,
  .owner-delivery-actions {
    min-width: 0;
  }

  .hero-actions > *,
  .extension-actions > *,
  .queue-actions > *,
  .modal-actions > *,
  .converter-error-actions > *,
  .capture-export-actions > *,
  .method-comparison-simple-actions > *,
  .owner-delivery-actions > * {
    max-width: 100%;
  }

  .checker-main,
  .converter-main {
    width: min(calc(100% - 24px), 1120px);
  }

  .converter-main {
    overflow: hidden;
    padding-top: 86px;
  }

  .converter-ambient {
    width: 140%;
    max-width: none;
  }

  .video-tool-main,
  .public-video-main,
  .admin-main,
  .policy-main,
  .status-page main {
    min-width: 0;
  }

  .login-setup-backdrop {
    padding: 12px;
  }

  .login-setup-card {
    width: min(100%, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
  }
}

@media (max-width: 480px) {
  .global-nav,
  .topbar {
    padding-inline: 12px;
  }

  .global-nav .brand,
  .topbar .brand {
    font-size: 11px;
  }

  .home-hero-tile h1 {
    font-size: clamp(38px, 11.5vw, 48px);
  }

  .home-hero-tile .hero-actions > *,
  .home-hero-tile .auth-actions > * {
    width: 100%;
  }

  .home-hero-tile .dropzone,
  .home-hero-tile .dropzone.locked {
    min-height: 260px;
  }

  .login-setup-card {
    gap: 18px;
    padding: 20px 16px 18px;
    border-radius: 20px;
  }

  .login-setup-footer-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .login-setup-footer-actions > * {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-tile.hero-tile .dropzone:not(.locked),
  .support-chat-launcher,
  .support-chat-panel {
    animation: none !important;
  }
}

/* Processing: a quiet surface with one state-driven motion cue. */
.queue-row.is-processing {
  min-height: 236px;
  overflow: hidden;
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  background: var(--pearl, #fff);
  animation: none;
  box-shadow: 0 12px 28px rgba(38, 63, 98, 0.05);
}
.queue-processing-state {
  min-height: 236px;
  grid-template-columns: minmax(0, 1fr);
  padding: clamp(24px, 3.5vw, 34px);
  background: transparent;
}
.queue-processing-body { min-width: 0; display: grid; align-content: center; gap: 24px; }
.queue-processing-file { gap: 7px; }
.queue-processing-file strong { font-size: clamp(19px, 2.2vw, 25px); letter-spacing: -0.025em; overflow-wrap: anywhere; }
.queue-processing-eyebrow { color: var(--muted); }
.queue-progress { gap: 11px; }
.queue-progress-head strong { color: var(--ink); font-size: 17px; }
.queue-progress-head span { color: var(--blue); font-size: 17px; font-variant-numeric: tabular-nums; }
.queue-progress-track { height: 3px; overflow: hidden; background: var(--hairline); }
.queue-progress-track span {
  width: 100%; background: var(--blue); box-shadow: none;
  transform-origin: left; transition: transform 320ms ease-out;
}
/* No traveling bar where the backend supplies no percentage. */
.queue-progress.is-indeterminate .queue-progress-track { display: none; }
.queue-stage-orbit {
  width: 18px; height: 18px; flex: 0 0 18px; border: 2px solid var(--hairline);
  border-top-color: var(--blue); border-radius: 50%;
  animation: upload120ProcessingOrbit 1.8s linear infinite;
}
.queue-processing-description { color: var(--muted); }
.queue-processing-live { color: var(--muted) !important; font-size: 12px !important; }
.queue-processing-steps {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none; margin: 0; padding: 20px 0 0;
  border-top: 1px solid var(--hairline); gap: 16px;
}
.queue-processing-steps li { display: grid; align-content: start; gap: 7px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.queue-processing-steps li > span:first-child { font-variant-numeric: tabular-nums; font-size: 11px; }
.queue-processing-steps .is-current { color: var(--blue); font-weight: 650; }
.queue-processing-steps .is-complete { color: var(--ink); }
@keyframes upload120ProcessingOrbit { to { transform: rotate(360deg); } }
@media (max-width: 520px) {
  .queue-processing-state { text-align: left; }
  .queue-processing-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .queue-stage-orbit { animation: none; }
  .queue-progress-track span { transition: none; }
}


.queue-row.result-row.is-processed {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.result-card {
  position: relative;
  overflow: hidden;
  grid-template-areas:
    "main media"
    "actions media";
  grid-template-columns: minmax(0, 1fr) 172px;
  gap: 18px 28px;
  border: 1px solid rgba(88, 125, 183, 0.18);
  border-radius: 24px;
  padding: clamp(20px, 3vw, 28px);
  background:
    radial-gradient(circle at 94% 12%, rgba(159, 124, 235, 0.1), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(244, 249, 255, 0.97) 58%, rgba(250, 247, 255, 0.95));
  box-shadow: 0 20px 52px rgba(54, 89, 143, 0.12);
}

.result-main {
  gap: 12px;
}

.result-main h3 {
  color: #17243a;
  font-size: clamp(20px, 2.4vw, 27px);
}

.result-main > p {
  max-width: 56ch;
  color: #657287;
  font-size: 14px;
  line-height: 1.5;
}

.result-ready-label {
  color: #137557;
  font-size: 12px;
}

.result-ready-label i {
  width: 24px;
  height: 24px;
  color: #fff;
  background: linear-gradient(135deg, #38b990, #2779c7);
  box-shadow: 0 6px 16px rgba(35, 138, 126, 0.24);
}

.result-ready-label svg {
  width: 15px;
  height: 15px;
}

.result-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-color: rgba(76, 105, 157, 0.13);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.64);
}

.result-facts > div {
  min-height: 66px;
  border: 0;
  border-right: 1px solid rgba(76, 105, 157, 0.12);
  border-radius: 0;
  padding: 11px 12px;
  background: transparent;
}

.result-facts > div:last-child {
  border-right: 0;
}

.result-check-ok {
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid rgba(35, 132, 92, 0.14);
  border-radius: 999px;
  background: rgba(226, 247, 238, 0.72);
}

.result-output-stage {
  border-color: rgba(36, 54, 83, 0.55);
  border-radius: 18px;
  background: #0b1220;
  box-shadow: 0 18px 38px rgba(34, 55, 93, 0.22);
}

.result-action-panel {
  justify-content: flex-start;
  border-top-color: rgba(76, 105, 157, 0.12);
  padding-top: 16px;
}

.result-action-panel .queue-file-actions {
  flex-wrap: wrap;
  gap: 9px;
}

.result-action-panel .primary-pill.small {
  box-shadow: 0 12px 25px rgba(0, 102, 204, 0.18);
}

.queue-resolution-mark {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 6;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: var(--white);
}

.queue-row.is-error {
  position: relative;
}

.queue-resolution-mark svg {
  width: 22px;
  height: 22px;
}

.queue-resolution-mark.is-success {
  background: var(--blue);
  box-shadow: 0 8px 20px rgba(0, 102, 204, 0.22);
  animation: upload120PortalResolve 0.56s cubic-bezier(0.2, 0.82, 0.2, 1) both;
}

.queue-resolution-mark.is-failure {
  color: #9d241d;
  background: #fff0ef;
  box-shadow: inset 0 0 0 1px rgba(157, 36, 29, 0.18);
  animation: upload120PortalFail 0.42s ease-out both;
}

.result-row.is-newly-completed .result-main,
.result-row.is-newly-completed .result-output-shell,
.result-row.is-newly-completed .result-actions {
  animation: upload120ResultContentIn 0.38s 0.12s ease-out both;
}

@keyframes upload120PortalResolve {
  0% { opacity: 0; transform: scale(0.72) rotate(-14deg); }
  65% { opacity: 1; transform: scale(1.08) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes upload120PortalFail {
  0% { opacity: 0; transform: scale(0.82); }
  55% { opacity: 1; transform: scale(1.04) translateX(-2px); }
  75% { transform: scale(1.02) translateX(2px); }
  100% { opacity: 1; transform: scale(1) translateX(0); }
}

@keyframes upload120ResultContentIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.local-ui-preview-banner {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1200;
  width: min(390px, calc(100vw - 36px));
  display: grid;
  gap: 4px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 16px;
  padding: 13px 15px;
  color: #fff;
  background: rgba(19, 29, 49, 0.92);
  box-shadow: 0 18px 46px rgba(25, 42, 78, 0.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.local-ui-preview-banner strong {
  font-size: 13px;
}

.local-ui-preview-banner span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.45;
}

.is-local-ui-preview #autoDownloadInput {
  cursor: not-allowed;
}

.pro-page .pro-hero-tile {
  background:
    radial-gradient(circle at 87% 15%, rgba(111, 153, 224, 0.12), transparent 31%),
    linear-gradient(180deg, #fff, #fafbfd);
}

.pro-page .pro-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(48px, 6vw, 78px);
  line-height: 0.98;
}

.pro-page .passes-tile {
  background: #f7f7f8;
}

.pro-page .passes-tile::before {
  display: none;
}

.pro-page .passes-layout {
  gap: 28px;
}

.pro-common-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #d9dce2;
  border-radius: 16px;
  background: #fff;
}

.pro-common-benefits > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 18px 20px;
}

.pro-common-benefits > div + div {
  border-left: 1px solid #e1e3e7;
}

.pro-common-benefits strong {
  color: #1d1d1f;
  font-size: 14px;
  line-height: 1.3;
}

.pro-common-benefits span {
  color: #696970;
  font-size: 12px;
  line-height: 1.4;
}

.pro-page .pro-plans-grid {
  grid-auto-flow: column;
  grid-auto-columns: min(430px, calc(100vw - 48px));
  grid-template-columns: none;
  grid-template-areas: none;
  align-items: start;
  gap: 18px;
  padding: 0 0 12px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  scrollbar-color: #b8bbc2 transparent;
  scrollbar-width: thin;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.pro-page .pro-plans-grid .plan-card:nth-child(n) {
  grid-area: auto;
  grid-column: auto;
}

.pro-page .pro-plans-grid .plan-card {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  grid-column: auto;
  gap: 18px;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid #d4d6db;
  border-radius: 17px;
  padding: 30px 28px 28px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(25, 29, 36, 0.03);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pro-page .pro-plans-grid .plan-card:hover {
  border-color: #aeb3bc;
  box-shadow: 0 8px 24px rgba(25, 29, 36, 0.07);
}

.pro-page .plan-card-head {
  min-height: 88px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.pro-page .plan-card-head > div {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.pro-page .plan-card-head h3 {
  margin: 0;
  color: #171719;
  font-size: 26px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.pro-page .plan-card-head p {
  min-height: 44px;
  margin: 0;
  color: #62636a;
  font-size: 14px;
  line-height: 1.45;
}

.plan-value-badge {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  color: #fff;
  background: #1d1d1f;
  font-size: 10px;
  font-weight: 720;
  line-height: 1;
  white-space: nowrap;
}

.plan-card-badges {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.plan-current-badge {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #397fd7, #7767d8);
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
  white-space: nowrap;
}

.plan-current-badge[hidden],
.pro-page .plan-card[hidden] {
  display: none !important;
}

.pro-page .pro-plans-grid .plan-card.is-current-plan {
  border-color: #4b7fd0;
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.94), #fff 38%);
  box-shadow: 0 0 0 1px rgba(75, 127, 208, 0.28), 0 18px 42px rgba(51, 91, 153, 0.12);
}

.pro-page .plan-price {
  min-height: 54px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
}

.pro-page .plan-price strong,
.pro-page .plan-card.is-featured .plan-price strong {
  color: #171719;
  font-size: clamp(36px, 3.2vw, 46px);
  line-height: 1;
  letter-spacing: -0.045em;
}

.pro-page .plan-price span {
  color: #74757c;
  font-size: 12px;
  line-height: 1.3;
  text-transform: none;
}

.pro-page .plan-cta {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  border-radius: 999px;
}

.pro-page .plan-scan {
  display: grid;
  margin: 0;
  border-top: 1px solid #e2e3e6;
}

.pro-page .plan-scan > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 9px 0;
  border-bottom: 1px solid #e8e9eb;
}

.pro-page .plan-scan dt,
.pro-page .plan-scan dd {
  margin: 0;
}

.pro-page .plan-scan dt {
  color: #787980;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.pro-page .plan-scan dd {
  overflow-wrap: anywhere;
  color: #242429;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

.pro-page .plan-includes {
  display: grid;
  gap: 11px;
}

.pro-page .plan-includes h4 {
  margin: 0;
  color: #242429;
  font-size: 14px;
  line-height: 1.3;
}

.pro-page .plan-feature-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pro-page .plan-feature-list li {
  position: relative;
  margin: 0;
  padding-left: 20px;
  color: #4f5057;
  font-size: 13px;
  line-height: 1.48;
}

.pro-page .plan-feature-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #1d1d1f;
  font-size: 12px;
  font-weight: 800;
}

.pro-plans-grid .plan-card.is-best-value {
  border-color: #7d88a9;
  background:
    linear-gradient(180deg, rgba(236, 243, 255, 0.88), rgba(250, 248, 255, 0.82) 27%, #fff 62%);
  box-shadow: 0 12px 30px rgba(59, 77, 121, 0.1);
}

.pro-plans-grid .plan-card.is-best-value .primary-pill {
  border-color: #1d1d1f;
  background: #1d1d1f;
  box-shadow: none;
}

.pro-page .pro-plans-grid .plan-card.is-best-value .plan-card-head p,
.pro-page .pro-plans-grid .plan-card.is-best-value .plan-price span,
.pro-page .pro-plans-grid .plan-card.is-best-value .plan-feature-list li {
  color: #4f5057;
}

.pro-page .pro-plans-grid .plan-card.is-best-value .plan-value-badge {
  color: #fff;
  background: #1d1d1f;
  text-transform: none;
}

.pro-page .pro-explainer {
  display: grid;
  gap: 18px;
  padding: 24px;
  border: 1px solid #d9dce2;
  border-radius: 16px;
  color: #1d1d1f;
  background: #fff;
}

.pro-page .pro-explainer h3 {
  margin: 0;
  color: #1d1d1f;
  font-size: 20px;
  letter-spacing: -0.025em;
}

.pro-page .pro-explainer > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px 24px;
}

.pro-page .pro-explainer p,
.pro-page .pro-explainer p strong {
  color: #595a61;
}

.pro-page .pro-explainer p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.pro-page .pro-explainer p strong {
  color: #242429;
}

@media (max-width: 1180px) {
  .pro-common-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pro-common-benefits > div:nth-child(3) {
    border-left: 0;
  }

  .pro-common-benefits > div:nth-child(n + 3) {
    border-top: 1px solid #e1e3e7;
  }
}

@media (max-width: 760px) {
  .queue-processing-state {
    padding: 28px 20px;
  }

  .result-card {
    grid-template-areas:
      "main"
      "media"
      "actions";
    grid-template-columns: 1fr;
  }

  .result-output-shell {
    width: min(100%, 220px);
    justify-self: center;
  }

  .result-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .result-facts > div:nth-child(2) {
    border-right: 0;
  }

  .result-facts > div:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(76, 105, 157, 0.12);
  }

  .pro-page .pro-explainer > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .queue-processing-state {
    min-height: 0;
    padding: 26px 18px 24px;
    text-align: center;
  }

  .queue-processing-body {
    width: 100%;
  }

  .queue-progress-head {
    text-align: left;
  }

  .queue-processing-live {
    text-align: left;
  }

  .pro-common-benefits {
    grid-template-columns: 1fr;
  }

  .pro-common-benefits > div + div,
  .pro-common-benefits > div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid #e1e3e7;
  }

  .pro-page .plan-card-head,
  .pro-page .plan-card-head p {
    min-height: 0;
  }

  .pro-page .support-chat-launcher {
    width: 44px;
    min-height: 44px;
    justify-content: center;
    padding: 0;
  }

  .pro-page .support-chat-launcher > span:last-child {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .queue-row.is-processing,
  .queue-stage-indicator i,
  .queue-progress.is-indeterminate .queue-progress-track span,
  .queue-resolution-mark,
  .queue-row.is-revealed,
  .result-row.is-newly-completed .result-main,
  .result-row.is-newly-completed .result-output-shell,
  .result-row.is-newly-completed .result-actions {
    animation: none !important;
  }

  .queue-row.is-processing {
    background-position: 0 0, 100% 0, 0 0;
  }
}

/* Phone surfaces retain the desktop hierarchy at a smaller visual scale while
   keeping the interactive boxes large enough to tap. */
@media (max-width:760px) {
  body:not(.owner-page) { font-size:15px; }
  .global-nav,
  .topbar {
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:4px 8px;
    padding:7px 10px 6px;
  }
  .global-nav .brand,
  .topbar .brand { grid-column:1; justify-self:start; width:auto; }
  .global-nav .auth-actions,
  .topbar .auth-actions { grid-column:2; justify-self:end; width:auto; flex-wrap:nowrap; }
  .global-nav .nav,
  .topbar .nav { grid-column:1 / -1; width:100%; padding:0; }
  .global-nav .nav-item,
  .topbar .nav-item,
  .global-nav .auth-actions > *,
  .topbar .auth-actions > * { min-height:36px; font-size:12px; }
  .global-nav .nav-command-button kbd,
  .topbar .nav-command-button kbd { display:none; }
  .tile { padding-inline:12px; }
  .home-hero-tile.hero-tile { padding-top:38px; padding-bottom:34px; }
  .home-hero-tile h1 { max-width:12ch; font-size:clamp(30px,9vw,38px); line-height:1.02; }
  .home-hero-tile .hero-actions { align-items:center; flex-direction:row; flex-wrap:wrap; gap:7px; }
  .home-hero-tile .hero-actions > *,
  .home-hero-tile .auth-actions > * { width:auto; min-height:42px; padding-inline:15px; }
  .home-hero-tile .dropzone,
  .home-hero-tile .dropzone.locked { min-height:210px; padding:20px 14px; }
}

/* User appearance preference. The dark palette keeps Upload120's blue and lilac
   light while moving the existing surface hierarchy into low-glare neutrals. */
.account-theme-setting {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
}

.account-theme-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.account-theme-copy strong {
  color: var(--ink);
  font-size: 15px;
}

.account-theme-copy small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
}

.theme-switch {
  width: 48px;
  height: 28px;
  flex: 0 0 48px;
  display: grid;
  align-items: center;
  padding: 3px;
  border: 1px solid #a8adb7;
  border-radius: 999px;
  background: #d8dbe1;
  transition: border-color 160ms ease, background-color 160ms ease;
}

.theme-switch > span:first-child {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(16, 20, 28, 0.24);
  transform: translateX(0);
  transition: transform 160ms ease;
}

.theme-switch[aria-checked="true"] {
  border-color: #5aa4ee;
  background: #1675d1;
}

.theme-switch[aria-checked="true"] > span:first-child {
  transform: translateX(20px);
}

.account-theme-status {
  min-height: 18px;
  margin: -10px 0 0;
}

html[data-upload120-theme="dark"] {
  color-scheme: dark;
  --blue: #82b7ff;
  --blue-focus: #add1ff;
  --blue-dark: #add1ff;
  --ink: #f1f3f7;
  --muted: #b0b6c2;
  --quiet: #929baa;
  --parchment: #111216;
  --pearl: #1a1c22;
  --hairline: #353943;
  --soft-line: rgba(255, 255, 255, 0.1);
  --upload120-dark-page: #111216;
  --upload120-dark-surface: #1a1c22;
  --upload120-dark-surface-raised: #23262e;
  --upload120-dark-soft: #23262e;
}

html[data-upload120-theme="dark"] body:not(.owner-page) {
  color: var(--ink);
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .eyebrow {
  color: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(input, textarea, select) {
  color: var(--ink);
  border-color: var(--hairline);
  background-color: #111216;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(input, textarea)::placeholder {
  color: #929baa;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.secondary-pill, .ghost-btn, .utility-button) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.secondary-pill, .ghost-btn, .utility-button):hover {
  border-color: #596273;
  background: #23262e;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.primary-pill, .download-btn) {
  color: #07111d;
  border-color: #82b7ff;
  background: #82b7ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.primary-pill, .download-btn):hover {
  border-color: #add1ff;
  background: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .primary-pill:disabled {
  color: #b0b6c2;
  border-color: #596273;
  background: #2b3441;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .compat-note {
  color: #add1ff;
  border-color: rgba(110, 180, 255, 0.32);
  background: rgba(48, 107, 166, 0.16);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .global-nav,
html[data-upload120-theme="dark"] body:not(.owner-page) .topbar {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.015) 42%, rgba(99, 174, 255, 0.09)),
    rgba(10, 13, 18, 0.84);
  border-bottom-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.32), inset 0 1px rgba(255, 255, 255, 0.08);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile {
  background:
    radial-gradient(circle at 14% 22%, rgba(74, 157, 232, 0.22), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(157, 119, 230, 0.19), transparent 31%),
    linear-gradient(145deg, #1a1c22 0%, #111216 50%, #1a1c22 100%);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile .upload-surface {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(12, 16, 23, 0.46);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 30px 70px rgba(0, 0, 0, 0.28);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile.hero-tile :is(.dropzone, .dropzone.locked) {
  color: var(--ink);
  border-color: rgba(139, 198, 255, 0.3);
  background:
    radial-gradient(circle at 18% 14%, rgba(85, 173, 247, 0.13), transparent 36%),
    radial-gradient(circle at 82% 88%, rgba(169, 122, 242, 0.12), transparent 38%),
    #1a1c22;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 28px 70px rgba(0, 0, 0, 0.28);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile.hero-tile .dropzone .dz-content::before {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(25, 31, 42, 0.58);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .rating-stars,
html[data-upload120-theme="dark"] body:not(.owner-page) .dropzone-folder-button {
  color: #fff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .dropzone-folder-button {
  border-color: rgba(255, 255, 255, 0.28);
  background: transparent;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .dropzone-folder-button:hover,
html[data-upload120-theme="dark"] body:not(.owner-page) .dropzone-folder-button:focus-visible {
  border-color: rgba(255, 255, 255, 0.52);
  background: rgba(255, 255, 255, 0.08);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.hero-allowance, .proof-card) {
  color: var(--ink);
  border-color: rgba(126, 177, 230, 0.24);
  background: rgba(24, 30, 40, 0.84);
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.08);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .upload-area-tile {
  background:
    radial-gradient(circle at 16% 8%, rgba(70, 157, 232, 0.18), transparent 32%),
    radial-gradient(circle at 86% 86%, rgba(158, 112, 231, 0.16), transparent 35%),
    #111216;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .upload-area-tile .dropzone {
  color: var(--ink);
  border-color: rgba(111, 179, 255, 0.46);
  background:
    radial-gradient(circle at 18% 14%, rgba(85, 173, 247, 0.14), transparent 36%),
    radial-gradient(circle at 82% 88%, rgba(169, 122, 242, 0.14), transparent 38%),
    #1a1c22;
  box-shadow: 0 28px 74px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .how-steps li,
  .home-plan-comparison article,
  .account-panel,
  .account-profile-card,
  .account-status-card,
  .referral-panel,
  .referral-card,
  .rewards-panel,
  .caption-reward-card,
  .review-form,
  .review-pill,
  .review-empty-card,
  .policy-index,
  .policy-section .tile-inner,
  .policy-provider-grid article,
  .checker-workbench,
  .checker-result,
  .checker-capabilities,
  .checker-stat-card,
  .tool-meta-card,
  .tool-check-card,
  .modal-card,
  .site-tools-panel,
  .command-menu-panel,
  .login-setup-card,
  .public-video-shell,
  .public-profile-shell
) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .glass-surface {
  border-color: rgba(135, 159, 196, 0.22);
  background:
    linear-gradient(138deg, rgba(31, 39, 51, 0.94), rgba(21, 29, 40, 0.88) 54%, rgba(32, 30, 45, 0.9)),
    #1a1c22;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.07), 0 26px 72px rgba(0, 0, 0, 0.3);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .glass-surface::before {
  background:
    radial-gradient(circle at 8% 4%, rgba(128, 193, 255, 0.11), transparent 27%),
    radial-gradient(circle at 94% 0%, rgba(158, 124, 226, 0.12), transparent 35%);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-tile {
  color: var(--ink);
  background:
    radial-gradient(circle at 9% 16%, rgba(77, 166, 227, 0.16), transparent 31%),
    radial-gradient(circle at 93% 82%, rgba(159, 113, 226, 0.14), transparent 36%),
    var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-copy h2 {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .converter-home-copy > p:not(.eyebrow),
  .converter-home-actions > span,
  .converter-home-limits span,
  .converter-home-steps span
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-limits span {
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-limits b {
  color: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-preview {
  border-color: rgba(139, 198, 255, 0.2);
  background: rgba(24, 29, 38, 0.9);
  box-shadow: 0 30px 66px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-steps li {
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .converter-home-steps b {
  color: #add1ff;
  background: #293349;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .converter-home-steps strong,
  .converter-home-preview-head,
  .converter-home-preview-foot
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .pro-comparison-tile,
  .method-comparison-pro-teaser,
  .referral-info-section
) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .community-action,
  .settings-panel.faq-panel,
  .pro-history-panel
) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.05);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .community-action-icon {
  color: #add1ff;
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .rewards-action .community-action-icon,
  .rewards-action span
) {
  color: #bca7ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .review-empty-card a {
  color: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .community-action strong,
  .faq-item summary,
  .method-comparison-pro-teaser h2,
  .pro-history-panel h2,
  .pro-list p
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .community-action p,
  .faq-item p,
  .method-comparison-pro-teaser .lead,
  .pro-history-panel > div > p:not(.eyebrow)
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .faq-item,
  .pro-list p
) {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .pro-list p {
  background: var(--upload120-dark-soft);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .account-danger-card {
  border-color: rgba(255, 141, 150, 0.3);
  background: linear-gradient(135deg, rgba(83, 34, 40, 0.5), rgba(24, 29, 38, 0.94));
}

html[data-upload120-theme="dark"] body:not(.owner-page) .account-danger-card :is(.eyebrow, h2),
html[data-upload120-theme="dark"] body:not(.owner-page) .account-delete-start {
  color: #ff9da4;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .account-delete-start {
  border-color: rgba(255, 157, 164, 0.42);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .account-dashboard-tile,
  .account-profile-tile,
  .passes-tile,
  .referral-info-hero,
  .rewards-tile,
  .reviews-tile,
  .policy-hero,
  .checker-page,
  .converter-page
) {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 16%, rgba(87, 170, 239, 0.14), transparent 32%),
    radial-gradient(circle at 92% 10%, rgba(167, 126, 231, 0.13), transparent 31%),
    var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .account-stat-grid > div,
  .account-list article,
  .account-list-item,
  .video-library-card,
  .overview-recent-video,
  .caption-reward-actions,
  .checker-post-fact,
  .checker-result section,
  .policy-index a
) {
  color: var(--ink);
  border-color: var(--hairline);
  background-color: var(--upload120-dark-soft);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .account-stat-grid span,
  .account-list span,
  .account-list small,
  .video-library-card small,
  .overview-recent-video small,
  .checker-capabilities span,
  .checker-post-fact small,
  .policy-index span
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .video-dashboard-tabs a {
  color: #dce3ee;
  border-color: rgba(255, 255, 255, 0.18);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .video-dashboard-tabs a:hover {
  color: #fff;
  border-color: rgba(139, 198, 255, 0.48);
  background: rgba(110, 180, 255, 0.12);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .video-dashboard-tabs a[aria-current="page"] {
  color: #fff;
  border-color: transparent;
}

/* Account shell and Cloud file manager. These controls stay on the existing
   Upload120 token system while giving account work a focused dialog frame. */
.account-dialog-shell {
  width: min(1280px, calc(100% - 36px));
  margin: clamp(28px, 5vw, 72px) auto;
  border: 1px solid var(--hairline);
  border-radius: clamp(20px, 3vw, 30px);
  box-shadow: 0 28px 80px rgba(20, 33, 52, .14);
}
.account-dialog-tabs { margin-inline: -2px; }
.account-settings-logout { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:4px; padding-top:16px; border-top:1px solid var(--hairline); }
.account-settings-logout > div { display:grid; gap:3px; }
.account-settings-logout small { color:var(--muted); }
.cloud-manager-panel { gap:20px; }
.cloud-manager-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.cloud-manager-head h2 { margin:3px 0 7px; }
.cloud-scope { display:grid; gap:4px; min-width:130px; padding:10px 12px; border:1px solid var(--hairline); border-radius:var(--radius-sm); color:var(--muted); font-size:12px; text-align:right; }
.cloud-scope strong { color:var(--ink); font-size:14px; }
.cloud-storage-summary { display:grid; grid-template-columns:auto minmax(120px,1fr) auto; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--hairline); border-radius:var(--radius-sm); background:var(--pearl); }
.cloud-storage-summary > div:first-child { display:grid; gap:2px; }
.cloud-storage-summary span, .cloud-storage-summary small { color:var(--muted); font-size:12px; }
.cloud-storage-summary strong { color:var(--ink); font-size:14px; }
.cloud-storage-meter { height:7px; overflow:hidden; border-radius:var(--pill); background:var(--hairline); }
.cloud-storage-meter span { display:block; height:100%; border-radius:inherit; background:var(--blue); transition:width .2s ease; }
.cloud-toolbar { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,1.4fr) auto auto; align-items:end; gap:10px; }
.cloud-breadcrumbs { display:flex; align-items:center; gap:7px; min-width:0; overflow:auto; white-space:nowrap; }
.cloud-breadcrumbs button { padding:7px 0; border:0; color:var(--blue); background:transparent; font:inherit; font-size:13px; cursor:pointer; }
.cloud-breadcrumbs button[aria-current="page"] { color:var(--ink); font-weight:700; }
.cloud-search input, .cloud-sort-label select { width:100%; min-height:38px; padding:0 10px; border:1px solid var(--hairline); border-radius:var(--radius-sm); color:var(--ink); background:var(--white); font:inherit; }
.cloud-sort-label { display:grid; gap:4px; color:var(--muted); font-size:11px; font-weight:700; }
.cloud-sort-label select { min-width:110px; color:var(--ink); font-size:13px; font-weight:500; }
.cloud-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.cloud-actions > button { flex:0 0 auto; }
.cloud-selection-bar, .cloud-move-bar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:9px 11px; border:1px solid rgba(0,102,204,.22); border-radius:var(--radius-sm); background:rgba(0,102,204,.06); }
.cloud-selection-bar strong, .cloud-move-bar strong { margin-right:auto; color:var(--ink); font-size:13px; }
.cloud-status { min-height:18px; color:var(--muted); font-size:13px; }
.cloud-status.is-error { color:#b42318; }
.cloud-list, .cloud-shares-list { display:grid; gap:7px; }
.cloud-item { display:grid; grid-template-columns:28px minmax(0,1fr) minmax(68px,auto) auto; align-items:center; gap:10px; min-width:0; padding:10px 11px; border:1px solid var(--hairline); border-radius:var(--radius-sm); background:var(--white); }
.cloud-item-check { display:grid; place-items:center; min-height:32px; }
.cloud-item-check input { width:16px; height:16px; accent-color:var(--blue); }
.cloud-item-main { display:flex; align-items:center; gap:10px; min-width:0; padding:0; border:0; color:inherit; background:transparent; text-align:left; text-decoration:none; cursor:pointer; }
.cloud-item-main > span:last-child { display:grid; gap:2px; min-width:0; }
.cloud-item-main strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.cloud-item-main small, .cloud-item-size { overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.cloud-item-icon { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border:1px solid var(--hairline); border-radius:var(--radius-sm); color:var(--blue); background:var(--pearl); font-size:16px; font-weight:700; }
.cloud-link-thumbnail { color:#fff; border-color:#2359a8; background:#2359a8; font-size:13px; letter-spacing:.02em; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16); }
.cloud-item-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.cloud-item-actions .secondary-pill { min-height:30px; }
.cloud-danger { color:#a53030 !important; }
.cloud-empty { margin:0; padding:22px 12px; border:1px dashed var(--hairline); border-radius:var(--radius-sm); color:var(--muted); text-align:center; }
.cloud-share-row { display:grid; gap:11px; padding:12px; border:1px solid var(--hairline); border-radius:var(--radius-sm); }
.cloud-share-row-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.cloud-share-row-head > div { display:grid; gap:3px; min-width:0; }
.cloud-share-row small, .cloud-viewers, .cloud-field-hint { color:var(--muted); font-size:12px; }
.cloud-field-hint { display:block; margin-top:-10px; line-height:1.45; }
.cloud-share-link { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.cloud-share-link input { min-width:0; font-size:12px; }
.cloud-share-legacy { margin:0; color:var(--muted); font-size:12px; line-height:1.45; }
.cloud-share-viewers { display:grid; gap:7px; overflow-wrap:anywhere; }
.cloud-share-viewers > strong { color:var(--ink); font-size:12px; }
.cloud-share-viewer-list { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.cloud-share-viewer-list li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:1px 7px; padding-top:6px; border-top:1px solid var(--hairline); }
.cloud-share-viewer-list li strong { color:var(--ink); font-size:12px; }
.cloud-share-viewer-list li > span { min-width:0; overflow:hidden; color:var(--muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.cloud-share-viewer-list li small { grid-column:1 / -1; }
.cloud-share-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }

.site-tools-avatar-button { position:relative; width:34px; height:34px; display:grid; place-items:center; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; background:rgba(255,255,255,.12); cursor:pointer; }
.auth-actions > .site-tools-avatar-button { flex:0 0 34px; min-width:34px; max-width:34px; }
.site-tools-avatar-button img { display:block; width:100%; height:100%; object-fit:cover; }
.site-tools-avatar-button svg { width:16px; height:16px; }
.site-tools-avatar-button > span { position:absolute; font-size:12px; font-weight:750; }
.auth-actions { position:relative; }
.site-tools-account-overlay {
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(14,24,37,.56);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.site-tools-account-overlay.hidden { display:none; }
html.site-tools-account-open { overflow:hidden; }
.site-tools-account-overlay:not(.hidden) { animation:account-overlay-in .16s ease-out both; }
.site-tools-account-overlay:not(.hidden) .site-tools-account-frame-shell { animation:account-window-in .18s ease-out both; }
@keyframes account-overlay-in { from { opacity:0; } to { opacity:1; } }
@keyframes account-window-in { from { opacity:0; transform:translateY(7px) scale(.992); } to { opacity:1; transform:none; } }
.site-tools-account-frame-shell {
  position:relative;
  width:min(1240px,100%);
  height:min(820px,calc(100dvh - 48px));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.64);
  border-radius:38px;
  background:#edf2f7;
  box-shadow:0 34px 110px rgba(2,13,26,.34);
}
.site-tools-account-frame {
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#edf2f7;
}
.site-tools-account-close {
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d6e0ea;
  border-radius:50%;
  color:#31445a;
  background:#fff;
  box-shadow:0 6px 18px rgba(25,45,70,.12);
  font:inherit;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.site-tools-account-close:hover { color:#074f9e; background:#edf5fd; }
.site-tools-account-close:focus-visible { outline:3px solid rgba(0,113,227,.34); outline-offset:3px; }
html[data-upload120-theme="dark"] .site-tools-account-frame-shell,
html[data-upload120-theme="dark"] .site-tools-account-frame { border-color:#353943; background:#111216; }
html[data-upload120-theme="dark"] .site-tools-account-close {
  color:#dce9f6;
  border-color:#353943;
  background:#1a1c22;
}
html[data-upload120-theme="dark"] .site-tools-account-close:hover { color:#fff; background:#233650; }
.site-tools-avatar-button:focus-visible, .cloud-item-main:focus-visible, .cloud-breadcrumbs button:focus-visible { outline:3px solid rgba(0,113,227,.32); outline-offset:2px; }

@media (max-width: 833px) {
  .site-tools-account-overlay { padding:12px; }
  .site-tools-account-frame-shell {
    height:calc(100dvh - 24px);
    border-radius:30px;
  }
  .site-tools-account-close { top:12px; right:12px; }
}
@media (max-width: 520px) {
  .site-tools-account-overlay { padding:6px; }
  .site-tools-account-frame-shell {
    height:calc(100dvh - 12px);
    border-radius:25px;
  }
  .site-tools-account-close { top:9px; right:9px; width:38px; height:38px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-tools-account-overlay:not(.hidden),
  .site-tools-account-overlay:not(.hidden) .site-tools-account-frame-shell { animation:none; }
}

@media (max-width: 833px) {
  .account-dialog-shell { width:min(100% - 28px, 720px); margin-block:24px 40px; }
  .cloud-manager-head { flex-direction:column; }
  .cloud-scope { width:100%; text-align:left; }
  .cloud-toolbar { grid-template-columns:1fr 1fr; }
  .cloud-breadcrumbs, .cloud-search { grid-column:1 / -1; }
}
@media (max-width: 620px) {
  .cloud-storage-summary { grid-template-columns:1fr; }
  .cloud-storage-summary > small { grid-row:3; }
  .cloud-item { grid-template-columns:28px minmax(0,1fr) auto; }
  .cloud-item-size { grid-column:2; }
  .cloud-item-actions { grid-column:2 / -1; justify-content:flex-start; }
  .cloud-share-link { grid-template-columns:minmax(0,1fr); }
  .cloud-share-actions { justify-content:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .cloud-storage-meter span { transition:none; }
}

/* Profile pictures keep an initials layer underneath every remote image. */
.account-avatar-fallback,
.creator-profile-avatar-fallback,
.public-profile-avatar-fallback,
.video-creator-avatar-fallback {
  display:grid;
  place-items:center;
  color:#fff;
  background:#315f8d;
  font-weight:800;
  line-height:1;
  user-select:none;
}
.creator-profile-picture {
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:4px 0 16px;
  border-bottom:1px solid rgba(75,98,151,.15);
}
.creator-profile-avatar-shell,
.public-profile-avatar-shell,
.video-creator-avatar-shell {
  position:relative;
  display:grid;
  flex:none;
  place-items:center;
}
.creator-profile-avatar-shell { width:76px; height:76px; }
.creator-profile-avatar,
.creator-profile-avatar-fallback {
  grid-area:1 / 1;
  width:76px;
  height:76px;
  border-radius:50%;
}
.creator-profile-avatar { display:block; object-fit:cover; }
.creator-profile-avatar-fallback { font-size:24px; }
.creator-profile-picture-copy { display:grid; min-width:0; gap:5px; }
.creator-profile-picture-copy > strong { color:#263552; font-size:15px; }
.creator-profile-picture-copy > small { color:#68768d; font-size:12px; line-height:1.45; }
.creator-profile-picture-actions { display:flex; align-items:center; flex-wrap:wrap; gap:11px; margin-top:4px; }
.creator-profile-picture-choose { cursor:pointer; }
.creator-profile-picture-status { min-height:18px; margin:1px 0 0; }
.creator-profile-picture-choose:has(+ #videoProfilePictureInput:focus-visible) { outline:3px solid rgba(53,101,212,.3); outline-offset:2px; }
.account-avatar-fallback { font-size:19px; }
.public-profile-avatar-shell { width:62px; height:62px; }
.public-profile-avatar-shell .public-profile-avatar { grid-area:1 / 1; }
.public-profile-avatar-fallback { font-size:21px; }
.video-creator-avatar-shell { width:26px; height:26px; }
.video-creator-avatar-shell > * { grid-area:1 / 1; width:26px; height:26px; border-radius:50%; }
.video-creator-avatar-fallback { font-size:10px; }

body.account-popup-embedded {
  min-height:100dvh;
  overflow:hidden;
  background:transparent;
}
body.account-popup-embedded > .site-header,
body.account-popup-embedded > .global-nav,
body.account-popup-embedded #supportChatLauncher,
body.account-popup-embedded .chat-launcher,
body.account-popup-embedded .chat-launcher-dock,
body.account-popup-embedded .support-chat { display:none !important; }
body.account-popup-embedded main {
  min-height:100dvh;
  padding:0;
}
body.account-popup-embedded .account-dialog-shell {
  width:100%;
  height:100dvh;
  min-height:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.account-popup-embedded .cloud-manager-head { padding-right:52px; }

@media (max-width: 833px) {
  body.account-popup-embedded { overflow:auto; }
  body.account-popup-embedded .account-dialog-shell {
    width:100%;
    height:auto;
    min-height:100dvh;
    border-radius:0;
  }
}

html[data-upload120-theme="dark"] body.pro-page .pro-hero-tile {
  background:
    radial-gradient(circle at 87% 15%, rgba(101, 161, 229, 0.17), transparent 32%),
    linear-gradient(180deg, #121722, #111216);
}

html[data-upload120-theme="dark"] body.pro-page :is(.pro-hero-copy h1, .passes-head h2) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.pro-page :is(.pro-hero-copy .lead, .passes-head .lead) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.pro-page .passes-tile {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.pro-page .pro-status-panel.glass-surface {
  color: var(--ink);
  border-color: rgba(139, 198, 255, 0.2);
  background:
    radial-gradient(circle at 95% 0, rgba(153, 120, 225, 0.14), transparent 36%),
    linear-gradient(145deg, #171e2b, #1f1a2c);
}

html[data-upload120-theme="dark"] body.pro-page .pro-status-panel :is(
  .pro-account-identity > div > strong,
  .pro-account-plan > strong,
  .pro-entitlement-grid dd,
  .pro-library-status strong
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.pro-page .pro-status-panel :is(
  .pro-account-identity > div > span,
  .pro-account-plan > p,
  .pro-entitlement-grid dt,
  .pro-library-status span,
  .reset-note
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.pro-page .pro-status-panel :is(
  .pro-entitlement-grid div,
  .pro-library-status
) {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body.pro-page .pro-account-state {
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.09);
}

html[data-upload120-theme="dark"] body.pro-features-page main,
html[data-upload120-theme="dark"] body.pro-features-page main > .tile {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.pro-features-page .pro-features-hero {
  border-bottom-color: var(--hairline);
  background:
    radial-gradient(circle at 86% 10%, rgba(106, 165, 232, 0.14), transparent 32%),
    var(--upload120-dark-surface);
}

html[data-upload120-theme="dark"] body.pro-features-page :is(
  .pro-features-hero h1,
  .pro-features-hero .lead,
  .simple-head h2,
  .pro-feature-row h2
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.pro-features-page :is(
  .pro-features-summary p,
  .pro-feature-row p
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.pro-features-page :is(
  .pro-features-summary,
  .pro-features-list,
  .pro-feature-row
) {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body.checker-page .checker-intro .lead {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.checker-page .checker-trust-row span {
  color: #dce3ee;
  border-color: rgba(255, 255, 255, 0.16);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body.checker-page .checker-url-control {
  border-color: var(--hairline);
  background: #111216;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.2);
}

html[data-upload120-theme="dark"] body.checker-page .checker-url-control > svg {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.legal-page .policy-updated {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.legal-page .policy-section {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.legal-page .policy-section :is(h2, h3, strong) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.legal-page .policy-section :is(p, li) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.legal-page .policy-number {
  color: #add1ff !important;
}

html[data-upload120-theme="dark"] body.method-comparison-simple-page,
html[data-upload120-theme="dark"] body.method-comparison-simple-page .method-comparison-simple-section,
html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-home-table {
  color: var(--ink);
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.method-comparison-simple-page .method-comparison-simple-hero {
  border-bottom-color: var(--hairline);
  background:
    radial-gradient(circle at 82% 12%, rgba(154, 119, 224, 0.13), transparent 34%),
    radial-gradient(circle at 12% 20%, rgba(87, 170, 239, 0.14), transparent 32%),
    var(--upload120-dark-surface);
}

html[data-upload120-theme="dark"] body.method-comparison-simple-page :is(
  .method-comparison-simple-hero h1,
  .method-comparison-simple-section h2,
  .method-comparison-simple-facts strong,
  .method-comparison-simple-cta p:not(.eyebrow)
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.method-comparison-simple-page :is(
  .method-comparison-simple-lead,
  .method-comparison-simple-note,
  .method-comparison-simple-legend,
  .method-comparison-legal-note,
  .method-comparison-dated-note
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.method-comparison-simple-page .method-comparison-simple-legend-key:last-child {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-facts {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-facts li {
  background: rgba(255, 255, 255, 0.035);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-facts li + li {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .method-comparison-simple-table-wrap,
  .method-comparison-simple-cta
) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table :is(th, td) {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table thead th,
html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table tbody th,
html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table tbody tr:nth-child(even) th {
  color: var(--ink);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table td:not(.is-winner):not(.is-weaker):not(.is-tie) {
  color: var(--muted);
  background: var(--upload120-dark-surface);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table td:is(.is-cheapest, .is-listed, .is-winner) {
  color: #d9f5e2 !important;
  border-color: #2e6040;
  background: #173522 !important;
  box-shadow: inset 4px 0 #55b873;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table td:is(.is-higher-price, .is-not-listed, .is-conflict, .is-weaker) {
  color: #ffe2e4 !important;
  border-color: #754149;
  background: #3a2025 !important;
  box-shadow: inset 4px 0 #d56a74;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table td:is(.is-tie) {
  color: #d0d6e0 !important;
  border-color: #46505f;
  background: #232a34 !important;
  box-shadow: none;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-legend i:is(.is-winner, .is-listed) {
  border-color: #3f7651;
  background: #21462e;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-legend i:is(.is-weaker, .is-not-listed, .is-conflict) {
  border-color: #855059;
  background: #4a292f;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-legend i:is(.is-tie, .is-unknown, .is-neutral) {
  border-color: #596373;
  background: #2c3440;
}

html[data-upload120-theme="dark"] body.method-comparison-simple-page :is(
  .method-comparison-simple-cta .eyebrow,
  .method-comparison-simple-sources,
  .method-comparison-simple-sources a,
  .method-comparison-legal-note a
) {
  color: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-change-button {
  color: #add1ff;
  border-color: #58677c;
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-change-menu {
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-change-menu button {
  color: var(--ink);
}

@media (max-width: 760px) {
  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table-wrap {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: #596273 var(--upload120-dark-surface);
    -webkit-overflow-scrolling: touch;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table,
  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-home-table .method-comparison-simple-table {
    width: 700px;
    min-width: 700px;
    table-layout: fixed;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table thead th:first-child {
    width: 140px;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table thead th:not(:first-child) {
    width: 280px;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table :is(th, td) {
    padding: 12px 11px;
    font-size: 12px;
    line-height: 1.38;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table tbody th {
    font-size: 12px;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table thead th:first-child,
  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-table tbody th {
    position: static;
    left: auto;
    z-index: auto;
    box-shadow: none;
  }

  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-column-name,
  html[data-upload120-theme="dark"] body:not(.owner-page) .method-comparison-simple-change-button {
    font-size: 14px;
  }
}

html[data-upload120-theme="dark"] body:not(.owner-page) .extension-tile,
html[data-upload120-theme="dark"] body:not(.owner-page) .issues-section {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .extension-tile :is(h1, h2),
html[data-upload120-theme="dark"] body:not(.owner-page) .issues-card :is(h2, strong) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .extension-tile :is(.lead, .reset-note),
html[data-upload120-theme="dark"] body:not(.owner-page) .issues-card .reset-note {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .extension-connect-panel,
  .issues-card,
  .issue-contact-card
) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

html[data-upload120-theme="dark"] body.upload120-updates-page {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.upload120-updates-page :is(
  .upload120-updates-list,
  .upload120-updates-next
) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2);
}

html[data-upload120-theme="dark"] body.upload120-updates-page :is(
  .upload120-updates-heading h2,
  .upload120-updates-next h2,
  .upload120-update-entry h3
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.upload120-updates-page :is(
  .upload120-update-entry,
  .upload120-updates-heading
) {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body.converter-page {
  color: var(--ink);
  background:
    radial-gradient(ellipse 74vw 64vh at 4% 14%, rgba(73, 154, 217, 0.13), transparent 72%),
    radial-gradient(ellipse 70vw 66vh at 96% 24%, rgba(145, 103, 207, 0.12), transparent 74%),
    var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.converter-page .converter-intro > div:first-child > p:last-child,
html[data-upload120-theme="dark"] body.converter-page .converter-waiting-panel p:last-child,
html[data-upload120-theme="dark"] body.converter-page .converter-source-panel .tool-status,
html[data-upload120-theme="dark"] body.converter-page .converter-bottom-note {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.converter-page :is(.converter-file-types span, .converter-panel-heading > span) {
  color: var(--muted);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
  box-shadow: none;
}

html[data-upload120-theme="dark"] body.converter-page .converter-file-types b {
  color: #add1ff;
}

html[data-upload120-theme="dark"] body.converter-page .converter-workspace {
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 32px 88px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body.converter-page :is(.converter-source-panel, .converter-target-panel, .converter-waiting-panel) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
}

html[data-upload120-theme="dark"] body.converter-page .converter-waiting-panel {
  background:
    radial-gradient(circle at 50% 38%, rgba(91, 153, 237, 0.1), transparent 34%),
    var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body.converter-page .converter-file-dock {
  color: var(--ink);
  border-color: rgba(110, 180, 255, 0.3);
  background:
    radial-gradient(circle at 18% 5%, rgba(91, 190, 255, 0.12), transparent 40%),
    radial-gradient(circle at 90% 92%, rgba(166, 118, 244, 0.1), transparent 42%),
    #111216;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body.converter-page .converter-file-dock .converter-drop-copy span {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.converter-page :is(
  .converter-file-dock-icon,
  .converter-file-dock .converter-file-button,
  .converter-folder-picker .converter-change-file,
  .converter-version-stack i
) {
  color: #add1ff;
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

html[data-upload120-theme="dark"] body.converter-page .version-choice {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body.converter-page .version-choice.is-selected {
  color: #fff;
  border-color: #6e8ee2;
  background: linear-gradient(135deg, #3766d2, #6f58d3);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.referral-info-card, .referral-rules-section) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .referral-info-card {
  background: var(--upload120-dark-surface);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
}

html[data-upload120-theme="dark"] body.status-page .status-system[data-state="operational"] strong {
  color: #72d39a;
}

html[data-upload120-theme="dark"] body.status-page .policy-section {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.status-page .policy-section .tile-inner {
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
}

html[data-upload120-theme="dark"] body.status-page .policy-section h2 {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.status-page .policy-section p {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .support-chat-panel {
  color: var(--ink);
  border-color: rgba(110, 180, 255, 0.24);
  background: linear-gradient(145deg, rgba(27, 33, 44, 0.99), rgba(18, 23, 32, 0.99));
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.42);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.support-chat-head p, .support-chat-note, .support-chat-thread > p) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .support-chat-close {
  color: #f1f3f7;
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .support-chat-message.is-assistant {
  color: #e8f1ff;
  background: #26344a;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .support-chat-message.is-error {
  color: #ffced1;
  border-color: #754149;
  background: #3a2025;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .support-chat-form textarea {
  color: var(--ink);
  border-color: var(--hairline);
  background: #111216;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .support-chat-form textarea::placeholder {
  color: #8d9bae;
  opacity: 1;
}

html[data-upload120-theme="dark"] body.error-page {
  background: var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.error-page .error-main {
  background:
    radial-gradient(circle at 12% 16%, rgba(77, 156, 222, 0.16), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(148, 107, 215, 0.13), transparent 32%),
    var(--upload120-dark-page);
}

html[data-upload120-theme="dark"] body.error-page :is(.error-copy h1, .error-directory h2, .error-directory nav a) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.error-page :is(.error-lead, .error-directory p) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.error-page .error-kicker span {
  border-color: rgba(110, 180, 255, 0.28);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body.error-page .error-directory {
  border-color: var(--hairline);
  background: rgba(24, 29, 38, 0.9);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.26), inset 0 1px rgba(255, 255, 255, 0.06);
}

html[data-upload120-theme="dark"] body.error-page .error-directory nav,
html[data-upload120-theme="dark"] body.error-page .error-directory nav a {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body.pro-page :is(.pro-common-benefits, .pro-explainer) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .pro-common-benefits > div + div {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body.pro-page :is(.pro-common-benefits strong, .pro-explainer h3, .pro-explainer p strong) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.pro-page :is(.pro-common-benefits span, .pro-explainer p) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.pro-page .pro-plans-grid .plan-card {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

html[data-upload120-theme="dark"] body.pro-page .pro-plans-grid .plan-card:hover {
  border-color: #596273;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
}

html[data-upload120-theme="dark"] body.pro-page .pro-plans-grid .plan-card.is-current-plan {
  border-color: #5898d9;
  background: linear-gradient(180deg, rgba(45, 82, 121, 0.42), var(--upload120-dark-surface) 42%);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .pro-plans-grid .plan-card.is-best-value {
  border-color: #686f8d;
  background: linear-gradient(180deg, rgba(55, 65, 92, 0.72), rgba(42, 35, 62, 0.42) 30%, var(--upload120-dark-surface) 64%);
}

html[data-upload120-theme="dark"] body.pro-page :is(
  .plan-card-head h3,
  .plan-price strong,
  .plan-scan dd,
  .plan-includes h4
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body.pro-page .pro-plans-grid .plan-price strong {
  color: var(--ink) !important;
}

html[data-upload120-theme="dark"] body.pro-page :is(
  .plan-card-head p,
  .plan-price span,
  .plan-scan dt,
  .plan-feature-list li,
  .pro-plans-grid .plan-card.is-best-value .plan-card-head p,
  .pro-plans-grid .plan-card.is-best-value .plan-price span,
  .pro-plans-grid .plan-card.is-best-value .plan-feature-list li
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body.pro-page :is(.plan-scan, .plan-scan > div) {
  border-color: var(--hairline);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .pro-plans-grid .plan-card.is-best-value .primary-pill {
  color: #07111d;
  border-color: #add1ff;
  background: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.reviews-tile .review-pill, .review-pill, .review-empty-card) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.reviews-tile .review-pill strong, .review-pill strong, .caption-reward-actions code) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .checker-capabilities strong,
  .checker-creator strong,
  .checker-post-fact strong,
  .checker-stat-card strong,
  .checker-section-head h3
) {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(
  .checker-capabilities span,
  .checker-creator small,
  .checker-post-fact small,
  .checker-stat-card span,
  .checker-stat-card small
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) :is(.account-connection-status, .account-verification-instructions, .tool-result-note) {
  color: var(--muted);
  border-color: var(--hairline);
  background: var(--upload120-dark-soft);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-footer {
  border-top-color: rgba(255, 255, 255, 0.12);
  background: #0a0d12;
}

html[data-upload120-theme="dark"] .theme-switch {
  border-color: #445064;
  background: #343d4b;
}

html[data-upload120-theme="dark"] .theme-switch[aria-checked="true"] {
  border-color: #82b7ff;
  background: #2b87df;
}

@media (prefers-reduced-motion: reduce) {
  .theme-switch,
  .theme-switch > span:first-child {
    transition: none;
  }
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-panel :is(.site-tools-empty, .site-tools-command-hint, .site-tools-command-item span, .site-tools-panel-head label) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-panel :is(.site-tools-panel-head kbd, .site-tools-close) {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-command-item:is(:hover, :focus-visible, .is-active) {
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.46);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-panel-head h2,
html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-notification strong {
  color: var(--ink);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-close {
  color: #f1f3f7;
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-close:hover {
  color: #fff;
  background: #23262e;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-notification {
  color: var(--ink);
  border-color: var(--hairline);
  background: var(--upload120-dark-surface-raised);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-notification.is-unread {
  border-color: rgba(110, 180, 255, 0.38);
  background: #1c2b3d;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel :is(
  .site-tools-notification p,
  .site-tools-notification small,
  .site-tools-empty
) {
  color: var(--muted);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-notification-toggle {
  color: #add1ff;
}

html[data-upload120-theme="dark"] body:not(.owner-page) .site-tools-notification-panel .site-tools-notification-details {
  color: #f1f3f7;
  background: var(--upload120-dark-soft);
}

html[data-upload120-theme="dark"] body:not(.owner-page) .auth-error-panel {
  border-color: #3b6285;
  color: #e8f2fc;
  background: #172a3c;
}
html[data-upload120-theme="dark"] body:not(.owner-page) .auth-error-panel span { color: #b0b6c2; }
html[data-upload120-theme="dark"] body:not(.owner-page) .auth-error-panel a { color: #add1ff; }

/* First-account-visit hint stays within the header stacking context. */
.site-tools-account-intro-label { color:rgba(255,255,255,.94); font-size:12px; white-space:nowrap; pointer-events:none; }
.site-tools-avatar-button.has-account-intro { border-color:#a5caff; animation:account-intro-glow 2.8s ease-in-out infinite; }
@keyframes account-intro-glow {
  0%,100% { box-shadow:0 0 0 3px rgba(80,150,255,.06),0 0 10px 2px rgba(70,140,255,.08); }
  50% { box-shadow:0 0 0 4px rgba(80,150,255,.16),0 0 19px 5px rgba(70,140,255,.3); }
}
@media (prefers-reduced-motion:reduce) {
  .site-tools-avatar-button.has-account-intro { animation:none; box-shadow:0 0 0 3px rgba(80,150,255,.12),0 0 12px 3px rgba(70,140,255,.18); }
}
.global-nav[inert] .site-tools-avatar-button.has-account-intro,
.global-nav:has(.nav-more[open]) .site-tools-avatar-button.has-account-intro,
html.site-tools-account-open .site-tools-avatar-button.has-account-intro { animation:none; box-shadow:none; }

/* Site-wide dark finish: neutral layers, restrained blue, readable interaction states. */
html[data-upload120-theme="dark"] {
  --upload120-dark-page: #111216;
  --upload120-dark-surface: #1a1c22;
  --upload120-dark-surface-raised: #23262e;
  --upload120-dark-soft: #292e38;
}
html[data-upload120-theme="dark"] body:not(.owner-page) :is(.primary-pill,.download-btn) { color: #fff; border-color: #315fce; background: #315fce; }
html[data-upload120-theme="dark"] body:not(.owner-page) :is(.primary-pill,.download-btn):not(:disabled):hover { background: #2855bf; border-color: #2855bf; }
html[data-upload120-theme="dark"] body:not(.owner-page) :is(.primary-pill,.download-btn):disabled { color: #b0b6c2; background: #292e38; border-color: #414957; }
html[data-upload120-theme="dark"] body:not(.owner-page) :is(button,a,summary,input,select,textarea):focus-visible { outline: 2px solid #add1ff; outline-offset: 3px; }
html[data-upload120-theme="dark"] body:not(.owner-page) .hero-glass-ambient { opacity: .12; }
html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile { background: linear-gradient(145deg,#15171d,#111216); }
html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile .upload-surface { background: #15171d; border-color: #353943; box-shadow: 0 18px 48px #0004; }
html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile.hero-tile :is(.dropzone,.dropzone.locked) { background: #1a1c22; border-color: #414957; box-shadow: inset 0 1px #ffffff08; }
html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile .dropzone::before,
html[data-upload120-theme="dark"] body:not(.owner-page) .home-hero-tile .dropzone::after { opacity: .12; }
html[data-upload120-theme="dark"] body:not(.owner-page) :is(.global-nav,.topbar) { background: #15171df5; border-color: #353943; box-shadow: 0 6px 24px #0003; }
html[data-upload120-theme="dark"] body:not(.owner-page) :is(.nav-more-menu,.support-chat-panel,.site-tools-panel,.site-tools-menu) { color: #f1f3f7; background: #20232b; border-color: #414957; box-shadow: 0 18px 50px #0007; }
html[data-upload120-theme="dark"] body:not(.owner-page) .nav-more-menu a:is(:hover,:focus-visible) { color: #f1f3f7; background: #2b3240; }