/* Splot post detail — image/video templates only. No commerce state changes. */
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) {
  --sp-surface: #13131b;
  --sp-inset: #0c0c12;
  --sp-line: rgba(205, 169, 255, .17);
  --sp-text: #f7f7fb;
  --sp-muted: #b6b4c6;
  --sp-accent: #cda9ff;
  display: block;
  width: calc(100% - 40px);
  max-width: 1120px;
  margin: 32px auto 56px;
  padding: 0;
  color: var(--sp-text);
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  float: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > * { min-width: 0; grid-column: 1 / -1; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .imagetemplatev2,
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .splot-post-media {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--sp-line);
  border-radius: 26px;
  background: radial-gradient(ellipse at 0 0, rgba(168,72,255,.12), transparent 60%), var(--sp-inset);
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .hentry {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  margin: 0;
  padding: clamp(20px, 2.5vw, 30px);
  border: 1px solid var(--sp-line);
  border-radius: 26px;
  background: radial-gradient(ellipse at 100% 0, rgba(168,72,255,.12), transparent 58%), var(--sp-surface);
  color: var(--sp-text);
}
/* Keep carousel sizing under Owl's control. Contain artwork without cropping. */
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .king-images { margin: 0; width: 100%; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .images-item { margin: 0; border-radius: 17px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .images-item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 680px;
  object-fit: contain;
  border-radius: 17px;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .splot-post-media > .post-video {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .splot-post-media video,
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .splot-post-media iframe,
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .splot-post-media #king-video {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-header { margin: 20px 0 16px; padding: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-header .entry-title {
  margin: 0;
  padding: 0;
  color: var(--sp-text);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-content {
  margin: 0 0 22px;
  padding: 0;
  font-size: 16px;
  line-height: 1.7;
  color: var(--sp-muted);
  overflow-wrap: anywhere;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-content p { margin: 0 0 16px; text-align: start; color: inherit; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-content a { color: var(--sp-accent); text-decoration: underline; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-content :is(img, video, iframe) { max-width: 100%; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-content table { display: block; max-width: 100%; overflow-x: auto; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .tagButton {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .millixNFT { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .millixNFT a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--sp-line);
  border-radius: 999px;
  background: rgba(205,169,255,.07);
  color: var(--sp-accent);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-page-ft { margin: 0; padding: 0; border: 0; background: transparent; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .ft-right { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .ft-right :is(button, .king-like) {
  width: 42px;
  height: 42px;
  min-width: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--sp-line);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  color: var(--sp-text);
  line-height: 40px;
  text-align: center;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo { margin: 0 0 22px; padding: 16px 0; border-block: 1px solid var(--sp-line); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo a { display: flex; align-items: center; gap: 12px; color: var(--sp-text); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo :is(.user-header-avatar,.user-header-noavatar) {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo p { margin: 0; color: var(--sp-text); font-size: 15px; line-height: 1.5; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo p:first-child { color: var(--sp-muted); font-size: 12px; font-weight: 600; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo a > div { min-width: 0; overflow-wrap: anywhere; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container-else { display: block; margin: 0; padding: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .nftDetails {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .splot-post-price-label { margin: 0; color: var(--sp-muted); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .nftMillix { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0 0 6px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .nftMillix img { width: 28px; height: 28px; object-fit: contain; flex: 0 0 28px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .nftMillix p.price { margin: 0; color: var(--sp-text); font-size: clamp(23px, 2.4vw, 30px); font-weight: 800; line-height: 1.3; letter-spacing: -.035em; overflow-wrap: anywhere; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .buyNFT { width: 100%; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .buyNFT a.button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 12px 22px;
  border: 1px solid #cda9ff;
  border-radius: 14px;
  background: #cda9ff;
  color: #171020;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color 150ms ease;
}
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .buyNFT a.button:hover { background: #dec7ff; color: #171020; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) :is(a,button,input,select,textarea):focus-visible { outline: 3px solid #cda9ff; outline-offset: 4px; }
/* Owner tools: preserve IDs, stateful display rules, modals, and event handlers. */
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 12px; width: 100%; margin: 0; padding: 16px 0; border-color: var(--sp-line); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container > * { min-width: 0; max-width: 100%; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container :is(.brun,.create-merch,.sendNFT,.sellNFT) { min-height: 44px; height: auto; flex-wrap: wrap; color: var(--sp-text); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container .brun { color: #ffadb6; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container select { width: auto; max-width: 100%; min-height: 44px; background: var(--sp-inset); color: var(--sp-text); border: 1px solid var(--sp-line); border-radius: 10px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .price-box { width: 100%; margin: 16px 0 0; padding: 16px; border: 1px solid var(--sp-line); border-radius: 14px; background: var(--sp-inset); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .price-box-details { width: 100%; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .price-box-text { min-width: 0; width: 100%; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #nft_sell_price { min-width: 0; width: 100%; color: var(--sp-text); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .popup-inner,
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .popup-innerNFT { max-width: calc(100vw - 32px); max-height: calc(100dvh - 48px); overflow-y: auto; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) :is(.entry-footer,.post-nav,.single-boxes,.post-author,.comments-area,.king-related) { width: 100%; margin: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-footer { padding: 0; background: transparent; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0; padding: 0; color: var(--sp-muted); font-size: 12px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-nav-np { min-width: 0; min-height: 76px; margin: 0; padding: 18px; border: 1px solid var(--sp-line); border-radius: 16px; background: var(--sp-surface); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-nav-np a { color: var(--sp-text); overflow-wrap: anywhere; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-nav-image { opacity: .12; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-nav-np:hover .post-nav-image { opacity: .24; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) :is(.single-boxes,.post-author,.comments-area) { padding: 22px; border: 1px solid var(--sp-line); border-radius: 20px; background: var(--sp-surface); color: var(--sp-text); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .single-boxes-title { padding: 0; margin: 0 0 16px; background: transparent; text-align: start; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .single-boxes-title h4 { padding: 0; font-size: 18px; color: var(--sp-text); font-weight: 700; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-author-name,
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .comments-area a { color: var(--sp-accent); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .king-related .related-title { margin: 8px 0 20px; padding: 0; background: transparent; color: var(--sp-muted); text-align: start; letter-spacing: .1em; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .king-related .king-simple-post { width: calc(50% - 12px); margin: 0 20px 20px 0; vertical-align: top; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .king-related .king-simple-post:nth-child(2n + 1) { margin-right: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) > .widget-area { width: 100%; margin: 24px 0 0; }
@media (max-width: 900px) {
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) { width: calc(100% - 32px); margin-top: 24px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main { grid-template-columns: minmax(0,1fr); gap: 18px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .imagetemplatev2,
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .splot-post-media,
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .hentry { grid-column: 1; grid-row: auto; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .images-item img { max-height: 62svh; }
}
@media (max-width: 480px) {
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) { width: calc(100% - 24px); margin-top: 18px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .hentry { padding: 20px; border-radius: 20px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .imagetemplatev2,
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .splot-post-media { padding: 8px; border-radius: 20px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-nav { grid-template-columns: minmax(0,1fr); }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .king-related .king-simple-post { width: 100%; margin: 0 0 20px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-meta { gap: 8px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) *, #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) *::before, #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) *::after { animation: none !important; transition: none !important; }
}
/* Override legacy !important spacing/portrait sizes on these two templates. */
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #main > .hentry { padding: clamp(20px, 2.5vw, 30px) !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-header { margin: 20px 0 16px !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .entry-content p { font-size: inherit; line-height: inherit; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo :is(.user-header-avatar,.user-header-noavatar) { width: 44px !important; height: 44px !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .splot-post-price-label { text-align: start; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .mintedbyinfo :is(.user-header-avatar,.user-header-noavatar) { min-width: 44px !important; max-width: 44px !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .hentry > .entry-content { margin: 24px 0 0; padding-top: 20px; border-top: 1px solid var(--sp-line); }
@media (max-width: 900px) { #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) { width: 100%; } }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .ft-right button { display: inline-flex; align-items: center; justify-content: center; gap: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .ft-right button i { margin: 0; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .share-counter:empty { display: none; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .share-counter:not(:empty) { position: absolute; translate: 14px -16px; font-size: 10px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #fullScreenImage { min-width: 44px; min-height: 44px; border: 1px solid var(--sp-line); background: var(--sp-surface); color: var(--sp-text); }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container { background: transparent !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container .brun { flex: 0 0 auto; min-width: 60px; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .price-box { background: var(--sp-inset) !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) #nft_sell_price { min-height: 44px; }
@media (max-width: 480px) {
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container .sendNFT { flex: 1 0 100%; gap: 8px; }
  #primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .burn-container select { flex: 1; }
}
/* The reaction history can be empty; retain it automatically when entries exist. */
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .king-reactions-block:has(> .single-boxes-title:only-child) { display: none; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .millixNFT > img { filter: brightness(0) invert(1); opacity: .8; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-meta { background: transparent !important; }
#primary:is(.splot-post-page, .imagetemplate-v1:has(> #main.single-image > .imagetemplatev2)) .post-meta span { font-size: 12px; }

/* Apply the image layout before the footer script arranges secondary content. */
#primary.imagetemplate-v1:has(> #main.single-image > .imagetemplatev2) #main > .hentry { display: flex; flex-direction: column; }
#primary.imagetemplate-v1 #main > .hentry > .entry-content { order: 10; }
#primary.imagetemplate-v1 #main > .hentry > :is(.entry-footer, .post-nav) { order: 11; }
/* A late sign-up announcement must not push the whole post down. */
body.single-post > .king-headerstrip {
  position: fixed; inset: auto 16px 16px auto; width: min(460px, calc(100% - 32px));
  padding: 16px 40px 16px 20px; border: 1px solid rgba(205,169,255,.25);
  border-radius: 18px; background: #191420; color: #f7f7fb;
  box-shadow: 0 8px 30px rgba(0,0,0,.35); z-index: 100;
}
body.single-post > .king-headerstrip .king-hs-content { gap: 10px; }
body.single-post > .king-headerstrip .king-hs-button { margin: 0; background: #cda9ff; color: #171020; }
body.single-post > .king-headerstrip .king-hs-close { right: 12px; }

/* Fallback viewer when the legacy image zoom handler is unavailable. */
.splot-artwork-dialog { width: min(1000px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 16px; border: 1px solid rgba(205,169,255,.3); border-radius: 20px; background: #0c0c12; color: #f7f7fb; }
.splot-artwork-dialog::backdrop { background: rgba(0,0,0,.88); }
.splot-artwork-dialog > img { display: block; width: 100%; height: auto; max-height: calc(100dvh - 120px); object-fit: contain; margin: 12px auto 0; }
.splot-artwork-dialog > button { display: block; min-height: 44px; margin-left: auto; padding: 8px 20px; border: 1px solid #cda9ff; border-radius: 12px; background: #cda9ff; color: #171020; font-weight: 700; }
.splot-artwork-dialog > button:focus-visible { outline: 3px solid white; outline-offset: 3px; }