* { box-sizing: border-box; }

:root { --tx-header-height: 62px; }

html,
body {
  height: 100%;
  margin: 0;
}

body {
  color: var(--tx-ink);
  background: var(--tx-cream);
  font-family: var(--tx-font-ui);
  -webkit-font-smoothing: antialiased;
}

button,
input,
textarea,
select {
  font: inherit;
}

.tx-topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  height: var(--tx-header-height);
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--tx-ink);
  background: var(--tx-paper);
  border-bottom: 1px solid var(--tx-line);
}

.tx-brand {
  display: flex;
  align-items: center;
  gap: 16px;
}

.tx-studio-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex-shrink:0}
.tx-studio-home-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid currentColor;border-radius:10px;color:inherit;text-decoration:none;font-size:14px;font-weight:650}
.tx-studio-home-link:hover{background:var(--tx-raised)}
.tx-studio-home-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Preserve the mountain-free artwork at the shared website action height. */
.tx-brand-wordmark {
  position: relative;
  display: block;
  flex: none;
  width: calc(36px * 1423 / 228);
  max-width: 100%;
  aspect-ratio: 1423 / 228;
  overflow: hidden;
}
.tx-brand-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}

.tx-brand-product {
  color: var(--tx-gold-500);
  font: 800 10px/1 var(--tx-font-ui);
  letter-spacing: .16em;
}

.tx-tagline {
  margin-left: 24px;
  color: rgba(37, 40, 36, .58);
  font-size: 12px;
}

.tx-shell {
  min-height: calc(100vh - var(--tx-header-height));
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
}

.tx-sidebar {
  position: sticky;
  top: var(--tx-header-height);
  align-self: start;
  height: calc(100vh - var(--tx-header-height));
  height: calc(100dvh - var(--tx-header-height));
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 24px 15px 96px;
  background: #ece5d8;
  border-right: 1px solid rgba(35, 44, 37, .08);
}

.tx-sidebar-kicker {
  padding: 0 12px 10px;
  color: #7b806f;
  font: 800 10px/1 var(--tx-font-ui);
  letter-spacing: .13em;
}

.tx-nav {
  display: grid;
  gap: 5px;
}

.tx-nav-item {
  height: 41px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--tx-forest-900);
  border-radius: 12px;
  cursor: pointer;
  transition: background var(--tx-fast);
}

.tx-nav-item:hover {
  background: rgba(255,255,255,.48);
}

.tx-nav-item.active {
  color: white;
  background: var(--tx-forest-900);
}

.tx-nav-icon {
  width: 18px;
  text-align: center;
  opacity: .82;
}

.tx-main {
  padding: 34px 38px 30px;
  min-width: 0;
}

.tx-page-header {
  margin-bottom: 25px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.tx-workspace {
  display: none;
}

.tx-workspace.active {
  display: block;
}

@media (max-width: 1120px) {
  .tx-shell {
    grid-template-columns: 182px minmax(0, 1fr);
  }

  .tx-main {
    padding: 28px 25px;
  }
}


@media(max-width:800px){
  .tx-topbar{height:auto;min-height:62px;padding:12px;flex-wrap:wrap;gap:12px}
  .tx-topbar>div:first-child{max-width:100%;flex-wrap:wrap}
  .tx-brand{max-width:100%}
  .tx-brand-product,#txReleaseVersion,.tx-tagline{display:none}
}

@media(max-width:700px){.tx-brand-wordmark{width:calc(28px * 1423 / 228)}}