/* CamboPost Mini Studio V5 — genuine native screens, not cards in a long form.
   Scoped to .cpNativeV5 and exclusively to /miniapp; original Bot and Web stay as-is.
   Accent comes from CamboPost Web's crystal artwork and violet/lavender palette. */
body.cpNativeV5{
  --nv-bg:#151824;--nv-panel:#202334;--nv-elev:#272b3e;--nv-input:#181d2c;
  --nv-stroke:#363b53;--nv-text:#f5f3fc;--nv-dim:#aaa7c0;
  --nv-soft:#8585a0;--nv-lilac:#c4acfb;--nv-accent:#8b68ed;
  --nv-select:#322b4b;--nv-selected-stroke:#795fc0;--nv-green:#84e2b3;
  --nv-shadow:rgba(6,8,25,.19);
  background:var(--nv-bg)!important;
}
body.cpNativeV5[data-mini-theme="light"]{
  --nv-bg:#f3f4f9;--nv-panel:#fff;--nv-elev:#f8f7fc;--nv-input:#fbfaff;
  --nv-stroke:#e3e5ef;--nv-text:#28273c;--nv-dim:#787d95;
  --nv-soft:#9899ac;--nv-lilac:#7754ce;--nv-accent:#7958db;
  --nv-select:#f0eaff;--nv-selected-stroke:#bfa6ef;--nv-green:#2e9a68;
  --nv-shadow:rgba(55,44,103,.055);
  background:var(--nv-bg)!important;
}
body.cpNativeV5 .cpMiniShell.shell{background:var(--nv-bg)!important}
body.cpNativeV5 .cpMiniScroll.content{
  padding:calc(79px + env(safe-area-inset-top,0px)) 14px calc(90px + env(safe-area-inset-bottom,0px))!important;
  gap:0!important;
  background:radial-gradient(280px 230px at 115% -60px,color-mix(in srgb,var(--nv-accent) 9%,transparent),transparent 95%),var(--nv-bg)!important;
  overscroll-behavior-y:contain!important;
}
body.cpNativeV5 .cpLaunchScreen{
  display:flex;flex-direction:column;gap:14px;
  flex:0 0 auto;min-width:0;width:100%;
  animation:cpStageEnter .26s cubic-bezier(.22,1,.36,1) both;
}
body.cpNativeV5[data-stage="editor"] .cpLaunchScreen,
body.cpNativeV5[data-stage="results"] .cpLaunchScreen{display:none!important}
body.cpNativeV5[data-stage="source"] .cpNativeEditor,
body.cpNativeV5[data-stage="results"] .cpNativeEditor{display:none!important}
body.cpNativeV5[data-stage="source"] .cpNativeResults,
body.cpNativeV5[data-stage="editor"] .cpNativeResults{display:none!important}
body.cpNativeV5 .miniWorkflow.cpMiniWorkflow{display:none!important}
body.cpNativeV5 .cpMiniAppFooter{margin-top:16px!important;padding:0 8px 15px!important;font-size:9px!important;color:var(--nv-soft)!important}
body.cpNativeV5 .cpMiniAppFooter>.miniIcon{width:13px;height:13px;flex-basis:13px}
@keyframes cpStageEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Compact floating top bar, same logo and crystal identity across all stages. */
body.cpNativeV5 .cpMiniHeader.topbar{
  min-height:56px!important;height:56px!important;
  width:min(calc(100% - 16px),544px)!important;
  top:calc(7px + env(safe-area-inset-top,0px))!important;
  border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--nv-lilac) 20%,var(--nv-stroke))!important;
  background:color-mix(in srgb,var(--nv-panel) 96%,transparent)!important;
  box-shadow:0 7px 24px var(--nv-shadow),inset 0 1px 0 color-mix(in srgb,var(--nv-lilac) 6%,transparent)!important;
  color:var(--nv-text)!important;
  gap:8px!important;
}
body.cpNativeV5 .cpHeaderMark{height:38px!important;width:38px!important;min-width:38px!important;flex-basis:38px!important}
body.cpNativeV5 .cpHeaderWordmark>strong{font-size:15px!important;color:var(--nv-text)!important}
body.cpNativeV5 .cpHeaderWordmark>small{font-size:7.5px!important;color:var(--nv-lilac)!important}
body.cpNativeV5 .cpMiniSession{background:var(--nv-select)!important;color:var(--nv-lilac)!important;border-color:var(--nv-stroke)!important}
body.cpNativeV5 .cpMiniThemeToggle{background:var(--nv-select)!important;color:var(--nv-lilac)!important;border-color:var(--nv-stroke)!important}

/* Landing screen follows CamboPost Web's create flow, not an ad billboard. */
body.cpNativeV5 .cpNativeWelcome{padding:3px 2px 0;min-width:0}
body.cpNativeV5 .cpNativeEyebrow{
  display:flex;align-items:center;gap:7px;
  color:var(--nv-lilac);font:790 9px/1.4 Manrope,Inter,sans-serif;
  letter-spacing:.9px;margin:0 0 8px;
}
body.cpNativeV5 .cpNativeEyebrowLine{width:15px;height:3px;background:linear-gradient(90deg,var(--nv-accent),#659eeb);border-radius:2px}
body.cpNativeV5 .cpNativeWelcomeRow{display:flex;align-items:center;gap:10px;justify-content:space-between}
body.cpNativeV5 .cpNativeWelcomeRow>div{flex:1 1 auto;min-width:0}
body.cpNativeV5 .cpNativeWelcome h1{
  font:820 clamp(20px,5.7vw,24px)/1.24 Manrope,Inter,"Noto Sans Khmer",sans-serif;
  letter-spacing:-.63px;
  color:var(--nv-text);margin:0 0 5px;
}
body.cpNativeV5 .cpNativeWelcome p{
  font:480 11px/1.5 Manrope,Inter,sans-serif;
  margin:0;color:var(--nv-dim);
}
body.cpNativeV5 .cpNativeWelcomeGlyph{
  display:grid;place-items:center;
  height:47px;width:47px;min-width:47px;flex:0 0 47px;
  padding:4px;border:1px solid var(--nv-stroke);
  border-radius:15px;background:var(--nv-panel);
  box-shadow:0 5px 15px var(--nv-shadow);
}
body.cpNativeV5 .cpNativeWelcomeGlyph img{display:block;width:100%;height:100%;object-fit:contain}
body.cpNativeV5 .cpNativeChoose{display:flex;flex-direction:column;gap:8px;min-width:0}
body.cpNativeV5 .cpNativeSectionTitle{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 2px}
body.cpNativeV5 .cpNativeSectionTitle h2{font:770 14px/1.4 Manrope,Inter,sans-serif;color:var(--nv-text);margin:0}
body.cpNativeV5 .cpNativeSectionTitle small{font:750 8.5px/1.3 Manrope,Inter,sans-serif;letter-spacing:.72px;color:var(--nv-soft);white-space:nowrap}
body.cpNativeV5 .cpNativePostChoice{
  position:relative;isolation:isolate;
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:13px 13px 13px 12px;min-height:96px;
  border:1.5px solid var(--nv-selected-stroke);
  border-radius:17px;
  color:var(--nv-text);
  background:linear-gradient(109deg,color-mix(in srgb,var(--nv-accent) 16%,var(--nv-panel)),var(--nv-panel) 79%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--nv-accent) 9%,transparent),0 9px 25px var(--nv-shadow);
  overflow:hidden;
}
body.cpNativeV5 .cpNativePostChoice::before{
  content:"";position:absolute;z-index:-1;
  top:-45px;right:-27px;width:148px;height:148px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--nv-accent) 17%,transparent),transparent 70%);
}
body.cpNativeV5 .cpNativePostChoice::after{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
body.cpNativeV5 .cpNativeChoiceMark{
  display:grid;place-items:center;
  height:62px;width:62px;flex:0 0 62px;
  border:1px solid color-mix(in srgb,var(--nv-lilac) 16%,var(--nv-stroke));
  border-radius:16px;
  background:color-mix(in srgb,var(--nv-accent) 8%,var(--nv-panel));
}
body.cpNativeV5 .cpNativeChoiceMark>img{width:57px;height:57px;display:block;object-fit:contain}
body.cpNativeV5 .cpNativeChoiceText{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}
body.cpNativeV5 .cpNativeChoiceText>b{font:790 16px/1.3 Manrope,Inter,sans-serif;color:var(--nv-text);letter-spacing:-.3px}
body.cpNativeV5 .cpNativeChoiceText>span{font:450 10.5px/1.4 Manrope,Inter,sans-serif;color:var(--nv-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cpNativeV5 .cpNativeChoiceTag{
  display:inline-flex;align-self:start;align-items:center;gap:6px;
  padding:4px 7px;margin-top:2px;
  border:1px solid color-mix(in srgb,var(--nv-accent) 38%,var(--nv-stroke));
  border-radius:7px;background:var(--nv-select);
  color:var(--nv-lilac);font:790 8px/1.4 Manrope,Inter,sans-serif;letter-spacing:.55px;
}
body.cpNativeV5 .cpNativeChoiceTag>span{width:6px;height:6px;border-radius:50%;background:var(--nv-lilac)}
body.cpNativeV5 .cpNativeChoiceSelected{
  display:grid;place-items:center;align-self:start;
  height:24px;width:24px;flex:0 0 24px;
  border-radius:50%;border:1px solid #b398f4;
  color:#fff;background:linear-gradient(120deg,#9a74ef,#7351cf);
  box-shadow:0 4px 9px rgba(101,69,184,.21);
}
body.cpNativeV5 .cpNativeChoiceSelected>.miniIcon{width:13px;height:13px;flex-basis:13px}
body.cpNativeV5 .cpNativeAccountMetrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.cpNativeV5 .cpNativeAccountMetrics>div{
  display:flex;align-items:center;gap:8px;min-width:0;
  padding:9px 10px;border:1px solid var(--nv-stroke);
  border-radius:12px;background:var(--nv-panel);
  box-shadow:0 2px 9px var(--nv-shadow);
}
body.cpNativeV5 .cpNativeMetricArtwork{
  display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;
  border-radius:8px;background:var(--nv-elev);
}
body.cpNativeV5 .cpNativeMetricArtwork img{width:100%;height:100%;object-fit:contain}
body.cpNativeV5 .cpNativeAccountMetrics strong{font:810 16px/1.2 Manrope,Inter,sans-serif;color:var(--nv-text)}
body.cpNativeV5 .cpNativeAccountMetrics small{font:520 9px/1.4 Manrope,Inter,sans-serif;color:var(--nv-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Functional Account + Media URL cards are true white web-style surfaces. */
body.cpNativeV5 .cpLaunchScreen .panel.cpMiniCard,
body.cpNativeV5 .cpNativeResults.panel.cpMiniCard{
  border:1px solid var(--nv-stroke)!important;
  border-radius:17px!important;
  background:var(--nv-panel)!important;
  box-shadow:0 5px 19px var(--nv-shadow)!important;
}
body.cpNativeV5 .cpLaunchScreen .cpCardTitle,
body.cpNativeV5 .cpNativeResults .cpCardTitle{
  padding:13px!important;min-height:68px!important;
  background:var(--nv-panel)!important;border-color:var(--nv-stroke)!important;
}
body.cpNativeV5 .cpLaunchScreen .cpCardTitle h2{color:var(--nv-text)!important;font:780 13.5px/1.4 Manrope,Inter,sans-serif!important}
body.cpNativeV5 .cpLaunchScreen .cpCardTitle p{color:var(--nv-dim)!important;font-size:10px!important}
body.cpNativeV5 .cpLaunchScreen .cpCardBody{padding:13px!important;gap:10px!important}
body.cpNativeV5 .cpLaunchScreen .cpCardTitle .cpCrystalWeb{width:37px!important;height:37px!important;min-width:37px!important;flex-basis:37px!important}
body.cpNativeV5 .cpLaunchScreen .cpCardTitle .cpStepChip{font-size:9px!important;border:0!important;background:var(--nv-select)!important;color:var(--nv-lilac)!important}
body.cpNativeV5 .cpLaunchScreen .cpCardBody .fieldLabel{color:var(--nv-text)!important;font-size:11px!important}
body.cpNativeV5 .cpLaunchScreen .cpUrlField.cpCreatorUrlField{
  background:var(--nv-input)!important;border:1px solid var(--nv-stroke)!important;
  border-radius:12px!important;height:50px!important;min-height:50px!important;
  box-shadow:none!important;
}
body.cpNativeV5 .cpLaunchScreen .cpUrlField:focus-within{border-color:var(--nv-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--nv-accent) 12%,transparent)!important}
body.cpNativeV5 .cpLaunchScreen .cpUrlField .field{font-size:14px!important;color:var(--nv-text)!important}
body.cpNativeV5 .cpLaunchScreen .cpUrlField .cpUrlIcon{background:var(--nv-select);color:var(--nv-lilac)}
body.cpNativeV5 .cpLaunchScreen .cpGetMediaButton{
  min-height:46px!important;height:46px!important;
  border:1px solid #9679e4!important;border-radius:11px!important;
  background:linear-gradient(112deg,#8d6ae8,#7555dc)!important;
  box-shadow:0 9px 17px color-mix(in srgb,var(--nv-accent) 16%,transparent)!important;
  font-size:12px!important;font-weight:760!important;
}
body.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard::before{display:none!important}
body.cpNativeV5 .cpLaunchScreen .cpSupported{max-width:100%;overflow-x:auto!important;padding-bottom:3px!important}
body.cpNativeV5 .cpLaunchScreen .cpSupported>span{color:var(--nv-soft)!important}
body.cpNativeV5 .cpLaunchScreen .cpSupported>b{background:var(--nv-elev)!important;color:var(--nv-dim)!important;border-color:var(--nv-stroke)!important}
body.cpNativeV5 .cpLaunchScreen .cpSettingsDisclosure{border-color:var(--nv-stroke);background:var(--nv-elev)}
body.cpNativeV5 .cpLaunchScreen .cpSettingsDisclosure>summary{color:var(--nv-text)}
body.cpNativeV5 .cpLaunchScreen .cpSettingsDetails{background:var(--nv-panel);border-color:var(--nv-stroke)}

/* Stage editor is a genuine screen; back + source summary + functional tabs. */
body.cpNativeV5 .cpNativeEditor{
  display:flex!important;flex-direction:column!important;
  width:100%!important;min-width:0!important;
  margin:0!important;padding:0!important;
  gap:11px!important;
  animation:cpStageEnter .22s ease-out both;
}
body.cpNativeV5 .cpNativeEditorHead{
  display:flex;align-items:center;gap:11px;min-height:46px;
  margin:0 0 2px;padding:0 2px;
}
body.cpNativeV5 .cpNativeBack{
  display:grid;place-items:center;
  width:39px;height:39px;min-width:39px;flex:0 0 39px;
  padding:0;border:1px solid var(--nv-stroke);
  border-radius:12px;background:var(--nv-panel);color:var(--nv-lilac);
  box-shadow:0 3px 9px var(--nv-shadow);
}
body.cpNativeV5 .cpNativeBack>.miniIcon{height:19px;width:19px;flex:0 0 19px}
body.cpNativeV5 .cpNativeEditorTitle{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}
body.cpNativeV5 .cpNativeEditorTitle>small{font:760 9px/1.4 Manrope,Inter,sans-serif;letter-spacing:.65px;color:var(--nv-lilac)}
body.cpNativeV5 .cpNativeEditorTitle>h2{font:780 19px/1.3 Manrope,Inter,sans-serif;letter-spacing:-.45px;color:var(--nv-text);margin:0}
body.cpNativeV5 .cpNativeDraftStatus{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 9px;border:1px solid var(--nv-stroke);border-radius:8px;
  color:var(--nv-lilac);background:var(--nv-select);
  font-size:10px;font-weight:720;
}
body.cpNativeV5 .cpNativeDraftStatus>span{height:6px;width:6px;border-radius:50%;background:var(--nv-lilac)}
body.cpNativeV5 .cpNativeSourceSummary{
  display:flex;align-items:center;gap:10px;padding:9px;
  min-height:63px;
  background:var(--nv-panel);border:1px solid var(--nv-stroke);
  border-radius:13px;
}
body.cpNativeV5 .cpNativeSourceThumb{
  display:grid;place-items:center;
  height:43px;width:43px;flex:0 0 43px;
  border-radius:10px;border:1px solid var(--nv-stroke);
  background:var(--nv-elev);overflow:hidden;
}
body.cpNativeV5 .cpNativeSourceThumb>img{display:block;width:100%;height:100%;object-fit:cover}
body.cpNativeV5 .cpNativeSourceInfo{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
body.cpNativeV5 .cpNativeSourceInfo>b{font:730 11.5px/1.35 Manrope,Inter,sans-serif;color:var(--nv-text)}
body.cpNativeV5 .cpNativeSourceInfo>small{font:460 10px/1.35 Manrope,Inter,sans-serif;color:var(--nv-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.cpNativeV5 .cpNativeChangeSource{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  min-height:34px;padding:0 9px;
  border:1px solid var(--nv-stroke);border-radius:9px;
  font:700 10px/1.3 Manrope,Inter,sans-serif;
  background:var(--nv-elev);color:var(--nv-lilac);
}
body.cpNativeV5 .cpNativeChangeSource>.miniIcon{height:12px;width:12px;flex:0 0 12px;transform:rotate(180deg)}
body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;padding:5px!important;
  min-height:55px!important;
  background:var(--nv-panel)!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:13px!important;
  box-shadow:0 3px 11px var(--nv-shadow)!important;
  position:sticky!important;top:calc(70px + env(safe-area-inset-top,0px))!important;z-index:42!important;
}
body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:3px!important;
  min-height:44px!important;margin:0!important;padding:5px 2px!important;
  border-radius:9px!important;border:1px solid transparent!important;
  font:680 10px/1.2 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;white-space:nowrap!important;
  background:transparent!important;box-shadow:none!important;
  position:relative;
}
body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button .miniIcon{height:16px;width:16px;flex-basis:16px}
body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button.is-active{
  background:linear-gradient(130deg,#8365dc,#654bc1)!important;
  color:#fff!important;border-color:#a588f4!important;
  box-shadow:0 5px 10px rgba(83,49,156,.16)!important;
}
body.cpNativeV5 .cpCreatorEditorTabs>button>small{
  position:absolute;top:2px;right:2px;
  font-size:8px!important;min-width:13px!important;height:13px!important;
  padding:0 2px!important;color:var(--nv-dim);
  background:var(--nv-elev);border-radius:4px;
}
body.cpNativeV5 .cpCreatorEditorTabs>button.is-active>small{color:#fff!important;background:rgba(255,255,255,.15)!important}
body.cpNativeV5 .cpNativeEditor .cpEditorPanels{
  overflow:hidden!important;border:1px solid var(--nv-stroke)!important;
  border-radius:16px!important;background:var(--nv-panel)!important;
  box-shadow:0 5px 18px var(--nv-shadow)!important;
}
body.cpNativeV5 .cpNativeEditor .cpEditorPanel{
  padding:15px!important;gap:13px!important;background:var(--nv-panel)!important;
  min-width:0!important;
  min-height:230px;
}
body.cpNativeV5 .cpNativeEditor .cpPanelHeading h3{font-size:14px!important;color:var(--nv-text)!important}
body.cpNativeV5 .cpNativeEditor .cpPanelHeading p{font-size:10px!important;color:var(--nv-dim)!important}
body.cpNativeV5 .cpNativeEditor .cpMediaPreview{min-height:205px!important;border-radius:12px!important}
body.cpNativeV5 .cpNativeEditor .cpFieldHeader>small{color:var(--nv-soft)!important}
body.cpNativeV5 .cpNativeEditor .cpNextStep{
  min-height:44px;flex:0 0 auto;
  border-color:var(--nv-selected-stroke)!important;border-radius:10px;
  background:var(--nv-select)!important;color:var(--nv-lilac)!important;
  font:740 11.5px/1.4 Manrope,Inter,sans-serif!important;
}
body.cpNativeV5 .cpNativeCaptionCanvas{
  border:1px solid var(--nv-stroke);border-radius:13px;
  background:var(--nv-elev);padding:9px;
}
body.cpNativeV5 .cpNativeCaptionCanvasHead{
  display:flex;align-items:center;gap:6px;padding:5px 5px 10px;
  color:var(--nv-dim);font:760 9px/1.4 Manrope,Inter,sans-serif;letter-spacing:.6px;
}
body.cpNativeV5 .cpNativeCaptionCanvasHead>.miniIcon{height:15px;width:15px;flex:0 0 15px;color:var(--nv-lilac)}
body.cpNativeV5 .cpNativeCaptionCanvasHead>small{margin-left:auto;color:var(--nv-soft);font-size:9px;letter-spacing:0}
body.cpNativeV5 .cpNativeCaptionCanvas textarea{
  border:0!important;border-radius:9px!important;
  background:var(--nv-panel)!important;color:var(--nv-text)!important;
  min-height:260px!important;padding:17px 14px!important;
  font:480 15px/1.7 Manrope,Inter,"Noto Sans Khmer",sans-serif!important;
  box-shadow:0 2px 9px var(--nv-shadow)!important;resize:vertical;
}
body.cpNativeV5 .cpNativeCaptionFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px 2px;color:var(--nv-soft);font-size:9px;line-height:1.4}
body.cpNativeV5 .cpNativeCaptionFoot>span{display:inline-flex;align-items:center;gap:5px}
body.cpNativeV5 .cpNativeCaptionFoot .miniIcon{height:13px;width:13px;flex-basis:13px;color:var(--nv-green)}
body.cpNativeV5 .cpNativeCaptionFoot>span:last-child{color:var(--nv-lilac);font-size:8px;font-weight:740;white-space:nowrap}
body.cpNativeV5 .cpNativeEditor .cpPagesPanel .cpPageList{max-height:min(48dvh,430px)!important}
body.cpNativeV5 .cpNativeEditor .miniPageRow.selected{background:var(--nv-select)!important;border-color:var(--nv-selected-stroke)!important}
body.cpNativeV5 .cpNativeEditor .cpPagesTip{background:var(--nv-elev)!important;border-color:var(--nv-stroke)!important;color:var(--nv-dim)!important}
body.cpNativeV5 .cpNativeEditor .cpPageToolbar #miniPageSelectionInfo{font-size:10px!important}
body.cpNativeV5 .cpNativeResults.panel.cpMiniCard{margin-top:8px!important}
body.cpNativeV5 .cpNativeResults .cpCardBody{padding:13px!important;gap:10px!important}
body.cpNativeV5 .cpNativeNewPost{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;margin:6px 0 0;padding:10px 12px;
  border:1px solid var(--nv-selected-stroke);border-radius:10px;
  background:var(--nv-select);color:var(--nv-lilac);
  font-size:11.5px;font-weight:760;
}
body.cpNativeV5 .cpNativeNewPost>.miniIcon{height:16px;width:16px;flex-basis:16px}
body.cpNativeV5 .cpNativeDock.cpPublishDock{
  min-height:71px;padding:10px 13px calc(10px + env(safe-area-inset-bottom,0px))!important;
  background:color-mix(in srgb,var(--nv-panel) 97%,transparent)!important;
  border-color:var(--nv-stroke)!important;
  box-shadow:0 -8px 22px var(--nv-shadow)!important;
}
body.cpNativeV5 .cpNativeDock .cpDockSummary strong{font-size:11px!important;color:var(--nv-text)!important}
body.cpNativeV5 .cpNativeDock .cpDockSummary small{font-size:10px!important;color:var(--nv-dim)!important}
body.cpNativeV5 .cpNativeDock .publishBtn{background:linear-gradient(115deg,#8b67e7,#6a4dcc)!important}
body.cpNativeV5 .cpNativeDock.hidden{display:none!important}

@media(max-width:390px){
 body.cpNativeV5 .cpMiniScroll.content{padding-inline:10px!important;gap:0!important}
 body.cpNativeV5 .cpLaunchScreen{gap:12px}
 body.cpNativeV5 .cpNativeWelcome h1{font-size:20px}
 body.cpNativeV5 .cpNativeWelcomeGlyph{height:42px;width:42px;min-width:42px;flex-basis:42px}
 body.cpNativeV5 .cpNativePostChoice{padding:10px;gap:9px;min-height:89px}
 body.cpNativeV5 .cpNativeChoiceMark{width:55px;height:55px;flex-basis:55px}
 body.cpNativeV5 .cpNativeChoiceMark img{width:53px;height:53px}
 body.cpNativeV5 .cpNativeChoiceText>b{font-size:14px}
 body.cpNativeV5 .cpNativeAccountMetrics>div{padding:8px 7px;gap:6px}
 body.cpNativeV5 .cpNativeAccountMetrics small{font-size:8.5px}
 body.cpNativeV5 .cpNativeEditor .cpEditorPanel{padding:12px!important}
 body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button{font-size:9.5px!important}
 body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button>.miniIcon{height:15px;width:15px;flex-basis:15px}
 body.cpNativeV5 .cpNativeSourceSummary{padding:8px}
}
@media(max-width:335px){
 body.cpNativeV5 .cpNativeWelcome h1{font-size:18.5px}
 body.cpNativeV5 .cpNativeSectionTitle small{font-size:7.5px}
 body.cpNativeV5 .cpNativeAccountMetrics strong{font-size:14px}
 body.cpNativeV5 .cpNativeAccountMetrics small{font-size:7.5px}
 body.cpNativeV5 .cpNativeChoiceText>span{font-size:9px}
 body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button{font-size:9px!important}
 body.cpNativeV5 .cpNativeSourceInfo>small{font-size:9px}
 body.cpNativeV5 .cpNativeChangeSource{padding:0 6px}
}
@media(prefers-reduced-motion:reduce){
 body.cpNativeV5 .cpLaunchScreen,body.cpNativeV5 .cpNativeEditor{animation:none!important}
 body.cpNativeV5 *,body.cpNativeV5 *::before,body.cpNativeV5 *::after{scroll-behavior:auto!important}
}

/* Focus repair — Source link in Telegram / Chrome / iOS Safari.
   The wrapper is the single accessible focus indicator. The global Web style
   was adding a second rectangular 2px focus-visible outline to its child input,
   creating the ugly overlapping violet rectangle shown in the report. */
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpCreatorUrlField > input#sourceUrl:is(:focus,:focus-visible){
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpCreatorUrlField:focus-within{
  border-color:var(--nv-accent)!important;
  box-shadow:0 0 0 2.5px color-mix(in srgb,var(--nv-accent) 24%,transparent)!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpCreatorUrlField:focus-within > .cpUrlIcon{
  border-color:color-mix(in srgb,var(--nv-accent) 24%,var(--nv-stroke))!important;
}

/* CamboPost Mini App — Crystal Lavender Get Media motion v6 (2026-10-20)
   Inspired by the real CamboPost Web login: illuminated lavender sweep and
   quiet glass/rim highlight, not a dim disabled button with a dark spinner.
   Visual-only, tied to the original asynchronous real Media resolver. */
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:50px!important;height:50px!important;
  gap:9px!important;padding:0 13px!important;
  background:linear-gradient(107deg,#895ee4 0%,#a075ef 45%,#7557d5 100%)!important;
  color:#fff!important;
  border:1px solid #ae92f7!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 9px 20px rgba(109,78,196,.23)!important;
  overflow:hidden!important;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton::before{
  content:""!important;
  position:absolute!important;z-index:1!important;
  inset:0!important;width:100%!important;height:100%!important;
  opacity:1!important;
  filter:opacity(0);
  pointer-events:none!important;
  transform:none!important;
  background:linear-gradient(107deg,transparent 15%,rgba(255,255,255,.10) 26%,rgba(255,255,255,.73) 44%,rgba(255,255,255,.11) 58%,transparent 72%)!important;
  background-size:290% 100%!important;
  background-position:100% 50%;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton::after{
  content:""!important;
  display:block!important;
  position:absolute!important;z-index:0!important;inset:0!important;
  border-radius:inherit!important;pointer-events:none!important;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.17) 38%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.12) 62%,transparent 85%)!important;
  background-size:265% 100%!important;
  opacity:.17!important;
  animation:cpMiniMediaAurora 4.4s ease-in-out infinite!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton>span{
  position:relative;z-index:2;
  margin:0!important;
}
body.cpNativeV5 .cpGetMediaIdleIcon{
  display:grid;place-items:center;
  width:30px;height:30px;min-width:30px;flex:0 0 30px;
  color:#fff;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);border-radius:9px;
}
body.cpNativeV5 .cpGetMediaIdleIcon .miniIcon{width:15px;height:15px;flex-basis:15px;fill:rgba(255,255,255,.18)}
body.cpNativeV5 .cpGetMediaIdleLabel{
  flex:1 1 auto!important;min-width:0!important;
  font:770 12.5px/1.4 Manrope,Inter,sans-serif;
  letter-spacing:.15px;color:#fff;text-align:center;
}
body.cpNativeV5 .cpGetMediaIdleArrow{
  display:grid;place-items:center;width:29px;height:29px;min-width:29px;flex:0 0 29px;
  border-radius:9px;color:#fff;background:rgba(255,255,255,.11);
}
body.cpNativeV5 .cpGetMediaIdleArrow .miniIcon{
  width:15px;height:15px;flex-basis:15px;transform:rotate(180deg)!important;
  transition:transform .2s ease!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton:active:not(:disabled){
  border-color:#d0bbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 0 3px rgba(165,124,237,.18),0 10px 23px rgba(115,79,214,.28)!important;
  filter:brightness(1.06)!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton:active:not(:disabled)::before{
  animation:cpMiniMediaLavenderSweep 1.1s ease-out 1 both!important;
}

/* Busy state remains luminous even though native disabled rules normally set
   opacity:.53!important. No fabricated progress percentage or fake completion. */
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching:disabled{
  opacity:1!important;
  filter:none!important;
  cursor:progress!important;
  min-height:50px!important;height:50px!important;
  padding:0 11px!important;
  color:#fff!important;
  border-color:#cbb3ff!important;
  background:linear-gradient(104deg,#8058da 0%,#ae77ed 48%,#7555d5 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40),0 0 0 2px rgba(159,112,237,.14),0 0 22px rgba(137,90,224,.28),0 11px 23px rgba(90,58,187,.26)!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching::before{
  animation:cpMiniMediaLavenderSweep 2.35s ease-in-out infinite!important;
}
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching::after{
  opacity:.36!important;
  animation:cpMiniMediaAurora 2.5s ease-in-out infinite!important;
}
body.cpNativeV5 .cpMediaFetchMark{
  display:grid;place-items:center;
  position:relative;
  flex:0 0 34px;width:34px;height:34px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(255,255,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 0 14px rgba(230,207,255,.27);
}
body.cpNativeV5 .cpMediaFetchMark::before{
  content:"";position:absolute;inset:-3px;
  border:1px solid rgba(242,228,255,.70);border-radius:13px;
  opacity:0;pointer-events:none;
  animation:cpMiniMediaMarkPulse 2.5s ease-out infinite;
}
body.cpNativeV5 .cpMediaFetchMark>img{
  display:block;width:27px;height:27px;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(31,13,89,.20));
  animation:cpMiniMediaMarkFloat 2.5s ease-in-out infinite;
}
body.cpNativeV5 .cpMediaFetchCopy{
  display:flex;flex-direction:column;justify-content:center;
  flex:1 1 auto;min-width:0;gap:1px;
  text-align:left;
}
body.cpNativeV5 .cpMediaFetchCopy>strong{
  font:790 12px/1.26 Manrope,Inter,sans-serif!important;
  color:#fff!important;white-space:nowrap;
  letter-spacing:.05px;
}
body.cpNativeV5 .cpMediaFetchCopy>small{
  font:550 9px/1.38 Manrope,Inter,sans-serif!important;
  color:rgba(255,255,255,.88)!important;
  white-space:nowrap;
  letter-spacing:.07px;
}
body.cpNativeV5 .cpMediaFetchSignal{
  display:flex;align-items:flex-end;justify-content:center;gap:4px;
  flex:0 0 30px;height:15px;
  width:30px;min-width:30px;padding:0 2px 3px;
}
body.cpNativeV5 .cpMediaFetchSignal>i{
  display:block;flex:0 0 5px;width:5px;height:5px;
  border-radius:50%;background:#fff;opacity:.45;
  animation:cpMiniMediaSignal 1.25s ease-in-out infinite;
}
body.cpNativeV5 .cpMediaFetchSignal>i:nth-child(2){animation-delay:.16s}
body.cpNativeV5 .cpMediaFetchSignal>i:nth-child(3){animation-delay:.32s}
body.cpNativeV5 .cpMediaFetchProgress{
  display:block!important;
  position:absolute!important;z-index:3!important;
  left:10px!important;right:10px!important;bottom:0!important;
  height:2px;width:auto;margin:0!important;
  overflow:hidden;pointer-events:none;
  border-radius:99px;background:rgba(255,255,255,.15);
}
body.cpNativeV5 .cpMediaFetchProgress>i{
  display:block;width:32%;height:100%;border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  box-shadow:0 0 7px rgba(252,245,255,.60);
  transform:translateX(-110%);
  animation:cpMiniMediaProgress 1.65s ease-in-out infinite;
}

/* Tiny activity on genuine Web crystal artwork, selection feedback and source
   heading. Keep movement to DECORATION only; inputs and cards stay fixed. */
body.cpNativeV5 .cpNativeChoiceMark>img,
body.cpNativeV5 .cpNativeWelcomeGlyph>img,
body.cpNativeV5 .cpNativeMetricArtwork>img,
body.cpNativeV5 .cpCrystalWeb>img{
  transform:translateZ(0);
  transition:transform .27s ease,filter .27s ease!important;
}
body.cpNativeV5 .cpNativeChoiceSelected{
  isolation:isolate;position:relative;
  box-shadow:0 3px 8px rgba(111,72,207,.20);
}
body.cpNativeV5 .cpNativeChoiceSelected::after{
  content:"";position:absolute;inset:-4px;
  border:1px solid color-mix(in srgb,var(--nv-accent) 68%,transparent);
  border-radius:50%;pointer-events:none;opacity:0;
  animation:cpMiniSelectedAura 5s ease-out infinite;
}
body.cpNativeV5 .cpNativeChoiceTag>span{
  animation:cpMiniConnectedDot 4s ease-in-out infinite;
}
body.cpNativeV5 .cpNativePostChoice:active .cpNativeChoiceMark>img{
  transform:scale(.96) rotate(-2deg)!important;
}
body.cpNativeV5 .cpCreatorSourceCard.cpMediaWorking{
  border-color:color-mix(in srgb,var(--nv-lilac) 55%,var(--nv-stroke))!important;
  box-shadow:0 7px 24px rgba(122,82,213,.12)!important;
}
body.cpNativeV5 .cpCreatorSourceCard.cpMediaWorking .cpCardTitle .cpCrystalWeb>img{
  animation:cpMiniMediaCrystalGlow 2.5s ease-in-out infinite!important;
}
body.cpNativeV5 .cpCreatorUrlField:focus-within .cpUrlIcon>.miniIcon{
  filter:drop-shadow(0 0 4px rgba(179,138,239,.38));
  transition:filter .2s ease;
}
body.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button.is-active .miniIcon{
  animation:cpMiniTabGlyphAppear .45s ease-out 1;
}
body.cpNativeV5 .cpNativeEditor .miniPageRow.selected .miniPageCheckmark>.miniIcon{
  animation:cpMiniTabGlyphAppear .38s ease-out 1;
}

@media(hover:hover) and (pointer:fine){
  body.cpNativeV5 .cpNativePostChoice:hover .cpNativeChoiceMark>img,
  body.cpNativeV5 .cpNativeMetricArtwork:hover>img,
  body.cpNativeV5 .cpNativeWelcomeGlyph:hover>img{
    transform:translateY(-2px) scale(1.04)!important;
    filter:drop-shadow(0 3px 5px rgba(129,84,228,.14));
  }
  body.cpNativeV5 .cpCreatorSourceCard:not(.cpMediaWorking) .cpCardTitle .cpCrystalWeb:hover>img{
    transform:rotate(-4deg) scale(1.07)!important;
  }
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton:hover:not(:disabled){
    filter:brightness(1.065)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 2px rgba(167,130,242,.13),0 12px 24px rgba(111,78,212,.28)!important;
  }
  body.cpNativeV5.miniStudioV3 .cpGetMediaButton:hover:not(:disabled) .cpGetMediaIdleArrow>.miniIcon{
    transform:translateX(3px) rotate(180deg)!important;
  }
}

@keyframes cpMiniMediaLavenderSweep{
  0%{filter:opacity(0);background-position:100% 50%}
  20%{filter:opacity(.78)}
  65%{filter:opacity(.66)}
  100%{filter:opacity(0);background-position:0% 50%}
}
@keyframes cpMiniMediaAurora{
  0%,12%{background-position:100% 50%;opacity:.12}
  50%{opacity:.44}
  87%,100%{background-position:0% 50%;opacity:.12}
}
@keyframes cpMiniMediaMarkPulse{
  0%,10%{transform:scale(.91);opacity:0}
  28%{opacity:.52}
  72%{opacity:.2;transform:scale(1.09)}
  100%{opacity:0;transform:scale(1.12)}
}
@keyframes cpMiniMediaMarkFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1.5px)}
}
@keyframes cpMiniMediaSignal{
  0%,75%,100%{opacity:.35;transform:translateY(0)}
  38%{opacity:1;transform:translateY(-3px)}
}
@keyframes cpMiniMediaProgress{
  0%{transform:translateX(-110%)}
  100%{transform:translateX(335%)}
}
@keyframes cpMiniSelectedAura{
  0%,55%{opacity:0;transform:scale(.93)}
  70%{opacity:.48}
  100%{opacity:0;transform:scale(1.20)}
}
@keyframes cpMiniConnectedDot{
  0%,100%{opacity:.8}
  50%{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--nv-lilac) 13%,transparent)}
}
@keyframes cpMiniMediaCrystalGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(178,129,244,0));transform:translateY(0)}
  50%{filter:drop-shadow(0 0 5px rgba(174,129,242,.33));transform:translateY(-1px)}
}
@keyframes cpMiniTabGlyphAppear{
  0%{opacity:.55;transform:scale(.84)}
  70%{opacity:1;transform:scale(1.09)}
  100%{transform:scale(1)}
}

@media(max-width:350px){
  body.cpNativeV5 .cpMediaFetchMark{width:31px;height:31px;flex-basis:31px}
  body.cpNativeV5 .cpMediaFetchMark>img{width:25px;height:25px}
  body.cpNativeV5 .cpMediaFetchCopy>strong{font-size:11.5px!important}
  body.cpNativeV5 .cpMediaFetchCopy>small{font-size:8.5px!important}
  body.cpNativeV5 .cpMediaFetchSignal{flex-basis:25px;min-width:25px;gap:3px}
}
@media(prefers-reduced-motion:reduce){
  body.cpNativeV5 .cpGetMediaButton::before,
  body.cpNativeV5 .cpGetMediaButton::after,
  body.cpNativeV5 .cpMediaFetchMark::before,
  body.cpNativeV5 .cpMediaFetchMark>img,
  body.cpNativeV5 .cpMediaFetchSignal>i,
  body.cpNativeV5 .cpMediaFetchProgress>i,
  body.cpNativeV5 .cpNativeChoiceSelected::after,
  body.cpNativeV5 .cpNativeChoiceTag>span,
  body.cpNativeV5 .cpCreatorSourceCard.cpMediaWorking .cpCardTitle .cpCrystalWeb>img,
  body.cpNativeV5 .cpCreatorEditorTabs>button.is-active .miniIcon,
  body.cpNativeV5 .miniPageRow.selected .miniPageCheckmark>.miniIcon{
    animation:none!important;
  }
  body.cpNativeV5 .cpGetMediaButton::before{filter:opacity(0)!important}
  body.cpNativeV5 .cpGetMediaButton::after{opacity:.16!important}
  body.cpNativeV5 .cpMediaFetchProgress>i{transform:translateX(90%)!important}
}

/* The busy button's high-specificity !important animation declarations must
   also be defeated for system Reduce Motion (including Telegram's webview). */
@media(prefers-reduced-motion:reduce){
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching::before,
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching::after,
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton:active:not(:disabled)::before{
    animation:none!important;
  }
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching::before{
    filter:opacity(0)!important;
  }
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching::after{
    opacity:.14!important;
  }
}

/* Independently moving crystal-white beam, like CamboPost Web Login press.
   A real DOM decoration avoids old pseudo-element !important collisions. */
body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching>.cpMediaFetchBeam{
  display:block!important;position:absolute!important;
  left:-30%!important;top:-55%!important;
  width:31%!important;height:210%!important;
  z-index:1!important;
  margin:0!important;
  border-radius:18px!important;
  pointer-events:none!important;
  opacity:0;
  transform:translateX(0) rotate(17deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 20%,rgba(255,255,255,.52) 48%,rgba(255,255,255,.09) 80%,transparent);
  filter:blur(1px);
  animation:cpMiniMediaBeamTravel 2.6s ease-in-out infinite!important;
}
@keyframes cpMiniMediaBeamTravel{
  0%,8%{opacity:0;transform:translateX(0) rotate(17deg)}
  27%{opacity:.46}
  68%{opacity:.33}
  89%,100%{opacity:0;transform:translateX(500%) rotate(17deg)}
}
@media(prefers-reduced-motion:reduce){
  body.cpNativeV5.miniStudioV3 .cpLaunchScreen .cpGetMediaButton.cpMediaFetching>.cpMediaFetchBeam{
    animation:none!important;opacity:0!important;
  }
}