.studio-analytics-panel {
  position: fixed;
  z-index: 100;
  inset-inline-start: max(16px, env(safe-area-inset-left));
  inset-block-end: max(16px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  width: min(372px, calc(100% - 32px));
  padding: 18px;
  border: 1px solid #b6c5c0;
  background: #fafafa;
  color: #0f4c4c;
  box-shadow: 0 6px 24px #132c211c;
  font: 14px/1.45 'Basis Grotesque', system-ui, sans-serif;
}

.studio-analytics-panel[hidden], .studio-analytics-panel button[hidden] { display: none; }
.studio-analytics-panel h2 { margin: 0; color: inherit; font: 500 17px/1.25 'Neue Montreal', system-ui, sans-serif; }
.studio-analytics-panel p { margin: 7px 0 12px; }
.studio-analytics-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.studio-analytics-actions button {
  flex: 1 1 130px;
  padding: 7px;
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.studio-analytics-actions button:hover { background: #e9efec; }
.studio-analytics-links { display: flex; justify-content: space-between; margin-top: 10px; font-size: 12px; }
.studio-analytics-links a, .studio-analytics-links button, .studio-analytics-settings {
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.studio-analytics-settings { display: block; margin: 14px auto 0; font-size: 12px; }
.studio-analytics-panel :focus-visible, .studio-analytics-settings:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }