/* Shared presentation. Geometry and collection state remain in their own modules. */
:root{
 --canvas:#f6f5f9;--surface:#fff;--surface-raised:#fff;--surface-subtle:#f1edf9;--surface-strong:#e8e1f4;
 --ink:#211a2b;--text:#4a4255;--muted:#6a6372;--faint:#71677c;--line:#e2ddeb;--line-strong:#b7acc7;--control-line:#8d829d;
 --ui-accent:#4b00b9;--ui-accent-soft:#eee6ff;--action:#4b00b9;--action-hover:#360082;--action-border:#4b00b9;--on-action:#fff;
 --brand-detail:#8a6500;--brand-detail-surface:#fff4cf;--success:#23734c;--warning:#8a6100;--danger:#b13448;--focus-ring:#4b00b9;
 --rail-surface:var(--surface);--rail-line:var(--line);--rail-ink:var(--text);--rail-hover:var(--surface-subtle);--rail-active:var(--ui-accent-soft);--rail-active-ink:var(--ui-accent);--rail-active-border:var(--line-strong);--rail-switch:var(--action);--rail-idle-track:var(--control-line);--rail-thumb:#fff;--rail-icon-filter:none;
 --radius:var(--radius-panel);
 --shadow:0 18px 54px rgba(24,12,43,.18);--shadow-soft:0 8px 24px rgba(24,12,43,.09);
}
html.dark{
 --rail-surface:#151518;--rail-line:#35343c;--rail-ink:#ece8f4;--rail-hover:rgba(234,230,239,.07);--rail-active:#4b00b9;--rail-active-ink:#fff;--rail-active-border:#8f5ce1;--rail-switch:#7133d9;--rail-idle-track:#514c5a;--rail-icon-filter:brightness(0) invert(.92);
 --canvas:#0c0c0f;--surface:#17171c;--surface-raised:#1d1c24;--surface-subtle:#201c2a;--surface-strong:#302441;
 --ink:#f6f2fc;--text:#d4cddd;--muted:#a69bb4;--faint:#a096ad;--line:#322b3d;--line-strong:#5c4d70;--control-line:#82728f;
 --ui-accent:#b993ff;--ui-accent-soft:#302046;--action:#6421dc;--action-hover:#7332e8;--action-border:#a573ff;--on-action:#fff;
 --brand-detail:#ffd34f;--brand-detail-surface:#332c1a;--success:#7ccca3;--warning:#f1c861;--danger:#f18b9e;--focus-ring:#ffd34f;
 --shadow:0 22px 64px rgba(0,0,0,.4);--shadow-soft:0 8px 26px rgba(0,0,0,.28);
}
body{font-size:14px;line-height:1.65;letter-spacing:0}
strong{font-weight:600}
.workbench-header.site-header,html.dark .workbench-header.site-header{background:var(--canvas);backdrop-filter:none}
.workbench-header-inner{font-size:13px}.workspace-brand strong{font-weight:600;letter-spacing:-.02em}.workspace-brand small{font-size:11px}
.workspace-institutional a{font-size:12px;font-weight:400;color:var(--muted)}.workspace-institutional [aria-current]{color:var(--ink);font-weight:500}
.workspace-institutional [aria-current]::after{background:var(--ui-accent);height:1px}
.workspace-contact{border-color:var(--ui-accent);color:var(--ui-accent);font-weight:500;background:transparent}.workspace-contact:hover{background:var(--ui-accent-soft)}
.workspace-tool{border-color:var(--line);border-radius:var(--radius-action);font-size:12px}.workspace-tool:hover{background:var(--surface-subtle)}
.workbench-nav{background:var(--canvas);border-color:var(--line)}.workspace-origin strong{font-size:15px;font-weight:500}.workspace-origin #workspaceOriginIcon[src*="origin-social.svg"]{filter:none}html.dark .workspace-origin #workspaceOriginIcon[src*="origin-social.svg"]{filter:brightness(0) invert(.92)}.workspace-origin img{width:40px;height:40px}
.workbench-nav .workspace-link{font-weight:400;color:var(--muted);border-radius:var(--radius-action)}.workbench-nav .workspace-link[aria-current=location]{background:var(--ui-accent-soft);color:var(--ui-accent);font-weight:500}
.workspace-compact{font-size:11px;color:var(--muted)}.workspace-compact[aria-checked=true] .workspace-switch-track{background:var(--rail-switch)}
.source-switcher .source-tabs button{font-size:12px;font-weight:400}.source-switcher .source-tabs button[aria-selected=true]{font-weight:500;color:var(--ink)}
html[data-source=google-ads] .source-switcher .source-tabs::before{background:var(--ui-accent)}
.workbench-content .hero-title{font-size:28px;font-weight:600;line-height:1.35;letter-spacing:-.035em;max-width:30em}
.workbench-content .hero-subtitle{font-size:14px;line-height:1.75;max-width:76ch}
.workbench-content .brand-panel{padding-bottom:20px}.workbench-content .workspace-panel{padding:28px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
.workspace-head h2,.section-heading h2,.faq-intro h2,.delivery-head h3,.empty-intro h3{font-weight:500;letter-spacing:-.025em}
.workspace-head h2,.section-heading h2,.faq-intro h2{font-size:24px;line-height:1.35}
.workbench-content .section-kicker,html.dark .workbench-content .section-kicker{color:var(--muted);font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.5;margin-bottom:6px}
.input-module{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.module-icon,html.dark .module-icon{width:24px;height:24px;border:0;border-radius:0;background:none;color:var(--brand-detail)}
.input-module-head{gap:10px}.input-module-head label{font-weight:500}.input-module-head>div>span{font-size:12px;line-height:1.6}
.dropzone{border-color:var(--control-line);border-radius:var(--radius-control);background:var(--canvas)}.drop-graphic{border:0;background:none;border-radius:0;color:var(--ui-accent)}
.dropzone:hover,.dropzone.arrastando,html.dark .dropzone:hover,html.dark .dropzone.arrastando{border-color:var(--ui-accent);background:var(--surface-subtle)}
.link-textarea,.urls-box,.campo-busca,.multi-select summary,select{border-color:var(--control-line);border-radius:var(--radius-field);background:var(--surface);color:var(--ink)}
.link-textarea:focus,.urls-box:focus,html.dark .link-textarea:focus,html.dark .urls-box:focus{border-color:var(--ui-accent);background:var(--surface)}
.field-help,.resume-panel,.result-summary{line-height:1.7}.resume-panel{background:var(--surface);border-color:var(--line)}
.btn-brand{border:1px solid var(--action-border);background:var(--action);color:var(--on-action);font-weight:500;box-shadow:none}
.btn-brand:hover{background:var(--action-hover);border-color:var(--action-border);color:var(--on-action);transform:none}
.btn-secondary,html.dark .btn-secondary,.btn-outline,.btn-soft{background:var(--surface);border-color:var(--line-strong);color:var(--text);font-weight:500}
.btn-secondary:hover,html.dark .btn-secondary:hover,.btn-outline:hover,html.dark .btn-outline:hover,.btn-soft:hover{background:var(--surface-subtle);border-color:var(--control-line);color:var(--ink)}
.btn-quiet,.btn-link{font-weight:400}.btn-link{border-bottom:0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.btn-link:hover{text-decoration-color:currentColor}
button,a,input,textarea,select,summary{transition-property:background-color,border-color,color;transition-duration:.15s}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible,html:not(.dark) :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.progress-panel{--progress-fill:var(--ui-accent);background:var(--surface);border-color:var(--line);border-radius:var(--radius-panel)}.progress-value{font-size:22px;font-weight:500}
.progress-track{height:5px}.progress-head h3{font-weight:500}:is(#progSteps,.progress-steps) .step{font-size:12px;letter-spacing:0;text-transform:none}
:is(#progSteps,.progress-steps) .step.on .dot,html:not(.dark) :is(#progSteps,.progress-steps) .step.on .dot{background:var(--ui-accent);box-shadow:none}
.metricas,.tb-wrap,.ads-gallery article,.empty-state,.delivery-panel{box-shadow:none;border-color:var(--line)}
.metrica{background:var(--surface)}.metrica[aria-pressed=true],html.dark .metrica[aria-pressed=true]{box-shadow:inset 0 -1px 0 var(--ui-accent)}
.metrica .mv{font-weight:500}.metrica .ml{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
.tb thead th{font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}.tb tbody tr[data-sel="1"] td:first-child,html.dark .tb tbody tr[data-sel="1"] td:first-child{box-shadow:inset 2px 0 0 var(--ui-accent)}
.filtro-chip[aria-pressed=true]{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ink)}
.ads-account-selected,.ads-accounts .ads-account-selected{border-color:var(--control-line);box-shadow:none;background:var(--surface-strong)}
.ads-input-stack .input-module{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:24px 0}
.ads-step-number{border:0;border-radius:0;min-width:20px;color:var(--muted);font-weight:500}.ads-setup{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel)}.ads-setup-heading{padding:24px 28px;font-size:17px;font-weight:500}.ads-setup-body{padding:0 28px 28px}
.ads-step-number::after{content:'.'}.ads-connection-choice{border-color:var(--line)}
.image-details-dialog,.ads-sharing-dialog{border-color:var(--line-strong);border-radius:var(--radius-dialog);box-shadow:var(--shadow)}.image-details-dialog::backdrop{background:rgba(5,6,8,.68)}
.image-details-head{padding:20px 24px}.image-details-head h3{font-size:21px;font-weight:500;letter-spacing:-.025em}.image-details-source{background:transparent;border:0;padding:0;color:var(--muted)}
.image-details-source svg,html.dark .image-details-source svg{color:var(--ui-accent)}.image-details-close{background:transparent;border-color:var(--line);font-weight:400}
.image-details-stage{background:var(--canvas)}.image-details-metadata{gap:22px}.image-details-metadata h4{font-size:13px;font-weight:500}.image-details-specs .image-details-field-dimensions dd{font-size:21px;font-weight:500}.image-details-actions{background:var(--surface)}
.image-details-dialog :is(button,a,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
.workbench-content .guide-hero,.content-shell .hero{background:#210c42;border:1px solid #614482;border-radius:var(--radius-panel);color:#fff;box-shadow:none}
.guide-hero::before,.content-shell .hero::after{background:none}.guide-hero-mark,.content-shell .hero-mark{opacity:.04;filter:grayscale(1);transform:none}
.workbench-content .guide-hero h1,.content-shell .hero h1{font-weight:600;color:#fff}.guide-hero .lead,.content-shell .hero .lead{color:#e0cefa;font-weight:400;line-height:1.75}
.guide-hero .eyebrow,.content-shell .eyebrow{color:#ffd34f;font-weight:400;letter-spacing:0;text-transform:none}.guide-hero time,.content-shell .hero time{color:#d2b8ef}
.workbench-content .guide-hero .guide-open{border-radius:var(--radius-action);background:#fff;border:1px solid #fff;color:#4b00b9;font-weight:500}
.article-index{letter-spacing:0;text-transform:none;font-weight:500}.article-index::before{content:none}.card{box-shadow:none;border-color:var(--line)}.card a,html.dark .content-shell a{color:var(--ui-accent)}
.notice{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-subtle)}
.workbench-footer{background:var(--canvas)}.workspace-footer-inner h2{font-weight:500}.workspace-footer-inner a:not(.workspace-brand),.workspace-footer-inner button{font-weight:400}

::selection{background:var(--ui-accent-soft);color:var(--ink)}
:is(input,textarea){caret-color:var(--ui-accent)}
.progress-panel{--progress-fill:var(--action)}
.image-details-metadata h4 svg,.ads-step-number{color:var(--ui-accent)}
.source-switcher .source-tabs button[aria-selected=true]{color:var(--ui-accent)}
.workbench-content .section-kicker{color:var(--ui-accent)}
.multi-select-popup{box-shadow:var(--shadow-soft);border-color:var(--line-strong)}
.multi-select :is(summary,button,input):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}
input[type=checkbox],.multi-select-options input,.ads-options input,.ads-table input,.ads-gallery input,html.dark .ads-options input,html.dark .ads-table input,html.dark .ads-gallery input{accent-color:var(--ui-accent)}

@media(min-width:1100px){
 .workspace-nav-hidden .workbench-nav{margin-left:var(--workspace-rail-left,24px);margin-right:0;background:var(--rail-surface);border-color:var(--rail-line);color:var(--rail-ink);box-shadow:0 6px 18px rgba(12,10,15,.12)}
 .workspace-nav-hidden .workbench-nav .workspace-link{color:var(--rail-ink);border-radius:var(--radius-action);border:1px solid transparent;padding:11px}
 .workspace-nav-hidden .workbench-nav .workspace-link:hover{background:var(--rail-hover)}
 .workspace-nav-hidden .workbench-nav .workspace-link[aria-current=location]{background:var(--rail-active);color:var(--rail-active-ink);border-color:var(--rail-active-border)}
 .workspace-nav-hidden .workspace-origin #workspaceOriginIcon[src*="origin-social.svg"],html.dark .workspace-nav-hidden .workspace-origin #workspaceOriginIcon[src*="origin-social.svg"]{filter:var(--rail-icon-filter)}
 .workspace-nav-hidden .workspace-origin strong,.workspace-nav-hidden .workspace-compact{color:var(--rail-ink)}
 .workspace-nav-hidden .source-tabs button{font-size:0;padding:0}.workspace-nav-hidden .source-tabs::before{background:var(--rail-idle-track)}.workspace-nav-hidden .source-tabs::after{background:var(--rail-thumb)}
 html[data-source=google-ads] .workspace-nav-hidden .source-tabs::before,.workspace-nav-hidden .workspace-compact[aria-checked=true] .workspace-switch-track{background:var(--rail-switch)}
 html[data-source=google-ads] .workspace-nav-hidden .source-tabs::after,.workspace-nav-hidden .workspace-compact[aria-checked=true] .workspace-switch-track>span{background:var(--rail-thumb)}
 .workspace-nav-preview .workbench-nav .workspace-link{padding:11px 16px;border-radius:var(--radius-action)}
}
@media(max-width:759px){.workbench-content .hero-title{font-size:24px}.workspace-head h2,.section-heading h2,.faq-intro h2{font-size:22px}.input-module{padding:18px}.workbench-content .workspace-panel{padding-block:22px}.image-details-head h3{font-size:18px}}

/* Shape roles live in tokens.css; operational surfaces share the same family. */
.btn-brand,.btn-secondary,.btn-outline,.btn-soft,.btn-link,.filtro-chip,.icon-btn,.image-details-close,.workspace-contact,.guide-open,.hero-entry-cta,.mobile-entry-cta{border-radius:var(--radius-action)}
.workspace-compact,.source-switcher .source-tabs button,.multi-select summary{border-radius:var(--radius-control)}
.multi-select-popup{border-radius:var(--radius-panel)}
.ads-accounts button{border-radius:var(--radius-field)}
.thumb,.thumb-link,.image-preview-button,.ads-preview-button{border-radius:var(--radius-thumbnail)}
.card,.metricas,.tb-wrap,.delivery-panel,.resume-panel,.empty-state,.notice,.ads-gallery article{border-radius:var(--radius-panel)}
#workspaceTouchNav a{border-radius:var(--radius-action)}
#workspaceTouchNav a[aria-current]{background:var(--rail-active);color:var(--rail-active-ink);border-radius:var(--radius-action)}
.workspace-language-menu{border-radius:var(--radius-control)}.workspace-language-menu button{border-radius:var(--radius-xs)}
.workbench-content .app-main{padding-top:28px}.workbench-content .brand-panel{padding-bottom:24px}.workbench-content .brand-panel-copy{margin:0;padding:0}
.workbench-content .hero-title{font-size:26px;max-width:34em}.workbench-content .hero-subtitle{max-width:82ch;margin-top:10px;line-height:1.65}
.workbench-content .hero-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 0;padding:0;border:0}
.workbench-content .hero-facts>div{display:flex;align-items:baseline;gap:8px;padding:0;border:0}.workbench-content .hero-facts dt{color:var(--ui-accent);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.workbench-content .hero-facts dd{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.workspace-head{align-items:flex-start;gap:20px;margin-bottom:24px}.workspace-head h2{font-size:22px;line-height:1.35}.workspace-head .section-kicker{display:none}.workspace-head .workspace-lead{margin:6px 0 0;max-width:65ch;font-size:14px;line-height:1.6}.workspace-head .privacy-link{margin-top:7px;font-size:12px;white-space:normal}
.input-stack{display:grid;grid-template-columns:minmax(0,.86fr) 24px minmax(0,1.14fr);gap:20px;align-items:stretch}.input-separator{display:flex;align-self:center;align-items:center;justify-content:center;height:auto;color:var(--muted);font-size:12px}.input-separator span{writing-mode:horizontal-tb;transform:none;text-transform:none;padding:0}.input-separator::before,.input-separator::after{display:none}
.input-module-head{min-height:64px;margin-bottom:14px;align-items:flex-start}.input-module-head label{font-size:14px}.input-module-head>div>span{font-size:12px;line-height:1.5}
.dropzone{min-height:214px;padding:24px;gap:16px}.link-textarea{min-height:214px;padding:16px;font-size:14px;line-height:1.7;resize:vertical}.field-help{margin:12px 0 0;font-size:12px;line-height:1.65}
.composer-actions{margin-top:24px;padding-top:20px;gap:16px}.composer-actions .btn-brand{min-height:48px;padding:12px 24px}.secondary-action-group{gap:18px}.workspace-panel .progress-panel{border-radius:var(--radius-control)}
.results-shell{margin-top:36px}.section-heading{align-items:flex-end;gap:20px}.section-heading h2{margin-bottom:0}.section-lead{margin-top:8px;max-width:74ch}.results-toolbar{gap:12px}.metricas,.tb-wrap{overflow:hidden}.tb-wrap{overflow-x:auto}
.image-details-dialog{border-radius:var(--radius-dialog)}.image-details-head{padding:22px 28px}.image-details-actions{padding:18px 28px}.image-details-close{border-radius:var(--radius-action)}
@media(min-width:1100px){.workspace-nav-hidden .workbench-nav{border-radius:var(--radius-compact)}.workspace-nav-preview .workbench-nav{border-radius:var(--radius-panel)}}
@media(max-width:1099px){.workbench-content .hero-facts{display:none}.workbench-content .hero-title{font-size:24px}.workspace-head{flex-wrap:wrap}.workspace-head .privacy-link{margin-top:0}.input-stack{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:16px}}
@media(max-width:759px){.workbench-content .app-main{padding-top:20px}.workbench-content .brand-panel{padding-bottom:20px}.workbench-content .hero-title{font-size:23px;line-height:1.4}.workbench-content .workspace-panel{padding:22px 18px;border-radius:var(--radius-panel)}.workspace-head{margin-bottom:20px;gap:10px}.workspace-head h2{font-size:21px}.input-stack{grid-template-columns:minmax(0,1fr);gap:18px}.input-separator{min-height:24px}.input-module{padding:0}.input-module-head{min-height:0;margin-bottom:12px}.dropzone{min-height:168px}.link-textarea{min-height:188px;font-size:16px}.composer-actions{align-items:stretch;gap:14px}.primary-action-group,.primary-action-group .btn-brand{width:100%}.secondary-action-group{justify-content:space-between;flex-wrap:wrap}.ads-setup-heading{padding:22px 18px}.ads-setup-body{padding:0 18px 22px}.image-details-dialog,.ads-sharing-dialog{border-radius:var(--radius-dialog)}.image-details-head{padding:18px}.image-details-actions{padding:14px 18px}.section-heading{align-items:flex-start}.results-shell{margin-top:28px}}

@media(prefers-reduced-motion:reduce){button,a,input,textarea,select,summary{transition:none}}

/* Action symbols share a single 24px grid and keep visible text labels. */
[data-ui-icon]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
[data-ui-icon]>.action-icon,.copy-feedback-button>.copy-icon,.copy-feedback-button>.copied-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
[data-ui-icon]>.action-label{min-width:0}
[data-ui-icon].is-copied>.action-icon{color:var(--ok,#378567)}
.copy-feedback-button>.copy-icon{display:block}
.copy-feedback-button>.copied-icon{display:none}
.copy-feedback-button.is-copied>.copy-icon{display:none}
.copy-feedback-button.is-copied>.copied-icon{display:block}

/* Google Identity uses its approved neutral themes; the surrounding UI retains the product identity. */
.google-signin-button{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:40px;padding:0 12px 0 2px;border:1px solid #747775;border-radius:999px;background:#fff;color:#1f1f1f;font:500 14px/20px 'Google Sans',Arial,sans-serif;cursor:pointer;white-space:nowrap}.google-signin-button:disabled{opacity:.5;cursor:default}.google-signin-button:not(:disabled):hover{box-shadow:0 1px 3px #0003}.google-signin-button:focus-visible{outline:3px solid var(--focus-ring,#6421dc);outline-offset:3px}.google-signin-mark{display:block;width:40px;height:40px;flex:0 0 40px;background:url('/google-signin-light.png') center/40px 40px no-repeat;clip-path:inset(9px)}
html.dark .google-signin-button{background:#131314;border-color:#8e918f;color:#e3e3e3}html.dark .google-signin-mark{background-image:url('/google-signin-dark.png')}
.workspace-connection{display:inline-flex!important;align-items:center;gap:8px;font-size:12px!important;max-width:100%;line-height:1.5}.workspace-connection>.ui-icon{width:16px;height:16px}
@media(max-width:759px){.ads-google-auth{align-items:flex-start;gap:16px}.ads-session-choice{flex-basis:100%}.google-signin-button{min-height:44px}}

.ads-google-auth{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.ads-session-choice{max-width:48ch}.ads-session-switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:13px}.ads-session-switch .workspace-switch-track{background:var(--switch-off,#716a78)}.ads-session-switch input:checked+.workspace-switch-track{background:var(--brand-purple)}.ads-session-switch input:checked+.workspace-switch-track>span{transform:translateX(16px)}.ads-session-switch input:focus-visible+.workspace-switch-track{outline:3px solid var(--focus-ring,var(--brand-purple));outline-offset:3px}.ads-session-switch:has(input:disabled){opacity:.5;cursor:default}.ads-session-choice .field-help{margin:4px 0 0;font-size:12px}

.workspace-switch-track{background:var(--switch-off,#716a78)}
@media(max-width:759px){.ads-google-auth{align-items:flex-start;gap:16px}.ads-session-choice{flex-basis:100%}}

.ads-session-switch{position:relative}.ads-session-input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:inherit}

/* Ads headings follow their content instead of the Social upload-card height. */
#adsPanel .input-module-head{min-height:0;align-items:center;margin-bottom:12px}
#ads-connected .input-module-head{margin-bottom:0}
#ads-connected h3+.field-help{margin-top:6px}
#ads-connected .field-help+.field-help{margin-top:8px}
#adsPanel .ads-step-number{width:28px;min-width:28px}
.workspace-origin-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;color:var(--ink)}
.workspace-origin-icon>.ui-icon{display:block;width:100%;height:100%}
.ui-icon[data-icon=brand-google-ads]{filter:none;fill:currentColor;color:var(--ink)}
.source-switcher .source-tabs::before{display:block;background:var(--rail-idle-track)}
.source-switcher .source-tabs::after{background:var(--rail-thumb)}
html[data-source=google-ads] .source-switcher .source-tabs::before{background:var(--rail-switch)}
.source-switcher .source-tabs button[aria-selected=true]{background:transparent;color:var(--ink)}
@media(min-width:1100px){.workspace-nav-preview .source-tabs{width:100%}.workspace-nav-preview .source-tabs button{font-size:12px;padding:10px 30px 10px 0}.workspace-nav-preview .source-tabs button:last-child{padding:10px 0 10px 30px}}

/* A posição e a cor da trilha indicam qual origem está aberta. */
html:not([data-source=google-ads]) .source-switcher .source-tabs::before { background:#4b00b9; }
html.dark:not([data-source=google-ads]) .source-switcher .source-tabs::before { background:#8744e4; }
html:not([data-source=google-ads]) .source-switcher .source-tabs::after { background:#fff; }
html[data-source=google-ads] .source-switcher .source-tabs::before { background:#ffd34f; }
html[data-source=google-ads] .source-switcher .source-tabs::after { background:#251735; }
.workspace-origin-icon { width:48px; height:48px; flex-basis:48px; }
.workspace-origin-icon>[data-icon=brand-google-ads] { width:38px; height:38px; }
.workspace-tool.workspace-language-button { width:44px; padding:0; border-radius:50%; }
.workspace-language-flag { display:block; flex:none; width:24px; height:24px; border-radius:50%; object-fit:cover; outline:1px solid var(--line); outline-offset:-1px; }
.workspace-language-menu button { display:flex; align-items:center; gap:9px; }
.workspace-language-menu .workspace-language-flag { width:20px; height:20px; }
.workspace-language-current { margin-inline-start:auto; visibility:hidden; }
[aria-current=true]>.workspace-language-current { visibility:visible; }
.workspace-tool.workspace-theme-switch { width:70px; padding:3px; border-radius:999px; }
.workspace-theme-track { position:relative; display:grid; width:100%; grid-template-columns:1fr 1fr; align-items:center; isolation:isolate; }
.workspace-theme-thumb { position:absolute; inset-inline-start:0; top:50%; width:50%; height:32px; border-radius:50%; background:var(--ink); transform:translateY(-50%); transition:transform .16s ease; z-index:-1; }
.workspace-theme-day,.workspace-theme-night { display:grid; place-items:center; height:32px; color:var(--muted); }
.workspace-theme-switch .ui-icon { width:16px; height:16px; }
.workspace-theme-switch[aria-checked=false] .workspace-theme-day,
.workspace-theme-switch[aria-checked=true] .workspace-theme-night { color:var(--canvas); }
.workspace-theme-switch[aria-checked=true] .workspace-theme-thumb { transform:translate(100%,-50%); }
@media(prefers-reduced-motion:reduce) {
  .workspace-theme-thumb { transition:none; }
}

/* Espaço entre cada rótulo e a trilha de 44 px. */
.source-switcher .source-tabs button:first-child,
.source-switcher .source-tabs button:last-child {
  display:flex; align-items:center;
}
.source-switcher .source-tabs button:first-child {
  justify-content:flex-end; padding-inline:0 32px;
}
.source-switcher .source-tabs button:last-child {
  justify-content:flex-start; padding-inline:32px 0;
}
@media(min-width:1100px) {
  .workspace-nav-hidden:not(.workspace-nav-preview) .source-switcher .source-tabs button { padding-inline:0; }
}