/* Operations-kit styles for creator/share/traffic/deploy utility pages. */
html {
  background: #f7f1e4 !important;
}
body.picture-world.creator-kit-page {
  min-height: 100vh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(102, 169, 143, 0.16), transparent 14rem),
    radial-gradient(circle at 90% 18%, rgba(243, 200, 106, 0.16), transparent 13rem),
    #f7f1e4 !important;
  color: #42362d !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.picture-world.creator-kit-page::before,
body.picture-world.creator-kit-page::after {
  display: none !important;
}
body.picture-world.creator-kit-page > * {
  position: relative;
  z-index: 1;
}
body.picture-world.creator-kit-page *,
body.picture-world.creator-kit-page *::before,
body.picture-world.creator-kit-page *::after {
  box-sizing: border-box !important;
}
body.picture-world .creator-kit-shell {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: 0 auto !important;
  padding: clamp(32px, 6vw, 72px) 0 !important;
}
body.picture-world .creator-kit-hero {
  max-width: 820px !important;
  margin-bottom: 32px !important;
}
body.picture-world .creator-kit-hero h1 {
  margin: 0 0 12px !important;
  font-size: clamp(2.3rem, 7vw, 4.8rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}
body.picture-world .creator-kit-hero p {
  margin: 0 !important;
  max-width: 720px !important;
  font-size: clamp(1rem, 2vw, 1.18rem) !important;
  line-height: 1.65 !important;
  color: #66594d !important;
}
body.picture-world .creator-eyebrow {
  margin: 0 0 10px !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  color: #7a6a4a !important;
}
body.picture-world .creator-kit-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}
body.picture-world .creator-kit-meta span,
body.picture-world .creator-kit-meta a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #4a3a2f !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}
body.picture-world .creator-kit-safety,
body.picture-world .creator-pack {
  border: 1px solid rgba(115, 91, 57, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(255, 252, 244, 0.86) !important;
  box-shadow: 0 18px 42px rgba(61, 45, 28, 0.08) !important;
}
body.picture-world .creator-kit-safety {
  padding: 18px 20px !important;
  margin-bottom: 18px !important;
}
body.picture-world .creator-kit-safety h2 {
  margin: 0 0 8px !important;
  font-size: 1.12rem !important;
}
body.picture-world .creator-kit-safety p {
  margin: 0 !important;
  color: #66594d !important;
  line-height: 1.55 !important;
}
body.picture-world .creator-pack {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(150px, 0.32fr) !important;
  gap: 20px !important;
  align-items: start !important;
  padding: clamp(18px, 3vw, 28px) !important;
  margin-top: 18px !important;
}
body.picture-world .creator-pack h2 {
  margin: 0 0 10px !important;
  font-size: clamp(1.35rem, 3vw, 2rem) !important;
}
body.picture-world .creator-pack-copy p {
  margin: 0 0 14px !important;
  color: #66594d !important;
  line-height: 1.55 !important;
}
body.picture-world .creator-pack dl {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}
body.picture-world .creator-pack dt {
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  color: #7a6a4a !important;
}
body.picture-world .creator-pack dd {
  display: grid !important;
  justify-items: start !important;
  gap: 6px !important;
  margin: 2px 0 0 !important;
  overflow-wrap: anywhere !important;
}
body.picture-world .creator-pack a {
  color: #b55418 !important;
  font-weight: 850 !important;
}
body.picture-world .public-share-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
body.picture-world .public-share-actions a,
body.picture-world .public-share-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(88, 67, 44, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #4a3a2f !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}
body.picture-world .public-share-actions a:focus-visible,
body.picture-world .public-share-actions button:focus-visible {
  outline: 3px solid rgba(46, 157, 95, 0.28) !important;
  outline-offset: 2px !important;
}
body.picture-world .creator-copy-blocks {
  display: grid !important;
  gap: 12px !important;
}
body.picture-world .creator-copy-blocks article {
  padding: 14px !important;
  border-radius: 8px !important;
  background: rgba(247, 241, 228, 0.8) !important;
}
body.picture-world .creator-copy-blocks h3 {
  margin: 0 0 8px !important;
  font-size: 0.95rem !important;
}
body.picture-world .creator-copy-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}
body.picture-world .creator-copy-heading h3 {
  margin: 0 !important;
}
body.picture-world .creator-copy-button,
body.picture-world .creator-link-copy {
  min-height: 32px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(114, 83, 44, 0.18) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #4a3a2f !important;
  font: inherit !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
body.picture-world .creator-link-copy {
  min-height: 30px !important;
  padding: 5px 9px !important;
  font-size: 0.8rem !important;
}
body.picture-world .creator-copy-button:focus-visible,
body.picture-world .creator-link-copy:focus-visible {
  outline: 3px solid rgba(46, 157, 95, 0.28) !important;
  outline-offset: 2px !important;
}
body.picture-world .creator-copy-blocks pre {
  margin: 0 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  font: inherit !important;
  line-height: 1.5 !important;
  color: #4a4037 !important;
}
body.picture-world .creator-qr {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #4a3a2f !important;
}
body.picture-world .creator-qr-grid {
  display: grid !important;
  gap: 16px !important;
  justify-items: center !important;
}
body.picture-world .creator-qr img {
  width: min(160px, 100%) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  padding: 8px !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(34, 31, 24, 0.1) !important;
}
body.picture-world .creator-qr span {
  font-weight: 900 !important;
  font-size: 0.86rem !important;
}

@media (max-width: 760px) {
  body.picture-world .creator-pack {
    grid-template-columns: 1fr !important;
  }
  body.picture-world .creator-kit-meta {
    align-items: stretch !important;
  }
  body.picture-world .creator-kit-meta span,
  body.picture-world .creator-kit-meta a {
    width: 100% !important;
  }
  body.picture-world .creator-copy-heading {
    align-items: flex-start !important;
  }
  body.picture-world .public-share-actions {
    justify-content: stretch !important;
  }
  body.picture-world .public-share-actions a,
  body.picture-world .public-share-actions button {
    flex: 1 1 160px !important;
  }
 }