/* CamboPost Mini Studio V10 — new composition, stable URL.
   Presentation-only: preserves existing JS, API, auth, Telegram and publish flows.
   V10 intentionally replaces the older promotional hero/card layout. */
body.cpV8.cpV10.cpNativeV5 {
  --nv-bg:#f5f7fb;--nv-panel:#fff;--nv-input:#f9faff;--nv-elev:#eff2f9;
  --nv-stroke:#dde4f0;--nv-text:#202a43;--nv-dim:#61718b;
  --nv-soft:#7c89a3;--nv-accent:#6656dc;--nv-lilac:#7661da;
  --nv-shadow:rgba(56,73,119,.08);
  color:var(--nv-text)!important;
  background:linear-gradient(115deg,#eef2fa,#f8faff 47%,#edf3ff)!important;
}
body.cpV8.cpV10.cpNativeV5[data-mini-theme="dark"] {
  --nv-bg:#101728;--nv-panel:#192238;--nv-input:#121d31;--nv-elev:#26314a;
  --nv-stroke:#34425e;--nv-text:#f0f3ff;--nv-dim:#b7c3d9;
  --nv-soft:#98a6c0;--nv-accent:#aaa0ff;--nv-lilac:#b9afff;
  --nv-shadow:rgba(4,8,24,.26);
  background:linear-gradient(110deg,#0b1324,#11192d 50%,#0e1628)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
  width:min(100%,580px)!important;max-width:580px!important;
  background:transparent!important;
  border-inline:1px solid color-mix(in srgb,var(--nv-stroke) 70%,transparent)!important;
  box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
  background:transparent!important;
  padding:calc(81px + env(safe-area-inset-top,0px)) 18px calc(105px + env(safe-area-inset-bottom,0px))!important;
  overscroll-behavior:contain!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen {
  gap:14px!important;align-content:start!important;
}
body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
  position:fixed!important;
  top:0!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(100%,580px)!important;max-width:580px!important;
  height:70px!important;min-height:70px!important;
  padding:9px 19px!important;border:0!important;
  border-bottom:1px solid var(--nv-stroke)!important;
  border-radius:0!important;box-shadow:none!important;
  background:color-mix(in srgb,var(--nv-panel) 96%,transparent)!important;
  backdrop-filter:blur(24px)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderMark {
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  border-radius:13px!important;box-shadow:0 3px 12px rgba(73,58,161,.12)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>strong {
  color:var(--nv-text)!important;
  font:850 17px/1.18 Manrope,Inter,sans-serif!important;
  letter-spacing:-.52px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>small {
  font:750 8px/1.35 Manrope,Inter,sans-serif!important;
  letter-spacing:1.24px!important;color:var(--nv-soft)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniThemeToggle {
  width:35px!important;height:35px!important;flex:0 0 35px!important;
  border:1px solid var(--nv-stroke)!important;border-radius:11px!important;
  background:var(--nv-elev)!important;
  color:var(--nv-lilac)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniSession {
  min-height:33px!important;padding:7px 9px!important;
  border-radius:10px!important;background:var(--nv-elev)!important;
  border:1px solid var(--nv-stroke)!important;
  color:var(--nv-dim)!important;
  font:720 10px/1.2 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpSessionLight {width:7px;height:7px}

/* Create title replaces the old oversized pastel promotional card. */
body.cpV8.cpV10.cpNativeV5 .cpNativeWelcome.cpV8Welcome.cpV10Intro {
  display:flex!important;flex-direction:column!important;
  position:relative!important;
  min-height:0!important;height:auto!important;max-height:none!important;
  padding:9px 2px 3px!important;margin:0!important;
  border:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  overflow:visible!important;isolation:auto!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro::before,
body.cpV8.cpV10.cpNativeV5 .cpV10Intro::after {display:none!important;content:none!important}
body.cpV8.cpV10.cpNativeV5 .cpV10IntroMain {
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
body.cpV8.cpV10.cpNativeV5 .cpV10IntroCopy {flex:1;min-width:0}
body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {
  display:flex;align-items:center;gap:7px;
  margin:0 0 7px;
  font:820 9px/1.4 Manrope,Inter,sans-serif;
  letter-spacing:1.2px;color:var(--nv-accent);
}
body.cpV8.cpV10.cpNativeV5 .cpV10StatusDot {
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  background:#37c7ac;box-shadow:0 0 0 3px rgba(55,199,172,.13);
}
body.cpV8.cpV10.cpNativeV5 .cpV10EyebrowDivider {color:var(--nv-soft);opacity:.65}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
  color:var(--nv-text)!important;
  font:860 clamp(27px,7vw,34px)/1.12 Manrope,Inter,sans-serif!important;
  margin:0 0 6px!important;letter-spacing:-1.15px!important;
  text-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 span {color:var(--nv-accent)!important}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {
  max-width:370px!important;
  font:490 12px/1.55 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;margin:0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
  display:grid;place-items:center;flex:0 0 57px;
  width:57px;height:57px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--nv-accent) 15%,var(--nv-panel)),var(--nv-panel));
  border:1px solid color-mix(in srgb,var(--nv-accent) 18%,var(--nv-stroke));
  border-radius:17px;
}
body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {
  width:39px;height:39px;object-fit:contain;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress {
  display:flex;align-items:center;gap:9px;width:100%;
  min-height:26px;margin-top:14px;
  padding:0!important;border:0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {
  white-space:nowrap;display:inline-flex;align-items:center;gap:5px;
  color:var(--nv-soft);font:660 10px/1.2 Manrope,Inter,sans-serif;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress span.is-current {color:var(--nv-accent)}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress b {
  font-size:9px;font-weight:820;color:inherit;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress i {
  min-width:8px;max-width:46px;flex:1;height:1px;
  background:var(--nv-stroke);
}

/* Primary task: media source first, one crisp panel. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard {order:1!important}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .panel.cpCreatorSourceCard {
  display:flex!important;flex-direction:column!important;min-height:0!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:20px!important;background:var(--nv-panel)!important;
  box-shadow:0 9px 28px var(--nv-shadow)!important;
  overflow:hidden!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard::before {display:none!important;content:none!important}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:17px 16px 8px!important;min-height:65px!important;
  border:0!important;background:transparent!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
  display:grid!important;place-items:center!important;
  width:43px!important;height:43px!important;min-width:43px!important;
  flex:0 0 43px!important;
  background:linear-gradient(144deg,#e8ebff,#f5f5ff)!important;
  border:1px solid #d5ddf6!important;border-radius:14px!important;
  color:#645adc!important;
}
body.cpV8.cpV10.cpNativeV5[data-mini-theme="dark"] .cpV8SourceGlyph {
  border-color:#485178!important;background:#292e56!important;color:#c4b7ff!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph .miniIcon {
  height:22px!important;width:22px!important;flex-basis:22px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle>div:nth-child(2) {flex:1;min-width:0}
body.cpV8.cpV10.cpNativeV5 .cpV8Overline {
  font:800 8.9px/1.3 Manrope,Inter,sans-serif!important;
  color:var(--nv-accent)!important;letter-spacing:1px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {
  color:var(--nv-text)!important;
  font:820 16px/1.28 Manrope,Inter,sans-serif!important;
  letter-spacing:-.4px!important;margin:3px 0 2px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {
  font:480 10.8px/1.5 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle .cpStepChip {display:none!important}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
  display:flex!important;flex-direction:column!important;
  flex:1 1 auto;justify-content:center!important;
  gap:11px!important;padding:9px 16px 17px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .fieldLabel[for="sourceUrl"] {
  display:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
  min-height:52px!important;height:52px!important;
  display:flex!important;align-items:center!important;
  border:1px solid var(--nv-stroke)!important;border-radius:13px!important;
  background:var(--nv-input)!important;
  box-shadow:none!important;overflow:visible!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField:focus-within {
  border-color:var(--nv-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--nv-accent) 14%,transparent)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
  display:grid!important;place-items:center!important;
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border:0!important;border-radius:9px!important;
  color:var(--nv-accent)!important;background:var(--nv-elev)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
  height:48px!important;min-height:48px!important;
  padding:0 9px!important;min-width:0!important;
  color:var(--nv-text)!important;
  background:transparent!important;
  font:550 13px/1.45 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field::placeholder {
  color:var(--nv-soft)!important;opacity:1!important;
  font:480 12px/1.45 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
  height:51px!important;min-height:51px!important;
  font:790 13.5px/1.3 Manrope,Inter,sans-serif!important;
  color:#fff!important;
  background:linear-gradient(105deg,#4f62df,#6d5cde 56%,#7f5cdd)!important;
  border:1px solid rgba(255,255,255,.17)!important;border-radius:12px!important;
  box-shadow:0 7px 17px rgba(89,81,189,.21)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpGetMediaButton:disabled {
  opacity:.65!important;box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleIcon,
body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleArrow {
  width:28px!important;height:28px!important;
  border-radius:9px!important;border:1px solid rgba(255,255,255,.17)!important;
  background:rgba(255,255,255,.13)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {
  display:flex!important;align-items:center!important;
  min-height:24px!important;
  gap:5px!important;flex-wrap:wrap!important;
  padding-top:3px!important;overflow:visible!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {
  font:690 9px/1.25 Manrope,Inter,sans-serif!important;
  letter-spacing:.07px!important;color:var(--nv-soft)!important;
  text-transform:none!important;
  margin-right:2px!important;white-space:nowrap!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
  font:680 9px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:0!important;padding:4px 6px!important;
  color:var(--nv-dim)!important;background:var(--nv-elev)!important;
  border:0!important;border-radius:6px!important;
}

/* Actual Power Editor/Paging state in one connected workspace. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpNativeChoose {
  order:2!important;display:flex!important;flex-direction:column!important;
  position:relative!important;min-width:0!important;
  background:var(--nv-panel)!important;border:1px solid var(--nv-stroke)!important;
  border-radius:19px!important;overflow:hidden!important;
  box-shadow:0 8px 24px var(--nv-shadow)!important;
  gap:0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle {
  position:static!important;width:auto!important;height:auto!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:7px!important;padding:12px 14px 7px!important;
  overflow:visible!important;clip:auto!important;
  white-space:normal!important;background:transparent!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle h2 {
  margin:0!important;color:var(--nv-text)!important;
  font:810 12.5px/1.35 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {
  color:var(--nv-soft)!important;font:740 8px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:.7px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativePostChoice {
  display:flex!important;align-items:center!important;
  min-height:55px!important;height:auto!important;
  margin:0!important;padding:6px 14px 12px!important;gap:10px!important;
  background:transparent!important;border:none!important;
  border-radius:0!important;box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark {
  width:39px!important;height:39px!important;min-width:39px!important;
  flex:0 0 39px!important;
  border-radius:11px!important;background:var(--nv-elev)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark img {
  width:38px!important;height:38px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText b {
  color:var(--nv-text)!important;
  font:790 12px/1.32 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span {
  color:var(--nv-dim)!important;
  font:510 10px/1.35 Manrope,Inter,sans-serif!important;
  white-space:normal!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span::after {content:none!important;display:none!important}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  min-height:55px!important;height:55px!important;width:100%!important;
  margin:0!important;padding:0!important;gap:0!important;
  background:var(--nv-input)!important;
  border:0!important;border-top:1px solid var(--nv-stroke)!important;
  border-radius:0!important;box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics>div {
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:row!important;gap:6px!important;
  padding:7px 9px!important;min-height:55px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  white-space:nowrap!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics>div+div {
  border-left:1px solid var(--nv-stroke)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics strong {
  font:820 17px/1.15 Manrope,Inter,sans-serif!important;
  color:var(--nv-text)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics small {
  font:600 9px/1.25 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;text-align:left!important;
}

/* Member shortcut remains a real button, just visually quieter. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
  order:3!important;display:flex!important;align-items:center!important;
  min-height:53px!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:8px 12px!important;gap:10px!important;
  border:1px solid var(--nv-stroke)!important;border-radius:16px!important;
  background:var(--nv-panel)!important;box-shadow:0 7px 20px var(--nv-shadow)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon {
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border:0!important;background:var(--nv-elev)!important;border-radius:10px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon img {
  width:31px!important;height:31px!important;object-fit:contain!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy {gap:2px!important}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b {
  color:var(--nv-text)!important;font:780 11.3px/1.3 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b small {
  color:var(--nv-accent)!important;font-size:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy>span {
  color:var(--nv-dim)!important;font:490 10px/1.35 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipArrow {
  width:26px!important;height:26px!important;flex:0 0 26px!important;
  border:0!important;border-radius:9px!important;
  background:var(--nv-elev)!important;color:var(--nv-accent)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Guide {
  display:none!important;
  border:1px solid var(--nv-stroke);
  border-radius:18px;background:var(--nv-panel);
  box-shadow:0 8px 22px var(--nv-shadow);
  padding:15px 18px 14px;
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideTitle>span {
  display:block;font:800 9px/1.2 Manrope,Inter,sans-serif;
  letter-spacing:1px;color:var(--nv-accent);
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideTitle>strong {
  display:block;margin-top:4px;
  font:810 14px/1.3 Manrope,Inter,sans-serif;color:var(--nv-text);
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps {display:grid;gap:10px;margin-top:13px}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps>div {
  display:flex;align-items:center;gap:9px;min-width:0;
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideNumber {
  display:grid;place-items:center;
  height:28px;width:28px;flex:0 0 28px;
  border:1px solid color-mix(in srgb,var(--nv-accent) 19%,var(--nv-stroke));
  border-radius:9px;background:var(--nv-elev);
  color:var(--nv-accent);font:780 11px/1 Manrope,Inter,sans-serif;
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps>div>span:last-child {
  display:flex;flex-direction:column;gap:2px;min-width:0;
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps b {
  color:var(--nv-text);font:760 11px/1.22 Manrope,Inter,sans-serif;
}
body.cpV8.cpV10.cpNativeV5 .cpV10GuideSteps small {
  color:var(--nv-soft);font:520 9.5px/1.3 Manrope,Inter,sans-serif;
}
body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="plan"] .cpV10Guide,
body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpV10Guide {display:none!important}

/* Native-feeling dock, no bulky glass ring or redundant indicator bars. */
body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(calc(100% - 18px),548px)!important;
  min-height:61px!important;
  padding:5px!important;gap:5px!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
  border:1px solid var(--nv-stroke)!important;border-radius:17px!important;
  background:color-mix(in srgb,var(--nv-panel) 97%,transparent)!important;
  box-shadow:0 12px 27px rgba(41,51,98,.12)!important;
  backdrop-filter:blur(22px)!important;
}
body.cpV8.cpV10.cpNativeV5:not([data-stage="source"]) .cpMiniBottomNav {display:none!important}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-direction:row!important;gap:6px!important;
  min-height:49px!important;padding:7px 5px!important;
  border-radius:12px!important;
  color:var(--nv-dim)!important;
  font:750 11px/1.3 Manrope,Inter,sans-serif!important;
  background:transparent!important;
  transition:background .16s,color .16s!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn>.miniIcon {
  height:18px!important;width:18px!important;flex:0 0 18px!important;
  stroke-width:1.95!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn.is-active {
  color:var(--nv-accent)!important;
  background:color-mix(in srgb,var(--nv-accent) 11%,var(--nv-panel))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nv-accent) 22%,transparent)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn.is-active::before,
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn::after {content:none!important;display:none!important}

/* Existing dedicated Plan/Community pages receive the same restrained system. */
body.cpV8.cpV10.cpNativeV5 .cpV8ScreenIntro h2 {
  color:var(--nv-text)!important;font-size:30px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8ScreenIntro p {
  color:var(--nv-dim)!important;font-size:12px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMembershipCard,
body.cpV8.cpV10.cpNativeV5 .cpCommunitySection {
  border-radius:18px!important;border-color:var(--nv-stroke)!important;
  background:var(--nv-panel)!important;box-shadow:0 9px 25px var(--nv-shadow)!important;
}
body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink,
body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink {
  border-radius:13px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs,
body.cpV8.cpV10.cpNativeV5 .cpNativeEditor .cpEditorPanel {
  border-color:var(--nv-stroke)!important;
  border-radius:16px!important;
}

/* Browser widths use a real two-column workspace, not a stretched phone mock. */
@media(min-width:800px) {
  body.cpV8.cpV10.cpNativeV5 {padding:0!important}
  body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
    width:min(calc(100% - 36px),1000px)!important;
    max-width:1000px!important;height:100dvh!important;
    margin:auto!important;
  }
  body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
    width:min(calc(100% - 36px),1000px)!important;
    max-width:1000px!important;
    height:73px!important;min-height:73px!important;
    padding-inline:27px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
    padding:157px 27px 36px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
    top:83px!important;bottom:auto!important;
    width:465px!important;
    min-height:56px!important;
    border-radius:15px!important;
    padding:4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
    min-height:46px!important;font-size:12px!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-stage="source"][data-v8-home-tab="create"] .cpLaunchScreen {
    display:grid!important;
    grid-template-columns:minmax(0,1.30fr) minmax(300px,.83fr)!important;
    grid-template-rows:auto auto auto auto!important;
    align-content:start!important;align-items:stretch!important;
    gap:13px 17px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Intro {
    grid-column:1/-1!important;grid-row:1!important;
    align-self:start!important;
    padding:3px 2px 11px!important;
    min-height:0!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroMain {
    align-items:center!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
    font-size:35px!important;margin-bottom:4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {
    font-size:13px!important;max-width:600px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
    width:64px;height:64px;flex-basis:64px;border-radius:18px;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {width:43px;height:43px}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress {margin-top:15px;max-width:430px}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {font-size:11px}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard {
    grid-column:1!important;grid-row:2/5!important;
    min-height:405px!important;align-self:stretch!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
    min-height:82px!important;padding:18px 21px 10px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
    width:46px!important;height:46px!important;flex-basis:46px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {
    font-size:19px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {font-size:12px!important}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    justify-content:center!important;gap:16px!important;padding:6px 22px 27px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
    height:57px!important;min-height:57px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
    height:55px!important;min-height:55px!important;font-size:14px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
    height:57px!important;min-height:57px!important;font-size:15px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpNativeChoose {
    grid-column:2!important;grid-row:2!important;align-self:start!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
    grid-column:2!important;grid-row:3!important;align-self:start!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Guide {
    grid-column:2!important;grid-row:4!important;
    align-self:start!important;display:block!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="plan"] .cpMembershipCard,
  body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="community"] .cpCommunitySection {
    width:min(100%,700px)!important;
    margin-inline:auto!important;
  }
}

/* 320-390px phones: do not clip actions, columns, or platform chips. */
@media(max-width:390px) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
    padding:calc(78px + env(safe-area-inset-top,0px)) 12px calc(94px + env(safe-area-inset-bottom,0px))!important;
  }
  body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
    width:100%!important;max-width:100%!important;
    height:67px!important;min-height:67px!important;
    padding-inline:13px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
    font-size:28px!important;letter-spacing:-.9px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {font-size:11.4px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
    width:50px;height:50px;flex:0 0 50px;border-radius:14px;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {width:35px;height:35px}
  body.cpV8.cpV10.cpNativeV5 .cpV10Progress {margin-top:12px}
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
    padding:14px 12px 7px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    padding:7px 12px 14px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
    font-size:8.9px!important;padding:4px 5px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {
    font-size:15.5px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
    width:calc(100% - 12px)!important;
    min-height:59px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {font-size:10.4px!important}
}
@media(max-width:345px) {
  body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {font-size:8px;letter-spacing:.5px}
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {font-size:26px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
    width:39px!important;height:39px!important;flex-basis:39px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {gap:4px!important}
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {font-size:7.3px!important}
}
@media(prefers-reduced-motion:reduce) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn,
  body.cpV8.cpV10.cpNativeV5 .cpGetMediaButton {
    animation:none!important;transition:none!important;
  }
}

/* Prevent sticky touch-hover from making two navigation tabs appear selected. */
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn:not(.is-active):hover,
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn:not(.is-active):active {
  background:transparent!important;
  color:var(--nv-dim)!important;
  box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn.is-active,
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn.is-active:hover {
  color:#604ed0!important;
  background:#ebe8fb!important;
  box-shadow:inset 0 0 0 1px #ded6fc!important;
}
body.cpV8.cpV10.cpNativeV5[data-mini-theme="dark"] .cpMiniNavBtn.is-active,
body.cpV8.cpV10.cpNativeV5[data-mini-theme="dark"] .cpMiniNavBtn.is-active:hover {
  color:#d2c9ff!important;
  background:#353457!important;
  box-shadow:inset 0 0 0 1px #59537d!important;
}