/*
 * CamboPost Telegram Mini App · Responsive visual polish · 27 Oct 2026
 * Presentation-only layer. Keeps all existing JS, IDs, callbacks, Telegram
 * verification, media and publishing data flow intact.
 * Last stylesheet by design: scoped to the existing V8/V10 Native body.
 */
body.cpV8.cpV10.cpNativeV5 {
  --nv-bg:#f4f6ff;
  --nv-panel:#ffffff;
  --nv-input:#f8faff;
  --nv-elev:#f0f1fe;
  --nv-stroke:#dce2f4;
  --nv-text:#242943;
  --nv-dim:#64708b;
  --nv-soft:#8b94b0;
  --nv-accent:#7357df;
  --nv-lilac:#8067e7;
  --nv-shadow:rgba(57,62,134,.085);
  background:
    radial-gradient(circle at 8% 8%,rgba(155,140,255,.17),transparent 32%),
    radial-gradient(circle at 92% 80%,rgba(94,156,245,.12),transparent 38%),
    #f4f6ff!important;
}
body.cpV8.cpV10.cpNativeV5[data-mini-theme="dark"] {
  --nv-bg:#0c1427;
  --nv-panel:#17223b;
  --nv-input:#111c32;
  --nv-elev:#263452;
  --nv-stroke:#334365;
  --nv-text:#f2f5ff;
  --nv-dim:#b4c1dc;
  --nv-soft:#8e9fbe;
  --nv-accent:#afa2ff;
  --nv-lilac:#b7a6ff;
  --nv-shadow:rgba(2,6,21,.26);
  background:
    radial-gradient(circle at 14% 12%,rgba(79,80,181,.17),transparent 33%),
    radial-gradient(circle at 90% 75%,rgba(48,102,168,.10),transparent 34%),
    #0b1223!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
  background:var(--nv-bg)!important;
  box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
  background:transparent!important;
  scrollbar-color:rgba(128,123,193,.28) transparent;
}
body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
  background:color-mix(in srgb,var(--nv-panel) 90%,transparent)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  border-bottom:1px solid var(--nv-stroke)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>strong {
  color:var(--nv-text)!important;letter-spacing:-.48px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniThemeToggle {
  color:var(--nv-accent)!important;
  border:1px solid var(--nv-stroke)!important;
  background:var(--nv-elev)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniThemeToggle:focus-visible,
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn:focus-visible,
body.cpV8.cpV10.cpNativeV5 .cpGetMediaButton:focus-visible,
body.cpV8.cpV10.cpNativeV5 .cpMemberMiniStrip:focus-visible {
  outline:2px solid var(--nv-accent)!important;
  outline-offset:3px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniSession {
  color:var(--nv-dim)!important;
  border:1px solid var(--nv-stroke)!important;
  background:var(--nv-elev)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {
  color:var(--nv-accent)!important;
  letter-spacing:1.1px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
  color:var(--nv-text)!important;
  letter-spacing:-.8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {
  color:var(--nv-dim)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {
  color:var(--nv-dim)!important;
  font-weight:650!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress span.is-current {
  color:var(--nv-accent)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard,
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpNativeChoose,
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
  border:1px solid var(--nv-stroke)!important;
  box-shadow:0 12px 28px var(--nv-shadow)!important;
  background:var(--nv-panel)!important;
  overflow:hidden!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard {
  border-radius:20px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpNativeChoose {
  border-radius:19px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
  border-radius:16px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph,
body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
  border:1px solid color-mix(in srgb,var(--nv-accent) 30%,var(--nv-stroke))!important;
  background:linear-gradient(148deg,color-mix(in srgb,var(--nv-accent) 15%,var(--nv-panel)),var(--nv-panel))!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {
  color:var(--nv-text)!important;
  font-weight:790!important;
  letter-spacing:-.34px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {
  color:var(--nv-dim)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
  background:var(--nv-input)!important;
  border:1px solid var(--nv-stroke)!important;
  box-shadow:inset 0 1px 2px rgba(1,7,24,.03)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
  color:var(--nv-text)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field::placeholder {
  color:var(--nv-soft)!important;opacity:1!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
  color:var(--nv-accent)!important;
  background:var(--nv-elev)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
  background:linear-gradient(112deg,#5866f1 0%,#7660e4 62%,#9163dc 100%)!important;
  color:white!important;
  font-weight:760!important;
  box-shadow:0 10px 26px rgba(104,92,229,.25)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton:disabled {
  opacity:.56;box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton:not(:disabled):hover {
  filter:brightness(1.06);
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
  color:var(--nv-dim)!important;
  background:var(--nv-elev)!important;
  border:1px solid color-mix(in srgb,var(--nv-stroke) 80%,transparent)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle h2,
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText b {
  color:var(--nv-text)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small,
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span {
  color:var(--nv-dim)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics {
  background:var(--nv-input)!important;
  border-top:1px solid var(--nv-stroke)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics strong {
  color:var(--nv-text)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics small {
  color:var(--nv-dim)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b {
  color:var(--nv-text)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy>span {
  color:var(--nv-dim)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
  background:color-mix(in srgb,var(--nv-panel) 92%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--nv-stroke) 86%,transparent)!important;
  -webkit-backdrop-filter:blur(22px) saturate(160%)!important;
  backdrop-filter:blur(22px) saturate(160%)!important;
  box-shadow:0 15px 38px rgba(3,7,24,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
  color:var(--nv-dim)!important;font-weight:740!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn.is-active {
  background:linear-gradient(125deg,color-mix(in srgb,var(--nv-accent) 22%,var(--nv-panel)),color-mix(in srgb,var(--nv-accent) 9%,var(--nv-panel)))!important;
  color:var(--nv-text)!important;
  border:1px solid color-mix(in srgb,var(--nv-accent) 32%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
}

/* Keep the native source/editor/results stages mutually exclusive.
   Earlier compact CSS could override the original stage-hidden selector. */
body.cpV8.cpV10.cpNativeV5[data-stage="editor"] .cpLaunchScreen,
body.cpV8.cpV10.cpNativeV5[data-stage="results"] .cpLaunchScreen {
  display:none!important;
}

/* Telegram / mobile: keep full phone-sized app and comfortable touch targets. */
@media(max-width:799px) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
    width:100%!important;
    max-width:520px!important;
    height:100dvh!important;
  }
  body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
    width:min(100%,520px)!important;max-width:520px!important;
    height:62px!important;min-height:62px!important;
    padding:8px 15px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpHeaderMark {
    width:37px!important;height:37px!important;flex-basis:37px!important;
    border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>strong {font-size:15px!important}
  body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>small {font-size:8px!important;letter-spacing:1px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
    padding:calc(73px + env(safe-area-inset-top,0px)) 15px
      calc(92px + env(safe-area-inset-bottom,0px))!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen {gap:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Intro {
    background:linear-gradient(130deg,color-mix(in srgb,var(--nv-accent) 9%,var(--nv-panel)),color-mix(in srgb,var(--nv-accent) 3%,var(--nv-panel)))!important;
    border:1px solid var(--nv-stroke)!important;
    border-radius:19px!important;
    padding:15px!important;
    box-shadow:0 8px 23px var(--nv-shadow)!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {font-size:9px!important;letter-spacing:.9px!important;margin-bottom:5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
    font-size:clamp(24px,6.5vw,30px)!important;
    line-height:1.17!important;margin:0 0 6px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {
    font-size:12px!important;line-height:1.48!important;max-width:290px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
    width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:15px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {width:34px!important;height:34px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress {
    gap:8px!important;margin:13px 0 0!important;min-height:23px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {font-size:10px!important;gap:4px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress b {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress i {max-width:47px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
    padding:14px 14px 6px!important;gap:11px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
    width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;border-radius:13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph .miniIcon {width:21px!important;height:21px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8Overline {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {font-size:17px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {font-size:11.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    padding:8px 14px 15px!important;gap:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
    height:51px!important;min-height:51px!important;border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
    height:35px!important;width:35px!important;flex-basis:35px!important;border-radius:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
    height:48px!important;min-height:48px!important;
    font-size:14px!important;padding:0 8px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field::placeholder {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
    height:51px!important;min-height:51px!important;
    font-size:14px!important;border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleIcon,
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleArrow {
    height:33px!important;width:33px!important;border-radius:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {gap:5px!important;min-height:22px!important}
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
    font-size:9px!important;padding:4px 7px!important;border-radius:7px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle {
    padding:12px 13px 2px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle h2 {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {font-size:8px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativePostChoice {padding:10px 13px!important;gap:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark {
    width:38px!important;height:38px!important;flex-basis:38px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark img {width:36px!important;height:36px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText b {font-size:13px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span {font-size:11px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics {height:auto!important;min-height:57px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics>div {
    min-height:57px!important;padding:9px 10px!important;gap:6px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics strong {font-size:17px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics small {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
    min-height:55px!important;padding:9px 13px!important;gap:10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon {
    width:37px!important;height:37px!important;flex-basis:37px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon img {width:34px!important;height:34px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b small {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy>span {font-size:10.5px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
    width:min(calc(100% - 22px),498px)!important;max-width:498px!important;
    height:64px!important;min-height:64px!important;
    bottom:calc(9px + env(safe-area-inset-bottom,0px))!important;
    padding:5px!important;border-radius:18px!important;gap:5px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
    height:53px!important;min-height:53px!important;
    font-size:11px!important;border-radius:13px!important;gap:5px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn>.miniIcon {
    width:19px!important;height:19px!important;flex-basis:19px!important;
  }
}

/* Browsers and tablets: balanced two-column workspace, still recognisably Mini App. */
@media(min-width:800px) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
    width:min(calc(100% - 50px),980px)!important;
    max-width:980px!important;height:100dvh!important;
    border-inline:1px solid color-mix(in srgb,var(--nv-stroke) 68%,transparent)!important;
    background:color-mix(in srgb,var(--nv-bg) 94%,transparent)!important;
    box-shadow:0 28px 100px rgba(1,7,24,.15)!important;
  }
  body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
    width:min(calc(100% - 50px),980px)!important;
    max-width:980px!important;
    height:72px!important;min-height:72px!important;
    padding:13px 28px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpHeaderMark {width:43px!important;height:43px!important;flex-basis:43px!important;border-radius:14px!important}
  body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>strong {font-size:18px!important}
  body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>small {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniThemeToggle {
    width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniSession {
    min-height:36px!important;height:36px!important;padding:8px 12px!important;font-size:11px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
    padding:100px 28px 116px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
    width:min(600px,calc(100% - 80px))!important;max-width:600px!important;
    height:66px!important;min-height:66px!important;
    bottom:17px!important;top:auto!important;
    padding:6px!important;border-radius:20px!important;gap:8px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
    height:52px!important;min-height:52px!important;
    font-size:12px!important;border-radius:14px!important;gap:7px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn>.miniIcon {
    width:21px!important;height:21px!important;flex-basis:21px!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-stage="source"][data-v8-home-tab="create"] .cpLaunchScreen {
    display:grid!important;flex-direction:initial!important;
    grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;
    grid-template-rows:auto auto auto auto!important;
    align-items:stretch!important;align-content:start!important;
    gap:16px 18px!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpV10Intro {
    grid-column:1/-1!important;grid-row:1!important;order:0!important;
    min-height:180px!important;height:auto!important;
    padding:24px 29px!important;
    border-radius:22px!important;
    border:1px solid color-mix(in srgb,var(--nv-accent) 25%,var(--nv-stroke))!important;
    background:
      radial-gradient(circle at 88% 23%,color-mix(in srgb,var(--nv-accent) 19%,transparent),transparent 32%),
      linear-gradient(115deg,color-mix(in srgb,var(--nv-panel) 96%,var(--nv-accent)),var(--nv-panel))!important;
    box-shadow:0 12px 29px var(--nv-shadow)!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {font-size:10px!important;margin-bottom:10px!important;letter-spacing:1.25px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroMain {align-items:center!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {font-size:37px!important;margin-bottom:8px!important;line-height:1.17!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {font-size:14px!important;max-width:600px!important;line-height:1.5!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
    width:71px!important;height:71px!important;flex-basis:71px!important;border-radius:22px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {width:51px!important;height:51px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress {
    margin-top:17px!important;gap:11px!important;max-width:445px!important;min-height:23px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {font-size:11px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress b {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress i {max-width:68px!important}
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpCreatorSourceCard {
    grid-column:1!important;grid-row:2/4!important;
    order:1!important;min-height:318px!important;height:auto!important;align-self:stretch!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
    min-height:80px!important;padding:21px 21px 9px!important;gap:13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
    width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:15px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph .miniIcon {width:24px!important;height:24px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8Overline {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {font-size:21px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {font-size:12px!important;margin-top:4px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    gap:14px!important;padding:8px 22px 23px!important;justify-content:center!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
    height:56px!important;min-height:56px!important;border-radius:14px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
    width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
    height:54px!important;min-height:54px!important;
    font-size:14px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field::placeholder {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
    height:56px!important;min-height:56px!important;
    font-size:15px!important;border-radius:13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleIcon,
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleArrow {
    width:36px!important;height:36px!important;border-radius:11px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {gap:7px!important;padding-top:3px!important}
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {font-size:10px!important;padding:6px 8px!important;border-radius:8px!important}
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpNativeChoose {
    grid-column:2!important;grid-row:2!important;
    order:2!important;align-self:start!important;min-height:220px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle {
    padding:16px 17px 4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle h2 {font-size:13px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativePostChoice {min-height:89px!important;padding:11px 17px 14px!important;gap:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark {
    width:46px!important;height:46px!important;flex-basis:46px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark img {width:43px!important;height:43px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText b {font-size:14px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span {font-size:11px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics {height:auto!important;min-height:65px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics>div {height:65px!important;min-height:65px!important;padding:12px 8px!important;gap:7px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics strong {font-size:19px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics small {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpMemberMiniStrip {
    grid-column:2!important;grid-row:3!important;
    order:3!important;align-self:start!important;min-height:62px!important;
    padding:12px 15px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon {width:38px!important;height:38px!important;flex-basis:38px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy>span {font-size:11px!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipArrow {width:29px!important;height:29px!important;flex-basis:29px!important}
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpV10Guide {
    grid-column:1/-1!important;grid-row:4!important;
    order:4!important;
    display:block!important;visibility:visible!important;
    border:1px solid var(--nv-stroke)!important;
    background:var(--nv-panel)!important;
    border-radius:18px!important;
    padding:18px 22px!important;
    box-shadow:0 8px 23px var(--nv-shadow)!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;margin-top:13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps>div {
    background:var(--nv-input)!important;
    border:1px solid var(--nv-stroke)!important;
    border-radius:13px!important;padding:10px 13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps b {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps small {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10GuideTitle>strong {font-size:15px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10GuideTitle>span {font-size:9px!important}
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="plan"] .cpLaunchScreen,
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpLaunchScreen {
    max-width:780px!important;
    margin-inline:auto!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpEditorWorkspace,
  body.cpV8.cpV10.cpNativeV5 .cpResultsPanel {
    width:min(100%,790px)!important;max-width:790px!important;margin-inline:auto!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaButton,
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav,
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {transition:none!important}
}