.brand-tools{display:flex;align-items:center;gap:6px;margin-right:auto}.brand-tools a,.brand-tools button{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;min-height:29px;font-size:9px;background:#f6f9f5;border:1px solid #dce5da;border-radius:7px;white-space:nowrap}.brand-tools #email-copy{width:29px;padding:6px;border-radius:50%}.brand-tools svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.header-actions select{padding:6px;font-size:11px;max-width:90px}.visitor-counter{font-size:10px;color:#73846d;white-space:nowrap}.service-guide{border:1px solid #dfe7d7;border-radius:9px;padding:12px 15px;margin-top:18px;color:#75846e;font-size:11px;line-height:1.8}.service-guide summary{cursor:pointer;color:#3f654b}.service-guide p{margin:10px 0 0}.preview-toolbar #retry{background:#fff5ed;color:#a15035}html[lang=en] .tabs button{font-size:10px}html[lang=en] .switch-prep strong{font-size:11px}html[lang=en] .workspace-heading{align-items:center}.panels h2{line-height:1.5}
@media(max-width:1150px){.visitor-counter{display:none}.brand-tools .full-label{display:none}.brand-tools .short-label{display:inline}.brand strong{font-size:18px}.brand-tools{gap:4px}.site-header{gap:8px;padding-inline:15px}.header-actions{gap:4px}.switch-prep{margin-left:auto!important}}
@media(min-width:1151px){.brand-tools .short-label{display:none}}
@media(max-width:700px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;gap:8px;padding:10px 12px}.brand{gap:7px}.brand strong{font-size:15px}.brand-tools{margin-left:auto;margin-right:0}.header-actions{width:100%;justify-content:flex-end}.header-actions select{margin-right:auto}.studio{height:auto}.switch-prep{width:100%;justify-content:flex-end;gap:6px}.switch-prep strong{font-size:11px}.preview-toolbar{gap:5px}.preview-toolbar select{max-width:44%}.preview-toolbar #status{order:4;margin-left:auto}.preview-toolbar #fit{margin-left:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.download-actions button{font-size:11px;white-space:nowrap}.workspace-heading h2{font-size:17px}.brand-tools a{font-size:8px;padding:6px}.preview-bottom{overflow-x:auto}.settings .tabs{position:sticky;top:0}.settings-footer{position:static}.service-guide{font-size:10px}}
@media(max-width:700px){.preview-toolbar #status{order:0;margin-left:auto}.preview-toolbar #fit{order:0}.preview-toolbar:has(#status:not([hidden])) #fit{margin-left:0}}

/* Compact live visitor badge */
.site-header .visitor-counter{display:inline-flex;align-items:center;flex-shrink:0;gap:0;padding:7px 9px;border:1px solid #dce5d6;border-radius:6px;background:#fafcf7;color:#70846e;font-size:9px;line-height:1.4;white-space:nowrap}.counter-pair{display:inline-flex;align-items:center;gap:4px}.counter-pair+.counter-pair{border-left:1px solid #dfe7d9;margin-left:8px;padding-left:8px}.counter-pair b{font-size:9px;font-weight:500;color:#355e58}.header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:52%}
@media(max-width:700px){.header-actions{max-width:none;gap:5px}.header-actions .visitor-counter{padding:6px 8px}.header-actions select{margin-right:0}}