.html2html-site .brand { display: flex; align-items: center; gap: 10px; font-size: 22px; }
.html2html-site .brand-mark { display: grid; place-items: center; width: 40px; height: 36px; border-radius: 6px; background: var(--pa-accent-soft); color: var(--pa-accent); font-size: 25px; }
.html2html-site .brand-domain { font-size: 17px; font-weight: 400; color: var(--pa-muted); }
.site-tool-name { font-size: 13px; white-space: nowrap; }
.html2html-site .topbar > .privacy { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; padding: 4px 8px; border-radius: 6px; color: var(--pa-success); background: var(--pa-success-soft); font-size: 10px; }
.html2html-site .privacy::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.document-templates { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.document-templates button { min-height: 30px; border-color: var(--pa-border); background: var(--pa-raised); }
.document-templates button[aria-pressed="true"] { color: var(--pa-accent); border-color: var(--pa-accent); background: var(--pa-accent-soft); }
.draft-control { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.draft-control input { margin: 0; }
@media (min-width: 761px) {
  .html2html-site main { padding: 6px 12px 2px; }
  .html2html-site .workbench { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.5fr); gap: 0; border: 1px solid var(--pa-border); }
  .html2html-site .panel { border: 0; border-radius: 0; }
  .html2html-site .source-panel { border-right: 1px solid var(--pa-border); }
  .html2html-site .topbar { gap: 10px; overflow-x: auto; scrollbar-width: thin; }
  .html2html-site .topbar > * { flex-shrink: 0; }
  .html2html-site .topbar .workspace-options { margin-left: auto; }
  .html2html-site .statusbar > span:last-child { max-width: 32%; }
}
@media (min-width: 761px) and (max-width: 1150px) {
  .html2html-site .workbench { grid-template-columns: minmax(240px, .65fr) minmax(0, 1.35fr); }
}
@media (min-width: 761px) and (max-width: 1300px) {
  .html2html-site .topbar { gap: 6px; padding-inline: 8px; }
  .html2html-site .brand { gap: 6px; font-size: 19px; }
  .html2html-site .brand-domain { display: none; }
  .html2html-site .language-control > span, .html2html-site .pathadd-theme-control > span { display: none; }
  .html2html-site .topbar button, .html2html-site .topbar select { padding-inline: 6px; }
}