/* One neutral palette for the public site, sign-in, and workspace. */
:root {
  color-scheme: light;
  --warm-bg: #f5f5f7;
  --warm-panel: #fff;
  --warm-sub: #f0f0f3;
  --warm-ink: #1d1d1f;
  --warm-ink2: #343438;
  --warm-muted: #6e6e73;
  --warm-faint: #76767c;
  --warm-line: #e5e5ea;
  --warm-line2: #d2d2d7;
  --warm-accent: #0071e3;
  --warm-accent-deep: #0062c5;
  --warm-accent-soft: #e9f2ff;
  --warm-on-accent: #fff;
  --warm-ok: #287b43;
  --warm-err: #b42318;
  --warm-focus: #0071e3;
  --sp1: 4px; --sp2: 8px; --sp3: 16px; --sp4: 24px;
  --sp5: 32px; --sp6: 48px; --sp7: 64px; --sp8: 96px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;
  --shadow-xs: 0 1px 2px #342b1805;
  --shadow-sm: 0 2px 8px #342b1805;
  --shadow-md: 0 8px 24px #342b180c;
  --shadow-lg: 0 20px 60px #342b181a;
  --ease: cubic-bezier(.2,.7,.3,1);
  --font: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --font-latin: "Segoe UI",Arial,sans-serif;
}
html[data-color-mode="dark"] {
  color-scheme: dark;
  --warm-bg: #161617;
  --warm-panel: #232325;
  --warm-sub: #2c2c2e;
  --warm-ink: #f5f5f7;
  --warm-ink2: #e5e5ea;
  --warm-muted: #aaaab0;
  --warm-faint: #a0a0a7;
  --warm-line: #38383b;
  --warm-line2: #4d4d52;
  --warm-accent: #409cff;
  --warm-accent-deep: #68b1ff;
  --warm-accent-soft: #23374f;
  --warm-on-accent: #071b30;
  --warm-ok: #86d19f;
  --warm-err: #ffb4a9;
  --warm-focus: #409cff;
  --shadow-xs: 0 1px 2px #0001;
  --shadow-sm: 0 2px 8px #0001;
  --shadow-md: 0 8px 24px #0002;
  --shadow-lg: 0 20px 60px #0004;
}
/* Older tools consume read-*; keep one palette rather than competing themes. */
:root, :root[data-color-mode="light"], :root[data-color-mode="dark"] {
  --read-bg: var(--warm-bg); --read-panel: var(--warm-panel);
  --read-sub: var(--warm-sub); --read-text: var(--warm-ink);
  --read-muted: var(--warm-muted); --read-line: var(--warm-line);
  --read-accent: var(--warm-accent); --read-button: var(--warm-accent);
  --read-on: var(--warm-on-accent);
}
html { background: var(--warm-bg); }
body, body.suite-page, body.tools-home, body.studio-page {
  --bg: var(--warm-bg); --surface: var(--warm-panel); --panel: var(--warm-panel);
  --paper: var(--warm-panel); --ink: var(--warm-ink); --text: var(--warm-ink);
  --dim: var(--warm-muted); --muted: var(--warm-muted);
  --accent: var(--warm-accent); --accent-soft: var(--warm-accent-soft);
  --lime: var(--warm-accent); --border: var(--warm-line); --line: var(--warm-line);
  background: var(--warm-bg) !important; color: var(--warm-ink) !important;
  font-family: var(--font) !important; line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased;
}
body.suite-page { color-scheme: light; font-size: 14px !important; }
html[data-color-mode="dark"] body.suite-page { color-scheme: dark; }
h1, h2, h3 { color: var(--warm-ink); line-height: 1.35; letter-spacing: 0; }
.suite-page h1 { font-size: 28px !important; font-weight: 650 !important; }
.suite-page h2 { font-size: 18px !important; font-weight: 650 !important; }
.suite-page h3 { font-size: 16px !important; font-weight: 600 !important; }
.suite-page p, .suite-page small, .suite-page .muted { color: var(--warm-muted); }
.overline, .section-no, .suite-eyebrow {
  color: var(--warm-muted) !important; font-size: 10px !important;
  font-weight: 600; letter-spacing: .13em !important;
}
a { color: var(--warm-accent-deep); }
a:hover { color: var(--warm-accent); }
button, input, textarea, select { font-family: inherit; }
.button, .solid-button, .login-link, button.primary, button.ghost {
  border-radius: var(--r-sm) !important; font-size: 14px !important;
  font-weight: 600 !important; letter-spacing: 0 !important;
}
.button.primary, .solid-button, button.primary, .suite-page .primary,
.suite-page.studio-page .button.primary {
  background: var(--warm-accent) !important; border-color: var(--warm-accent) !important;
  color: var(--warm-on-accent) !important; box-shadow: none !important;
}
.button.primary:hover:not(:disabled), .solid-button:hover:not(:disabled),
.suite-page .primary:hover:not(:disabled) {
  background: var(--warm-accent-deep) !important;
  border-color: var(--warm-accent-deep) !important; filter: none !important;
  transform: none !important; box-shadow: none !important;
}
.button.secondary, .login-link, button.ghost {
  background: var(--warm-panel) !important; border: 1px solid var(--warm-line2) !important;
  color: var(--warm-ink) !important; box-shadow: none !important;
}
.button.secondary:hover, .login-link:hover, button.ghost:hover {
  background: var(--warm-sub) !important; border-color: var(--warm-line2) !important;
  color: var(--warm-ink) !important; transform: none !important;
}
button:disabled, .suite-page button:disabled {
  opacity: .5 !important; cursor: not-allowed !important; transform: none !important;
  box-shadow: none !important;
}
.suite-page input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
.suite-page textarea, .suite-page select,
.suite-page.studio-page input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
.suite-page.studio-page textarea {
  color: var(--warm-ink) !important; background: var(--warm-panel) !important;
  border: 1px solid var(--warm-line2) !important; border-radius: var(--r-sm) !important;
  font: inherit; font-size: 14px !important; line-height: 1.6 !important;
  box-shadow: none !important;
}
.suite-page input::placeholder, .suite-page textarea::placeholder {
  color: var(--warm-faint) !important; opacity: 1;
}
.suite-page input[type="checkbox"], .suite-page input[type="radio"], progress {
  accent-color: var(--warm-accent);
}
.suite-page :is(button,a,input,textarea,select,summary):focus-visible,
:is(button,a,input,textarea,select,summary):focus-visible {
  outline: 2px solid var(--warm-focus) !important; outline-offset: 3px !important;
  box-shadow: none !important;
}
.suite-page input:focus, .suite-page textarea:focus, .suite-page select:focus {
  outline: 2px solid var(--warm-focus) !important; outline-offset: 2px !important;
  border-color: var(--warm-focus) !important;
}
.work-card, .suite-card, .lyric-sheet, .feature-card, .preview-card {
  background: var(--warm-panel) !important; border-color: var(--warm-line) !important;
  box-shadow: var(--shadow-xs) !important;
}
.suite-card:hover, .feature-card:hover, .suite-page .preset-option:hover,
.suite-page .upload-mode:hover, .suite-page .upload-zone:hover {
  transform: none !important; box-shadow: none !important;
}
.suite-page button, .suite-page a, .suite-page input, .suite-page textarea, .suite-page select {
  transition: background-color .15s ease, border-color .15s ease, color .15s ease !important;
}
.suite-page button:active { transform: none !important; }
.site-nav, .suite-topbar { background: var(--warm-panel) !important; border-color: var(--warm-line) !important; }
hr { border-color: var(--warm-line); }
.color-mode-toggle {
  background: var(--warm-panel) !important; color: var(--warm-muted) !important;
  border: 1px solid var(--warm-line2) !important; border-radius: 7px !important;
  box-shadow: var(--shadow-sm) !important; font: 12px/1.4 var(--font) !important;
  padding: 9px 12px !important; min-height: 36px !important;
}
@media (max-width: 700px) {
  .suite-page h1 { font-size: 25px !important; }
  .color-mode-toggle { right: 12px !important; bottom: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Workspace chrome uses the same paper and ink as its embedded tools. */
html:has(body.workspace-host){scrollbar-gutter:auto}
body.workspace-host{padding:64px 0 0 224px!important}
.workspace-host .suite-sidebar{width:224px;padding:28px 16px!important;background:var(--warm-panel)!important;border-right:1px solid var(--warm-line)!important}
.workspace-host .suite-brand{margin:0 10px 36px;gap:8px;padding:0}.workspace-host .suite-brand strong{font-size:30px;letter-spacing:-1px!important;font-weight:650}.workspace-host .suite-brand>span{color:var(--warm-muted);font-size:11px}
.workspace-host .suite-sidebar nav{gap:6px}.workspace-host .suite-sidebar nav a{position:relative;color:var(--warm-muted)!important;font-size:13px!important;min-height:44px;border-radius:6px!important;padding:11px 12px!important;box-shadow:none!important;gap:12px}
.workspace-host .suite-sidebar nav a:hover{color:var(--warm-ink)!important;background:var(--warm-sub)!important}
.workspace-host .suite-sidebar nav a[aria-current=page]{color:var(--warm-accent-deep)!important;background:var(--warm-accent-soft)!important;font-weight:600;box-shadow:none!important}.workspace-host .suite-sidebar nav a[aria-current=page]::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--warm-accent)}
.workspace-host .suite-sidebar nav a span{color:inherit!important;font-size:16px;width:18px;flex:none}.workspace-host .suite-sidebar-bottom{border-color:var(--warm-line);color:var(--warm-muted);font-size:11px;gap:16px;padding:22px 10px 0}
.workspace-host .suite-topbar{left:224px;height:64px;padding:0 24px!important;background:var(--warm-panel)!important;border-color:var(--warm-line)!important}.workspace-host .suite-topbar>span{font-size:13px!important;font-weight:500;color:var(--warm-muted)}
.workspace-host .suite-account{gap:14px;font-size:11px}.workspace-host .suite-account button{border-color:var(--warm-line2);color:var(--warm-muted);background:transparent;min-height:34px;font-size:11px!important;border-radius:6px;padding:6px 10px}.workspace-host .suite-account button:hover{background:var(--warm-sub)}.workspace-host .suite-time-badge{border:0!important;background:var(--warm-sub)!important;color:var(--warm-muted)!important;font-size:11px!important;border-radius:4px;padding:5px 8px}
.workspace-host .suite-account .color-mode-toggle{position:static;min-height:34px!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;padding:6px 10px!important}.workspace-host .suite-sidebar-bottom{padding-bottom:8px}
.workspace-host #workspaceLoading{font-size:13px;color:var(--warm-muted)}
.suite-page.studio-page .button.primary,.suite-page.studio-page .tabs [aria-selected=true]{background:var(--warm-accent)!important;color:var(--warm-on-accent)!important;border-color:var(--warm-accent)!important}
@media(max-width:760px){
 body.workspace-host{padding:104px 0 0!important}
 .workspace-host .suite-topbar{top:0;left:0;height:52px!important;min-height:52px!important;padding:0 14px!important;gap:8px}
 .workspace-host .suite-topbar>span{font-size:12px!important;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-host .suite-account{gap:8px}.workspace-host .suite-account button{font-size:10px!important;padding:5px 8px;min-height:32px}.workspace-host .suite-time-badge{font-size:10px!important;padding:4px 6px}
 .workspace-host .suite-sidebar{position:fixed;inset:52px 0 auto;width:100%;height:52px;padding:0!important;overflow:hidden;border-right:0!important;border-bottom:1px solid var(--warm-line)!important;background:var(--warm-panel)!important}
 .workspace-host .suite-sidebar nav{display:flex;min-width:0;height:52px;overflow-x:auto;overscroll-behavior-x:contain;gap:4px;padding:4px 12px;scroll-padding-inline:12px;scrollbar-width:thin;scrollbar-color:var(--warm-line2) transparent}
 .workspace-host .suite-sidebar nav a{min-height:40px;flex:none;white-space:nowrap;padding:8px 12px!important;font-size:12px!important;gap:6px}.workspace-host .suite-sidebar nav a[aria-current=page]::before{left:12px;right:12px;top:auto;bottom:0;width:auto;height:2px}.workspace-host .suite-sidebar nav a span{font-size:14px;width:16px}
 .workspace-host .suite-account .color-mode-toggle{position:static;font-size:10px!important;padding:5px 7px!important;min-height:32px!important;white-space:nowrap}.workspace-host .suite-account{flex:none}.workspace-host .suite-topbar>span{min-width:0;flex:1}
}

/* macOS-inspired workspace: neutral surfaces, quiet separators, blue actions. */
html:has(body.suite-page){
 --warm-bg:#f5f5f7;--warm-panel:#fff;--warm-sub:#f0f0f3;
 --warm-ink:#1d1d1f;--warm-ink2:#343438;--warm-muted:#6e6e73;--warm-faint:#76767c;
 --warm-line:#e5e5ea;--warm-line2:#d2d2d7;
 --warm-accent:#0071e3;--warm-accent-deep:#0062c5;--warm-accent-soft:#e9f2ff;
 --warm-on-accent:#fff;--warm-ok:#287b43;--warm-err:#b42318;--warm-focus:#0071e3;
 --font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 --r-sm:8px;--r-md:12px;--r-lg:16px;
}
html[data-color-mode=dark]:has(body.suite-page){
 --warm-bg:#161617;--warm-panel:#232325;--warm-sub:#2c2c2e;
 --warm-ink:#f5f5f7;--warm-ink2:#e5e5ea;--warm-muted:#aaaab0;--warm-faint:#a0a0a7;
 --warm-line:#38383b;--warm-line2:#4d4d52;
 --warm-accent:#409cff;--warm-accent-deep:#68b1ff;--warm-accent-soft:#23374f;
 --warm-on-accent:#071b30;--warm-ok:#86d19f;--warm-err:#ffb4a9;--warm-focus:#409cff;
}
.suite-page,.suite-page :is(input,select,textarea,button,h1,h2,h3,p,span,label,small){font-family:var(--font)!important}
body.suite-page{font-size:14px!important;line-height:1.5!important}
.workspace-host .suite-sidebar{background:var(--warm-sub)!important;padding:28px 16px!important}
.workspace-host .suite-brand{margin-bottom:30px}.workspace-host .suite-brand strong{font-size:26px;font-weight:700;letter-spacing:-.8px!important}.workspace-host .suite-brand>span{font-size:12px}
.workspace-host .suite-sidebar nav{gap:4px}.workspace-host .suite-sidebar nav a{min-height:42px;font-size:14px!important;border-radius:8px!important;font-weight:400;gap:12px}
.workspace-host .suite-sidebar nav a[aria-current=page]{background:var(--warm-accent)!important;color:var(--warm-on-accent)!important;font-weight:500;box-shadow:0 1px 3px #00000008!important}
.workspace-host .suite-sidebar nav a[aria-current=page]::before{display:none}
.workspace-host .suite-sidebar nav a>span:first-child{display:grid;place-items:center;width:20px;flex:none}.workspace-host .suite-sidebar nav svg{display:block;width:19px;height:19px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none}
.workspace-host .suite-sidebar-bottom{font-size:12px;gap:16px}.workspace-host .suite-topbar{background:var(--warm-panel)!important;border-color:var(--warm-line)!important}.workspace-host .suite-topbar>span{font-size:14px!important;color:var(--warm-ink);font-weight:500}
.workspace-host .suite-account{font-size:12px;gap:12px}.workspace-host .suite-account button,.workspace-host .suite-account .color-mode-toggle{font-size:12px!important;border-radius:7px!important;min-height:32px!important;color:var(--warm-muted)!important}.workspace-host .suite-time-badge{border-radius:6px;font-size:12px!important}
.suite-page .primary,.suite-page .button.primary{border-radius:9px!important;font-weight:600!important}
.suite-page input:not([type=range]):not([type=checkbox]):not([type=radio]),.suite-page textarea,.suite-page select{border-radius:9px!important}
.suite-page :is(.effect-panel,.result-panel,.member-panel,.work-card,.member-settings){border-radius:14px!important;box-shadow:0 2px 8px #00000004!important}
.suite-page.studio-page :is(.source-column,.release-controls){border-radius:14px!important}.suite-page.studio-page .tabs{border-radius:9px!important}.suite-page .preset-option:has(input:checked){background:var(--warm-accent-soft)!important}
@media(max-width:760px){
 .workspace-host .suite-sidebar{padding:0!important;background:var(--warm-panel)!important}.workspace-host .suite-sidebar nav a{font-size:13px!important;min-height:40px}.workspace-host .suite-topbar>span{font-size:12px!important}.workspace-host .suite-account button,.workspace-host .suite-account .color-mode-toggle,.workspace-host .suite-time-badge{font-size:10px!important}.workspace-host .suite-sidebar nav svg{width:17px;height:17px}
}

/* 2026-10: shared craft layer for the creative space. */
:root,html:has(body.suite-page){--warm-bg:#f6f7f9;--warm-panel:#fff;--warm-sub:#eef1f5;--warm-ink:#202731;--warm-ink2:#3e4858;--warm-muted:#657080;--warm-faint:#737e8c;--warm-line:#e3e7ed;--warm-line2:#cbd2dc;--warm-accent:#2463d4;--warm-accent-deep:#1c50b0;--warm-accent-soft:#edf3ff;--warm-on-accent:#fff;--warm-focus:#2463d4;--shadow-sm:0 3px 12px #1b2e4706;--ease:cubic-bezier(.22,.75,.25,1)}
html[data-color-mode=dark],html[data-color-mode=dark]:has(body.suite-page){--warm-bg:#15191f;--warm-panel:#1d222b;--warm-sub:#252d39;--warm-ink:#edf1f7;--warm-ink2:#d3dae6;--warm-muted:#a4afbe;--warm-faint:#9ba7b8;--warm-line:#303946;--warm-line2:#455164;--warm-accent:#8cb5ff;--warm-accent-deep:#aac9ff;--warm-accent-soft:#253753;--warm-on-accent:#102347;--warm-focus:#8cb5ff}
body.workspace-host{padding:72px 0 0 232px!important}.workspace-host .suite-sidebar{width:232px;padding:34px 18px!important;background:var(--warm-panel)!important}.workspace-host .suite-brand{margin:0 12px 35px;padding:0;gap:10px}.workspace-host .suite-brand strong{font:800 30px/1 Arial,sans-serif!important;letter-spacing:-1.3px!important}.workspace-host .suite-brand>span{padding-left:10px;border-left:1px solid var(--warm-line2);font-size:11px}.workspace-host .suite-sidebar .suite-eyebrow{display:block;margin:0 12px 15px;font:9px/1.5 var(--font)!important;letter-spacing:.15em!important}.workspace-host .suite-sidebar nav{gap:6px}.workspace-host .suite-sidebar nav a{min-height:46px;border-radius:7px!important;font-size:13px!important;padding:11px 12px!important;gap:12px;color:var(--warm-muted)!important}.workspace-host .suite-sidebar nav a[aria-current=page]{background:var(--warm-accent-soft)!important;color:var(--warm-accent-deep)!important;box-shadow:none!important;font-weight:600}.workspace-host .suite-sidebar nav a[aria-current=page]:before{display:block;content:"";position:absolute;top:14px;bottom:14px;left:-18px;width:3px;background:var(--warm-accent);border-radius:0 3px 3px 0}.workspace-host .suite-sidebar nav svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.workspace-host .suite-sidebar-bottom{font-size:11px;gap:16px;padding:22px 12px 0;border-color:var(--warm-line)}.workspace-host .suite-topbar{left:232px;height:72px;padding:0 34px!important;background:var(--warm-bg)!important;border-bottom:1px solid var(--warm-line)!important}.workspace-host .suite-topbar>span{font-size:12px!important;color:var(--warm-muted)!important;font-weight:400}.workspace-host .suite-account{gap:14px;font-size:11px}.workspace-host .suite-account button,.workspace-host .suite-account .color-mode-toggle{font-size:11px!important;border-radius:6px!important;min-height:34px!important;background:transparent!important;border-color:var(--warm-line)!important}.workspace-host .suite-time-badge{background:var(--warm-panel)!important;font-size:11px!important;border:1px solid var(--warm-line)!important;padding:5px 10px;border-radius:5px}.workspace-host #workspaceEmail{max-width:180px}
.workspace-host #workspaceViews{display:flex;flex-direction:column}.workspace-intro{flex:none;width:100%;max-width:1160px;margin:0 auto;padding:30px 32px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.suite-page .workspace-intro h1{font-size:28px!important;font-weight:650!important;letter-spacing:-.7px!important;margin:0 0 6px;line-height:1.3}.workspace-intro p{font-size:13px!important;margin:0;color:var(--warm-muted)!important}.workspace-intro>span{font:10px/1.4 var(--font);letter-spacing:.12em!important;color:var(--warm-muted);border-left:1px solid var(--warm-line2);padding-left:18px;white-space:nowrap}.workspace-host .workspace-view{flex:1;min-height:0;height:0;animation:workspace-enter .22s var(--ease)}.workspace-host #workspaceLoading{position:absolute;inset:116px 32px auto;z-index:5;padding:28px;background:var(--warm-panel);border:1px solid var(--warm-line);border-radius:12px;color:var(--warm-muted);font-size:13px;box-shadow:0 5px 20px #162b4905}.workspace-host #workspaceLoading:before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;border-radius:50%;background:var(--warm-accent);animation:load-pulse 1.2s ease-in-out infinite}.workspace-host #workspaceLoading button{margin-left:16px;border:1px solid var(--warm-line2);border-radius:5px;background:var(--warm-sub);padding:6px 12px;color:var(--warm-ink)}
.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{max-width:1160px!important;padding:18px 32px 32px!important}.workspace-embedded .download-heading{display:none}.suite-page :is(.effect-panel,.result-panel,.member-panel,.work-card,.member-settings){border:1px solid var(--warm-line)!important;border-radius:12px!important;box-shadow:0 3px 16px #14294a04!important}.suite-page .effect-panel,.suite-page .result-panel{padding:26px!important}.suite-page .effect-layout{gap:22px!important;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr)!important}.suite-page .step-title{font-size:15px!important;margin-bottom:18px!important}.suite-page .step-title>span{font:10px/1 var(--font)!important;width:24px;height:24px;border:1px solid var(--warm-line);background:transparent!important;border-radius:4px}.suite-page .upload-zone{min-height:188px!important;background:var(--warm-bg)!important;border-color:var(--warm-line2)!important;border-radius:9px!important;gap:12px!important}.suite-page .upload-zone>span{font-size:30px!important;color:var(--warm-accent)!important}.suite-page .upload-zone strong{font-size:15px!important}.suite-page .upload-zone:hover,.suite-page .upload-zone.drag{border-color:var(--warm-accent)!important;background:var(--warm-accent-soft)!important}.suite-page .preset-list{gap:10px!important;margin:24px 0!important}.suite-page .preset-option{min-height:132px;padding:14px!important;border-radius:8px!important}.suite-page .preset-option:has(input:checked){box-shadow:0 0 0 1px var(--warm-accent)!important;background:var(--warm-accent-soft)!important}.suite-page .preset-option strong{font-size:13px!important}.suite-page .preset-option small{font-size:12px!important}.suite-page .result-panel{min-height:380px!important}.suite-page .empty-results{min-height:230px!important}.suite-page .empty-record{width:60px!important;height:60px!important;border-radius:50%!important;color:var(--warm-muted)!important;background:var(--warm-bg)!important}.suite-page .empty-results h3{font-size:14px!important;font-weight:500!important}.suite-page .empty-results p{font-size:12px!important;line-height:1.8}.suite-page :is(.primary,.button.primary){min-height:44px!important;border-radius:7px!important;font-size:14px!important;transition:background .16s,transform .16s,box-shadow .16s!important}.suite-page button:active:not(:disabled){transform:translateY(1px)!important}.suite-page .format-row{gap:14px}.suite-page .format-row select{min-height:42px}.suite-page .effect-submit{margin-top:20px}.suite-page .audio-box{background:var(--warm-bg)!important;border:1px solid var(--warm-line);padding:14px;border-radius:8px}.suite-page audio{width:100%;max-width:100%;height:38px}.suite-page .result-card{border-color:var(--warm-line)!important;background:var(--warm-bg)!important;border-radius:8px;padding:16px}.suite-page .result-card h3{font-size:14px!important}
.suite-page.studio-page #panel-upload:not([hidden]){gap:22px!important;grid-template-columns:minmax(0,1.3fr) minmax(285px,1fr)!important}.suite-page.studio-page :is(.source-column,.release-controls){padding:24px!important;border-radius:12px!important;box-shadow:0 3px 16px #14294a04!important}.suite-page.studio-page .source-column:before,.suite-page.studio-page .release-controls:before{font-size:15px;font-weight:600;margin-bottom:20px}.suite-page.studio-page .dropzone{min-height:230px!important;background:var(--warm-bg)!important;border:1px dashed var(--warm-line2)!important;border-radius:9px!important}.suite-page.studio-page .dropzone:hover,.suite-page.studio-page .dropzone.dragover{border-color:var(--warm-accent)!important;background:var(--warm-accent-soft)!important}.suite-page.studio-page .dropzone:has(#dropSelected:not([hidden])){min-height:100px!important}.suite-page.studio-page .upload-mode{padding:14px!important;border-radius:8px!important}.suite-page.studio-page .release-controls .field{margin-bottom:18px!important}.suite-page.studio-page .panel-actions{padding-top:18px!important;margin-top:18px!important}.suite-page.studio-page .format-support summary{font-size:12px!important;min-height:36px}.suite-page.studio-page .inline-task{border-color:var(--warm-line)!important}.suite-page.studio-page .lyric-sheet{background:var(--warm-panel)!important;border:1px solid var(--warm-line)!important;border-radius:12px!important}.suite-page.batch-page .download-composer{border-radius:12px!important}.suite-page.batch-page .download-settings{background:var(--warm-bg)!important}
@keyframes workspace-enter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes load-pulse{50%{opacity:.35}}
@media(max-width:1050px){.suite-page .effect-layout,.suite-page.studio-page #panel-upload:not([hidden]){grid-template-columns:1fr!important}.suite-page .result-panel{position:static;min-height:260px!important}.suite-page .empty-results{min-height:140px!important}.workspace-host #workspaceEmail{display:none}.workspace-intro{padding:26px 24px 10px}.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{padding:16px 24px 28px!important}.workspace-intro>span{display:none}}
@media(max-width:760px){body.workspace-host{padding:108px 0 0!important}.workspace-host .suite-topbar{top:0;left:0;height:54px!important;padding:0 14px!important}.workspace-host .suite-topbar>span{font-size:11px!important;max-width:none}.workspace-host .suite-account{gap:6px}.workspace-host .suite-account button,.workspace-host .suite-account .color-mode-toggle,.workspace-host .suite-time-badge{font-size:10px!important;padding:6px 8px!important;min-height:32px!important}.workspace-host .suite-sidebar{inset:54px 0 auto;width:100%;height:54px;padding:0!important;background:var(--warm-panel)!important;border-right:0!important}.workspace-host .suite-sidebar .suite-eyebrow{display:none}.workspace-host .suite-sidebar nav{height:54px;min-width:0;padding:5px 12px;gap:4px}.workspace-host .suite-sidebar nav a{font-size:12px!important;min-height:42px;padding:9px 12px!important;gap:7px}.workspace-host .suite-sidebar nav a[aria-current=page]:before{display:none}.workspace-intro{padding:22px 18px 7px}.suite-page .workspace-intro h1{font-size:24px!important;margin-bottom:6px}.workspace-intro p{font-size:12px!important;line-height:1.7}.workspace-embedded body.suite-page>main,.workspace-embedded body.suite-page.studio-page>main.studio-shell{padding:14px 18px 24px!important}.suite-page .effect-panel,.suite-page .result-panel,.suite-page.studio-page :is(.source-column,.release-controls){padding:20px!important}.suite-page .preset-option{min-height:0}.suite-page .upload-zone{min-height:168px!important}.suite-page.studio-page .dropzone{min-height:190px!important}.workspace-host #workspaceLoading{inset:112px 18px auto;padding:22px}.suite-page .preset-list{grid-template-columns:1fr}.suite-page .preset-option{flex-direction:row;gap:12px!important}.workspace-host .suite-time-badge{display:none}}
@media(prefers-reduced-motion:reduce){.workspace-host .workspace-view,.workspace-host #workspaceLoading:before{animation:none!important}.suite-page *{transition:none!important}}
/* Keep public documentation aligned with the existing entry pages. */
.public-document{--ink:var(--warm-ink);--muted:var(--warm-muted);--accent:var(--warm-accent-deep);font-family:var(--font)!important}.public-document header,.public-document article{background:var(--warm-panel)!important;border-color:var(--warm-line)!important}.public-document article{border-radius:16px;box-shadow:none}.public-document .badge{background:var(--warm-accent-soft);color:var(--warm-accent-deep)}.public-document .metric{background:var(--warm-sub)}.public-document :is(h1,h2,h3){color:var(--warm-ink);font-weight:650}.public-document footer{border-color:var(--warm-line)}.legal-document main{background:var(--warm-panel);border:1px solid var(--warm-line);border-radius:16px}.legal-document h1{font-size:28px!important;line-height:1.4!important;letter-spacing:-.5px}.legal-document p{font-size:15px;line-height:1.85;color:var(--warm-muted)}
html.workspace-embedded body.suite-page.batch-page .download-heading{display:none!important}
html.workspace-embedded body.suite-page.batch-page>main{max-width:1160px!important;padding:18px 32px 32px!important}
@media(max-width:760px){html.workspace-embedded body.suite-page.batch-page>main{padding:14px 18px 24px!important}.legal-document main{margin:28px 16px!important;padding:22px!important}.legal-document h1{font-size:24px!important}}