html[data-studio-ui][data-theme] :is(.auth-page, .rail, .topbar, .account-button, .project-item, .table-wrap, .ws-savebar, dialog) {
  background: var(--studio-surface);
  color: var(--studio-ink);
  border-color: var(--studio-line);
}
html[data-studio-ui] .rail {overflow-x: hidden;overflow-y: auto;padding-top: 20px;}
html[data-studio-ui] .workspace-control {border-top: 0;margin-bottom: 16px;}
html[data-studio-ui] .workspace-select {background: var(--studio-surface);color: var(--studio-ink);}
html[data-studio-ui] .nav button {position: relative;color: var(--studio-secondary);min-height: 42px;font-weight: 500;}
html[data-studio-ui] .nav button.active {background: var(--studio-selected);color: var(--studio-ink);}
html[data-studio-ui] .nav button.active::before {content: "";position: absolute;left: 0;top: 13px;bottom: 13px;width: 3px;border-radius: 2px;background: var(--studio-cyan);}
html[data-studio-ui] .nav button.active svg {color: var(--studio-primary);}
html[data-studio-ui] .nav button:hover:not(.active) {background: var(--studio-soft);}
html[data-studio-ui] :is(.nav-separator, .auth-footer, .ws-footnote, .ws-save-status, .ws-value, .project-info .project-bottom) {color: var(--studio-muted);border-color: var(--studio-line);}
html[data-studio-ui] :is(.avatar, .project-cover, .project-item:nth-child(3n+2) .project-cover, .project-item:nth-child(3n) .project-cover, .share-link, .ws-path, .ws-grants) {
  color: var(--studio-secondary);background: var(--studio-soft);border-color: var(--studio-line);
}
html[data-studio-ui] :is(.project-cover .cover-number, .project-cover .cover-label) {color: var(--studio-muted);}
html[data-studio-ui] .project-item:hover {border-color: var(--studio-line-strong);box-shadow: var(--studio-shadow);}
html[data-studio-ui] .topbar {position: sticky;top: 0;z-index: 4;}
html[data-studio-ui] .page {max-width: 1480px;}
html[data-studio-ui] .page-header h1 {font-size: 26px;font-weight: 620;line-height: 1.35;}
html[data-studio-ui] :is(.button, .search, .segmented, .role-select, .beta-job-form select, .privacy-toolbar select, .field input, .field select, .field textarea, .privacy-form textarea) {
  background: var(--studio-surface);color: var(--studio-ink);border-color: var(--studio-line-strong);
}
html[data-studio-ui] .search input {color: var(--studio-ink);}
html[data-studio-ui] :is(.button:hover, .icon-button:hover) {background: var(--studio-soft);color: var(--studio-ink);}
html[data-studio-ui] .button.primary {background: var(--studio-primary);border-color: var(--studio-primary);color: var(--studio-on-primary);}
html[data-studio-ui] .button.primary:hover {background: var(--accent-hover);border-color: var(--accent-hover);}
html[data-studio-ui] .button.danger {color: var(--studio-error);border-color: color-mix(in srgb, var(--studio-error) 45%, var(--studio-line));}
html[data-studio-ui] .button:disabled {cursor: not-allowed;}
html[data-studio-ui] :is(.text-button, .beta-consent a, .project-bottom svg) {color: var(--studio-primary);}
html[data-studio-ui] .icon-button.selected {background: var(--studio-selected);color: var(--studio-primary);}
html[data-studio-ui] :is(.ws-tabs button.active, .beta-auth-tabs button[aria-selected=true], .account-tabs button[aria-selected=true]) {color: var(--studio-ink);border-color: var(--studio-blue);}
html[data-studio-ui] .field input:focus {border-color: var(--studio-blue);}
html[data-studio-ui] th {background: var(--studio-soft);color: var(--studio-muted);}
html[data-studio-ui] :is(td, th, .ws-row) {border-color: var(--studio-line);}
html[data-studio-ui] :is(.badge.green, .beta-positive) {color: var(--studio-success);}
html[data-studio-ui] .badge.green {background: var(--studio-success-bg);border-color: color-mix(in srgb, var(--studio-success) 25%, var(--studio-line));}
html[data-studio-ui] .badge.blue {background: var(--studio-info-bg);color: var(--studio-info);border-color: color-mix(in srgb, var(--studio-info) 25%, var(--studio-line));}
html[data-studio-ui] :is(.badge.amber, .ws-count, .alert, .ws-notice) {background: var(--studio-warning-bg);color: var(--studio-warning);border-color: color-mix(in srgb, var(--studio-warning) 25%, var(--studio-line));}
html[data-studio-ui] :is(.badge.red, .alert.error) {background: var(--studio-error-bg);color: var(--studio-error);border-color: color-mix(in srgb, var(--studio-error) 25%, var(--studio-line));}
html[data-studio-ui] .ws-notice.neutral {background: var(--studio-soft);color: var(--studio-secondary);border-color: var(--studio-line-strong);}
html[data-studio-ui] .ws-glyph {background: var(--studio-soft);color: var(--studio-cyan);border-color: var(--studio-line);}
html[data-studio-ui] .ws-glyph.image {background: var(--studio-soft);color: var(--studio-purple);}
html[data-studio-ui] .ws-glyph.video {background: var(--studio-soft);color: var(--studio-blue);}
html[data-studio-ui] .ws-choice:has(input:checked) {background: var(--studio-selected);border-color: var(--studio-primary);}
html[data-studio-ui] .ws-switch>span {background: var(--studio-line-strong);}
html[data-studio-ui] .ws-switch input:checked+span {background: var(--studio-primary);}
html[data-studio-ui] .ws-switch input:checked+span::after {background: var(--studio-on-primary);}
html[data-studio-ui] :is(.usage-mini .meter, .ws-stats .meter) {background: var(--studio-line);}
html[data-studio-ui] :is(.usage-mini .meter>span, .ws-stats .meter span) {background: var(--studio-blue);}
html[data-studio-ui] .ws-savebar {box-shadow: 0 -4px 20px #00000008;}
html[data-studio-ui] .ws-savebar.is-dirty .ws-save-status {color: var(--studio-warning);}
html[data-studio-ui] .auth-header {min-height: 94px;border-bottom: 1px solid var(--studio-line);padding-block: 18px;gap: 16px;}
html[data-studio-ui] .auth-main {padding-block: 42px 60px;}
html[data-studio-ui] .auth-main h1 {font-size: 28px;line-height: 1.4;}
html[data-studio-ui] dialog {box-shadow: var(--studio-shadow);}
html[data-studio-ui] dialog::backdrop {background: #080a10a6;backdrop-filter: none;}
html[data-studio-ui] #toast {background: var(--studio-raised);color: var(--studio-ink);border: 1px solid var(--studio-line-strong);box-shadow: var(--studio-shadow);}
html[data-studio-ui] .spinner {border-color: var(--studio-line);border-top-color: var(--studio-blue);}
html[data-studio-ui] :is(.ws-save-status, .ws-footnote, .ws-section header p, .account-button small, .ws-model-table td small) {font-size: 12px;}
@media (max-width: 760px) {
  html[data-studio-ui] .page-header h1 {font-size: 23px;}
  html[data-studio-ui] .auth-header {padding: 16px 20px;flex-wrap: wrap;}
  html[data-studio-ui] .auth-header>.badge {font-size: 11px;}
  html[data-studio-ui] .rail {box-shadow: var(--studio-shadow);}
  html[data-studio-ui] .page-tools {gap: 6px;}
}