.site-header .brand--mark { flex-shrink:0; width:64px; height:64px; gap:0; justify-content:center; }
.site-header .brand--mark img { display:block; width:100%; height:100%; object-fit:contain; }
.site-header .brand--mark:focus-visible { outline:3px solid #2156ed; outline-offset:3px; border-radius:8px; }
@media(max-width:700px) {
  .site-header .brand--mark { width:48px; height:48px; }
}

.account-menu__profile-link { display:flex; flex-direction:column; gap:4px; color:inherit; text-decoration:none; }
.account-menu__profile-link span { color:var(--primary, #2156ed); font-size:12px; }
.account-menu__panel { max-height:calc(100dvh - 100px); overflow-y:auto; overscroll-behavior:contain; }
.account-menu__panel nav a { min-height:44px; }
.account-shell__heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.account-shell__heading > strong { font-size:clamp(20px, 2vw, 28px); }
.account-shell__heading > a { display:flex; align-items:center; gap:8px; font-size:14px; }
.account-shell__nav, .workspace-section-tabs { display:flex; flex-wrap:wrap; gap:8px; padding:8px; margin-bottom:28px; border:1px solid #dce3f0; border-radius:14px; background:#f6f8fc; }
.account-shell__nav a, .workspace-section-tabs a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border-radius:9px; color:#52617c; text-decoration:none; font-weight:700; font-size:14px; }
.account-shell__nav a.active, .workspace-section-tabs a.active { color:#174bc7; background:#fff; box-shadow:0 2px 6px #12264b12; }
.account-shell .account-center { padding:0; }
.account-shell .settings-content { width:100%; min-width:0; }
.account-shell a:focus-visible, .creative-tools a:focus-visible, .workspace-section-tabs a:focus-visible, .account-menu__panel a:focus-visible { outline:3px solid #2156ed; outline-offset:3px; }
.creative-tools__grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; }
.creative-tool { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:32px; border:1px solid #dce3f0; border-radius:20px; background:#fff; }
.creative-tool--draw { background:linear-gradient(145deg,#edf6ff,#fff 65%); }
.creative-tool--ai { background:linear-gradient(145deg,#f1edff,#fff 65%); }
.creative-tool__icon { display:grid; place-items:center; width:64px; height:64px; border-radius:18px; color:#2156ed; background:#e5edff; }
.creative-tool--ai .creative-tool__icon { color:#6941c6; background:#ebe2ff; }
.creative-tool__icon svg { width:30px; height:30px; }
.creative-tool h2 { margin:0; font-size:26px; color:#172640; }
.creative-tool small { color:#52617c; font-weight:700; }
.creative-tool p { color:#52617c; line-height:1.8; margin:0 0 16px; }
.creative-tool .button, .creative-tool__availability { margin-top:auto; min-height:44px; }
.creative-tool__availability { display:flex; align-items:center; gap:8px; font-size:14px; }
.creative-tool__availability svg { flex-shrink:0; }
.writer-identity-fields { margin-block:24px; padding:20px; border:1px solid #dce3f0; border-radius:12px; }
.writer-identity-fields > legend { padding-inline:8px; font-weight:700; }
.creative-tools:dir(ltr) .button > .lucide-arrow-left { transform:rotate(180deg); }
@media(min-width:1280px) and (max-width:1480px) {
  .site-header.site-header--simplified { height:82px; }
  .site-header--simplified .site-header__inner { flex-wrap:nowrap; gap:16px; }
  .site-header--simplified .site-nav { order:0; flex:1; justify-content:flex-start; }
}
@media(max-width:700px) {
  .account-shell__nav, .workspace-section-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; }
  .account-shell__nav a, .workspace-section-tabs a { flex-shrink:0; }
  .creative-tools__grid { grid-template-columns:1fr; }
  .creative-tool { padding:24px; }
  .account-shell__heading { align-items:flex-start; }
  .account-menu__panel { max-height:calc(100dvh - 84px); }
}

@media(max-width:700px) {
  .studio-toolbar { flex-wrap:wrap; gap:12px; padding:14px; }
  .studio-toolbar > div:last-child { flex:1 0 100%; justify-content:space-between; flex-wrap:wrap; }
  .studio-toolbar > div:nth-child(2) > span, .studio-toolbar > div:nth-child(2) > i { display:none; }
  .studio-toolbar a { min-height:44px; white-space:nowrap; }
}