/* Browser playground: what the web host adds to the rack UI's style.css. */

/* Mac-app features with no browser equivalent: Ableton Link, module packages. */
#link,
#new-module-button,
.lib-new,
#settings nav button[data-tab="link"],
#settings nav button[data-tab="modules"] { display: none !important; }

/* "Click to start sound" */
#web-start {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgb(10 10 12 / 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  cursor: pointer;
  transition: opacity 0.25s;
}
#web-start.gone { opacity: 0; pointer-events: none; }
.web-start-card {
  width: min(420px, 100%);
  padding: 28px 28px 22px;
  text-align: center;
  background: var(--popup);
  border: 1px solid #000;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgb(0 0 0 / 0.6);
}
.web-start-brand { display: block; height: 26px; margin: 0 auto 20px; }
#web-start button.primary {
  min-height: 44px;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 600;
  color: #17171a;
  background: var(--accent);
  border-color: #c99b17;
  border-radius: 8px;
}
#web-start button.primary:hover { background: #f7cd4a; }
.web-start-icon { font-size: 12px; margin-right: 4px; }
.web-start-card p { color: var(--muted); margin: 16px 0 0; line-height: 1.45; }
.web-start-card p.web-start-hint { font-size: 12px; margin-top: 10px; }