html, body { width: 100%; min-width: 0; height: 100%; min-height: 100%; overflow: hidden; }
body { border: 0; border-radius: 0; }
.titlebar, .titlebar * { -webkit-app-region: no-drag !important; }
.app-tab { pointer-events: auto !important; touch-action: manipulation; }
.titlebar { gap: 12px; padding-right: 14px; }
.titlebar .wordmark { display: none; }
.app-tabs { flex-shrink: 1; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.app-tab { flex-shrink: 0; padding-left: 10px; padding-right: 10px; }
.window-controls { display: none; }
.preview-watermark { position: fixed; z-index: 90; right: 14px; bottom: 8px; font: 8px var(--mono); letter-spacing: .5px; color: #787885; pointer-events: none; }
.auth-screen, .splash { display: none !important; }
main[inert] { visibility: hidden; }
body:has(main[inert])::before { content: 'CARREGANDO A PRÉVIA…'; position: fixed; inset: 0; display: grid; place-items: center;
  color: var(--red-soft); font: 11px var(--display); letter-spacing: 2px; background: var(--void); }
.blur, .training { min-width: 0; }
@media (max-width: 1080px) {
  .titlebar { gap: 8px; padding-left: 14px; }
  .titlebar > .connection, .titlebar > .status { display: none; }
  .app-tab { padding: 0 7px; gap: 5px; font-size: 9px; }
  .app-tab svg { width: 14px; height: 14px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }