.app-header [data-action="toggle-help"][aria-pressed="true"] {
  color: var(--accent);
  border-color: #74603a;
  background: #32291c;
}

#studio-help-tooltip {
  position: fixed;
  z-index: 15;
  inline-size: max-content;
  max-inline-size: min(280px, calc(100vw - 16px));
  padding: 8px 10px;
  border: 1px solid #78653e;
  border-radius: 6px;
  background: #2d281d;
  color: var(--text);
  box-shadow: 0 6px 16px #0006;
  font-size: 12px;
  overflow-wrap: anywhere;
}

#studio-quick-start {
  width: min(500px, calc(100% - 24px));
}

.studio-quick-body {
  display: grid;
  gap: 10px;
  padding: clamp(18px, 4vw, 28px);
  color: var(--muted);
}

.studio-quick-progress {
  color: var(--accent);
}

#studio-quick-step {
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -.025em;
  color: var(--text);
}

.studio-quick-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px clamp(18px, 4vw, 28px);
  border-top: 1px solid var(--line);
}

.studio-quick-footer button {
  min-width: 72px;
}
