/* Generated UI priority; edit design-system/pixelixe.css. */
/*
 * PIXELIXE / CREATIVE SYSTEM 2026
 * Single source of truth for the complete site's UI.
 * 01 tokens; 02 navigation/actions; 03 heroes; 04 sections/cards;
 * 05 creative specimens; 06 working tools; 07 blog; 08 documentation;
 * 09 responsive and motion. Legacy compatibility is bundled before this file.
 */
@font-face { font-family: Poppins; src: url('../poppins-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Poppins; src: url('../poppins-bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: Audiowide; src: url('../audiowide-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }

/* 01 — Design tokens. Changing these updates every family. */
body:is(#pxx-ui-priority,.pxx-site) {
  --ui-paper: #fcfaf6; --ui-white: #fffefb; --ui-ink: #27222f;
  --ui-muted: #71677b; --ui-violet: #7145df; --ui-violet-dark: #5631b9;
  --ui-lilac: #eee5fc; --ui-lime: #d8ef9e; --ui-peach: #f6dfcf;
  --ui-coral: #ed947f; --ui-mint: #edf1db; --ui-line: #e3dce8;
  --ui-radius: 22px; --ui-shadow: 0 16px 40px #39214b0e;
  --ui-width: 1376px; --ui-font: Poppins, Arial, sans-serif;
  --ui-reading-size: 14px; --ui-reading-leading: 1.85; --ui-reading-measure: 78ch;
  --paper: var(--ui-paper); --ink: var(--ui-ink); --muted: var(--ui-muted);
  --purple: var(--ui-violet); --purple-dark: var(--ui-violet-dark);
  --line: var(--ui-line); --font: var(--ui-font);
  --v31-bg: var(--ui-paper); --v31-surface: var(--ui-white); --v31-surface-alt: #f5f0fc;
  --v31-ink: var(--ui-ink); --v31-muted: var(--ui-muted); --v31-line: var(--ui-line);
  --v31-blue: var(--ui-violet); --v31-orange: var(--ui-coral); --v31-footer: #2b2337;
  --v31-shadow: var(--ui-shadow); --v31-shadow-soft: var(--ui-shadow);
  --pxx-blue: #7251da; --pxx-violet: #9461e3; --pxx-magenta: #c54fa1;
  --pxx-grad: linear-gradient(120deg, #7550df, #bc4b9c 70%, #e37e79);
  --v3-ink: var(--ui-ink); --v3-muted: var(--ui-muted); --v3-line: var(--ui-line);
  --v3-blue: var(--ui-violet); --v3-orange: var(--ui-coral); --v3-sand: var(--ui-peach);
  --v3-sky: #f0e9fc; --v3-blush: #fbeae9;
  background: var(--ui-paper) !important; color: var(--ui-ink) !important;
  font: 400 var(--ui-reading-size)/var(--ui-reading-leading) var(--ui-font) !important; margin: 0 !important; padding-top: 0 !important;
  overflow-wrap: break-word; -webkit-font-smoothing: antialiased;
}
body:is(#pxx-ui-priority,.pxx-site) *, body:is(#pxx-ui-priority,.pxx-site) *::before, body:is(#pxx-ui-priority,.pxx-site) *::after { box-sizing: border-box; }
/* A low-priority baseline preserves intentional cover crops and tool sizing. */
body:where(:is(#pxx-ui-priority,.pxx-site)) img { max-width: 100%; height: auto; object-fit: contain; }
body:is(#pxx-ui-priority,.pxx-site) .ui-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 1em; height: 1em; vertical-align: -.12em; font-style: normal; line-height: 1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-icon::before,body:is(#pxx-ui-priority,.pxx-site) .ui-icon::after { content: none !important; display: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-icon > .ui-icon-vector { display: block; width: 100%; height: 100%; overflow: visible; }
body:is(#pxx-ui-priority,.pxx-site) :is(h1,h2,h3,h4,h5,h6) { font-family: var(--ui-font) !important; font-weight: 700 !important; color: var(--ui-ink); text-wrap: balance; }
body:is(#pxx-ui-priority,.pxx-site) :is(p,li,dd) { text-wrap: pretty; }
body:is(#pxx-ui-priority,.pxx-site) :is(button,input,textarea,select) { font-family: var(--ui-font); }
body:is(#pxx-ui-priority,.pxx-site) .container { width: min(100%, var(--ui-width)) !important; max-width: var(--ui-width) !important; padding-inline: 48px !important; margin-inline: auto !important; }
body:is(#pxx-ui-priority,.pxx-site) :is(a,button,input,summary):focus-visible { outline: 3px solid #986dea !important; outline-offset: 4px; }
body:is(#pxx-ui-priority,.pxx-site) ::selection { background: #dcccfa; color: #382451; }
body:is(#pxx-ui-priority,.pxx-site) a { transition: color .18s, background .18s, border-color .18s, box-shadow .18s; }
body:is(#pxx-ui-priority,.pxx-site) :is(pre,code,kbd,samp) { font-family: 'SFMono-Regular', Consolas, monospace; }
body:is(#pxx-ui-priority,.pxx-site) .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* 02 — Navigation and actions, shared by legacy and approved V3 pages. */
body:is(#pxx-ui-priority,.pxx-site) nav.ui-navbar { position: sticky !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 200; width: 100% !important; min-height: 82px; padding: 0 !important; margin: 0 !important; border: 0; border-bottom: 1px solid var(--ui-line); border-radius: 0 !important; background: #fcfaf6f2 !important; backdrop-filter: blur(18px); box-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar > .container { display: flex; align-items: center; justify-content: space-between; min-height: 82px; gap: 24px; position: relative; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar > .container::before,body:is(#pxx-ui-priority,.pxx-site) .ui-navbar > .container::after { content: none !important; display: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ui-ink) !important; float: none; margin: 0; padding: 0; flex-shrink: 0; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-brand :is(label,span) { font: 400 20px/1 Audiowide,sans-serif !important; letter-spacing: 0 !important; color: var(--ui-ink) !important; cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-brand img { max-width: 34px !important; max-height: 36px !important; width: 34px !important; object-fit: contain; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-collapse { position: static; float: none; margin: 0; padding: 0; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar > .container > #collapsingNavbar { position: static; flex: 0 1 auto; width: auto !important; margin-left: auto !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav { display: flex; align-items: center; gap: 23px; margin: 0; padding: 0; list-style: none; float: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav > li { margin: 0 !important; float: none; position: relative; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar :is(.nav-link,.navbar-nav > li > a) { color: #57505f !important; font: 400 12px/1.4 var(--ui-font) !important; padding: 12px 0; text-decoration: none; white-space: nowrap; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .nav-link:hover { color: var(--ui-violet) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .home-trial-nav { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; background: var(--ui-violet) !important; color: white !important; padding: 11px 18px !important; border-radius: 100px !important; font-size: 10px !important; font-weight: 700 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav > li > a.home-trial-nav { color: #fff !important; font-size: 10px !important; font-weight: 700 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown-menu { display: none; position: absolute; top: calc(100% + 6px); left: -24px; width: 350px; max-width: min(90vw,420px); max-height: 76vh; overflow-y: auto; padding: 20px !important; border: 1px solid var(--ui-line) !important; border-radius: 18px !important; background: #fffefc !important; box-shadow: 0 18px 50px #3221441c !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown.open > .dropdown-menu { display: block !important; animation: ui-menu-enter .18s ease-out; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav > .dropdown:nth-last-child(-n+3) .dropdown-menu { left: auto; right: -16px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown-menu :is(a,.v3-nav-dropdown-link) { display: block; color: var(--ui-ink) !important; border-radius: 9px; padding: 10px 9px; font-size: 12px; white-space: normal; line-height: 1.6; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown-menu a:hover { background: #f3edfc !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown-menu :is(strong,b) { font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown-menu span { color: #8b7b99; font-size: 10px; line-height: 1.6; }
body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-toggler { display: none; }
body:is(#pxx-ui-priority,.pxx-site) .bubbly-button, body:is(#pxx-ui-priority,.pxx-site) .pricing-v31-card-link { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 52px !important; max-width: 100%; padding: 14px 21px !important; border: 1px solid transparent !important; border-radius: 12px !important; color: #fff !important; background: var(--ui-violet) !important; box-shadow: 0 6px 0 #e8ddfa; font: 700 12px/1.5 var(--ui-font) !important; text-align: center; text-decoration: none !important; vertical-align: middle; cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site) .bubbly-button :is(.labeldiv,.bubblediv) { float: none !important; font-size: inherit !important; font-family: inherit !important; line-height: inherit !important; padding: 0 !important; width: auto !important; }
body:is(#pxx-ui-priority,.pxx-site) .bubbly-button .labeldiv { display: flex !important; align-items: center; justify-content: center; gap: 16px; }
body:is(#pxx-ui-priority,.pxx-site) .bubbly-button .bubblediv { font-size: 17px !important; min-height: 0 !important; height: auto !important; position: static !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site) .bubbly-button::before,body:is(#pxx-ui-priority,.pxx-site) .bubbly-button::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .bubbly-button:hover { color: white !important; background: var(--ui-violet-dark) !important; box-shadow: 0 7px 0 #e3d4f9; }
body:is(#pxx-ui-priority,.pxx-site) :is(.pxx-cta-row,.v3-creative-hero-actions,.v3-dev-hero-actions,.about-cta-row) { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 25px; }
body:is(#pxx-ui-priority,.pxx-site) :is(.pxx-cta-row,.v3-creative-hero-actions,.v3-dev-hero-actions) > .bubbly-button:nth-child(n+2) { color: var(--ui-ink) !important; background: #ffffffb3 !important; border-color: #d9cfe6 !important; box-shadow: none; }
body:is(#pxx-ui-priority,.pxx-site) :is(.v3-card-link,.pxx-card-link,.v3-inline-link) { font-weight: 700; color: var(--ui-violet); text-underline-offset: 4px; }

/* 03 — Heroes: several layouts, one visual grammar. */
body:is(#pxx-ui-priority,.pxx-site) .ui-hero { position: relative; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; isolation: isolate; margin: 0 !important; padding: 56px 0 65px !important; color: var(--ui-ink) !important; background: radial-gradient(ellipse at 95% 14%, #eee3fb, transparent 47%), radial-gradient(ellipse at 2% 100%, #fcebdd, transparent 43%), var(--ui-paper) !important; overflow: clip; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero > .container { padding-block: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) header.ui-hero > div.container { display: block !important; width: min(100%,var(--ui-width)) !important; max-width: var(--ui-width) !important; padding-inline: 48px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero :is(.ui-hero-shell,.pxx-hero-shell,.v3-dev-hero-shell,.v3-creative-hero-shell,.v3-hero-shell,.about-hero-shell,.v3-effects-hero-shell) { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-grid { display: grid !important; grid-template-columns: minmax(0,1.04fr) minmax(0,1fr) !important; align-items: center; gap: 54px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-grid::after,body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-grid::before { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-grid > :is(.ui-hero-copy,.ui-hero-art) { width: 100% !important; min-width: 0; max-width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy { position: relative; z-index: 2; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero h1 { max-width: 760px; margin: 18px 0 22px !important; font-size: clamp(43px,4.8vw,69px) !important; line-height: 1.08 !important; letter-spacing: -.055em !important; color: var(--ui-ink) !important; text-align: left !important; text-wrap: balance; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero h1 :is(.ui-hero-gradient,.v3-hero-gradient,b,strong,.crop-title-gradient,.scale-title-gradient) { color: #9351bd !important; background: linear-gradient(120deg,#7145df,#a743b0 65%,#db797d) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; font-family: inherit !important; letter-spacing: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-title-accent { display: block; width: 67%; max-width: 310px; height: 28px; margin-top: 8px; color: #aa77d8; overflow: visible; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy :is(p,.lead,.pxx-lead),body:is(#pxx-ui-priority,.pxx-site) .ui-hero :is(.v3-dev-hero-copy,.v3-creative-hero-copy,.about-lead) { max-width: 570px !important; margin: 18px 0 !important; font-size: var(--ui-reading-size) !important; line-height: 1.9 !important; color: var(--ui-muted) !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy > small { display: block; margin-top: 18px; color: #8c7b98; font-size: 11px !important; }
body:is(#pxx-ui-priority,.pxx-site) :is(.pxx-eyebrow,.v3-dev-eyebrow,.v3-creative-eyebrow,.about-kicker) { display: inline-flex; align-items: center; gap: 8px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: #84639a !important; background: none !important; box-shadow: none !important; font: 700 10px/1.7 var(--ui-font) !important; letter-spacing: 1.1px !important; text-transform: uppercase; }
body:is(:is(#pxx-ui-priority,.pxx-site),[data-ui-hero-labels]) .ui-hero-eyebrow { display: none !important; }
body:is(#pxx-ui-priority,.pxx-site) :is(.pxx-chip-row,.v3-dev-chip-row,.v3-creative-chip-row) { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 22px; }
body:is(#pxx-ui-priority,.pxx-site) :is(.pxx-chip,.v3-dev-chip,.v3-creative-chip) { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px !important; border: 1px solid #e0d4ed !important; border-radius: 100px !important; font: 400 10px/1.4 var(--ui-font) !important; color: #756282 !important; background: #fffc !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero :is(.v3-dev-hero-note,.pxx-note) { font-size: 11px !important; line-height: 1.8 !important; color: #86788d !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy > .pxx-note { font-size: 11px !important; line-height: 1.8 !important; color: #86788d !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art { position: relative; isolation: isolate; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art :is(.ui-hero-media-frame,.pxx-hero-card,.v3-dev-hero-visual,.v3-hero-media-frame,.v3-creative-hero-visual) { padding: 12px !important; background: #fffdfa !important; border: 1px solid #e1d4eb !important; border-radius: 18px !important; box-shadow: 0 17px 38px #38224d16 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art :is(img,video) { max-width: 100%; height: auto; border-radius: 9px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art :is(.ui-hero-media-frame,.pxx-hero-card,.v3-dev-hero-visual,.v3-hero-media-frame,.v3-creative-hero-visual) > :is(img,video) { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 480px; object-fit: contain; margin-inline: auto; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art > :is(img,video) { width: 100% !important; height: auto !important; border: 8px solid white; border-radius: 14px; box-shadow: 0 16px 38px #38224d17; transform: rotate(-2deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art .pxx-related-links { display: flex; gap: 8px 16px; flex-wrap: wrap; padding-top: 17px; font-size: 10px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art .pxx-note { margin-bottom: 0; padding-top: 8px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art { padding-bottom: 80px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen { position: absolute; right: -9px; bottom: -35px; width: 43%; max-width: 230px; height: 230px; z-index: 3; pointer-events: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art:has(.ui-hero-proof-row) > .ui-specimen { bottom: 104px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-mini { display: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-poster { width: 80%; height: 85%; left: 13%; top: 2%; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-poster strong { font-size: 25px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-poster strong { left: 8%; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-stamp { width: 42px; height: 42px; font-size: 7px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-brand { font-size: 6px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-swatch { width: 110px; height: 34px; left: -15%; bottom: 12%; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-swatch i { width: 17px; height: 17px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-spark { width: 38px; height: 38px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art { min-height: 440px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art > img { position: absolute; width: 47% !important; max-width: 260px !important; top: 5px; left: -3px; z-index: 4; margin: 0 !important; padding: 0; transform: rotate(-9deg); background: white; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-centered { max-width: 1060px !important; margin-inline: auto; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-centered h1 { max-width: 950px; margin-inline: auto !important; text-align: center !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-hero-centered .ui-title-accent { margin-inline: auto; }
body:is(#pxx-ui-priority,.pxx-site) .ui-live-tool .ui-hero-grid { grid-template-columns: minmax(0,1fr) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-live-tool .ui-hero-copy { max-width: 920px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-live-tool h1 { max-width: 950px; }

/* 04 — Rhythm, surfaces, cards and structured editorial content. */
body:is(#pxx-ui-priority,.pxx-site) .ui-section { padding: 86px 0 !important; margin: 0 !important; border-block: 0 !important; color: var(--ui-ink) !important; background: var(--ui-paper) !important; background-image: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section[data-ui-tone='lavender'] { background: var(--ui-lilac) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section[data-ui-tone='mint'] { background: var(--ui-mint) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section[data-ui-tone='peach'] { background: #f7e9df !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section > .container { padding-block: 0 !important; margin-block: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section > .container > p { max-width: 880px; padding: 0 !important; margin: 0 auto 32px !important; font-size: var(--ui-reading-size) !important; line-height: 1.9 !important; color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .wp { visibility: visible !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section h2 { font-size: clamp(28px,3.3vw,44px) !important; line-height: 1.2 !important; letter-spacing: -.045em !important; max-width: 1000px; margin: 0 auto 25px; padding-top: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(h2,h3,h4) :is(b,strong,span):not(.label) { font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.v3-hero-gradient,.grey-span) { color: #8c50c7 !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.lead,.v3-section-intro,p.container-main-h2) { max-width: 880px; font: 400 var(--ui-reading-size)/1.9 var(--ui-font) !important; color: var(--ui-muted) !important; margin: 0 auto 32px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.card,.v3-feature-card,.v3-hub-card,.v3-step-card,.tech-card,.summary-card,.pxx-workflow-card,.pxx-resource-card,.about-mini-card,.faq-qa-card,.v3-summary-card) { min-width: 0; border: 1px solid #ded6e588 !important; border-radius: var(--ui-radius) !important; background: #fffdfa !important; box-shadow: var(--ui-shadow) !important; color: var(--ui-ink) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.v3-feature-card,.v3-step-card,.ui-card) { padding: 28px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.card-title,.v3-card-title,h3) { color: var(--ui-ink) !important; font-size: 22px !important; line-height: 1.35 !important; letter-spacing: -.7px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-card :is(h3,h4) { font-size: 20px !important; line-height: 1.4 !important; margin: 0 0 14px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-card p { font-size: 13px !important; line-height: var(--ui-reading-leading) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-card .v3-summary-icon { display: inline-grid; place-items: center; width: 46px !important; height: 46px !important; font-size: 20px !important; margin-bottom: 16px !important; }
body:is(#pxx-ui-priority,.pxx-site) .v3-summary-icon .ui-icon { font-size: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.card-text,.v3-card-copy,.card-subtitle) { font-size: 13px !important; line-height: 1.9 !important; color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .card { overflow: hidden; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.card-block,.card-body) { padding: 25px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-card-shell { padding: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-text-card { height: auto !important; min-height: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-text-card :is(.card-block,.card-body) { height: auto !important; min-height: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-text-card .card-subtitle { height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 8px 0 14px !important; border: 0 !important; line-height: 1.5 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-text-card .card-subtitle::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.pxx-step-badge,.ui-ordinal-badge) { display: inline-grid; place-items: center; width: 44px !important; height: 44px !important; min-height: 0 !important; padding: 0 !important; margin: 0 auto 16px !important; color: #7042b9 !important; background: #ece1fb !important; border: 1px solid #d7c5ef !important; border-radius: 12px !important; box-shadow: none !important; font-size: 20px !important; line-height: 1 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.v3-card-visual,.v3-card-media,.card-media) { border-radius: 12px !important; overflow: hidden; background: #ece2f8; border: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.v3-card-visual,.v3-card-media,.card-media) img { max-width: 100%; border-radius: 8px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.pxx-card-icon,.v3-step-chip,.pxx-step-badge,.v3-card-badge) { color: #7042b9 !important; border-color: #d7c5ef !important; background: #ece1fb !important; border-radius: 12px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .pxx-card-icon { display: inline-grid; place-items: center; width: 46px !important; height: 46px !important; min-height: 0 !important; border-width: 1px !important; margin: 0 0 16px !important; padding: 0 !important; font-size: 20px !important; }
body:is(#pxx-ui-priority,.pxx-site) .pxx-card-icon .ui-icon { font-size: inherit !important; }

/* Numbers and link directories have their own density and hierarchy. */
body:is(#pxx-ui-priority,.pxx-site) .ui-section.ui-metrics-section { padding: 32px 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-metrics-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 960px; margin: 0 auto !important; gap: 24px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-metrics-grid::before,body:is(#pxx-ui-priority,.pxx-site) .ui-metrics-grid::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-metrics-grid > .ui-metric-cell { width: auto !important; max-width: none !important; padding: 0 !important; float: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-metric-cell + .ui-metric-cell { border-left: 1px solid #cab7df; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-metric { height: auto !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-metric :is(.card-block,.card-body) { min-height: 0 !important; height: auto !important; padding: 12px !important; text-align: center; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-metric .card-title { font-size: clamp(32px,3.7vw,48px) !important; line-height: 1.15 !important; letter-spacing: -2px !important; margin: 0 !important; color: #7743bd !important; background: linear-gradient(105deg,#7145df,#bc499e); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-metric .card-subtitle { font-size: 13px !important; font-weight: 400 !important; line-height: 1.5 !important; margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-metric :is(.card-title,.card-subtitle)::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid { --ui-resource-basis: calc((100% - 40px)/3); display: flex !important; flex-wrap: wrap; align-items: stretch; gap: 20px !important; margin: 24px 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid-pair { --ui-resource-basis: calc((100% - 20px)/2); }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid::before,body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid > [class*='col-'] { flex: 1 1 var(--ui-resource-basis) !important; width: auto !important; max-width: none !important; min-width: 0; float: none !important; padding: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-resource-card { height: 100% !important; min-height: 0 !important; margin: 0 !important; transition: border-color .2s,box-shadow .2s,transform .2s; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card:hover { border-color: #bca2dc !important; box-shadow: 0 10px 28px #6e45871c !important; transform: translateY(-3px); }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card :is(.card-block,.card-body) { display: grid !important; grid-template-columns: 44px minmax(0,1fr); align-content: start; column-gap: 15px; row-gap: 9px; height: auto !important; min-height: 0 !important; padding: 22px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card :is(.card-block,.card-body)::before,body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card :is(.card-block,.card-body)::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card .pxx-card-icon { grid-column: 1; grid-row: 1 / 3; width: 44px !important; height: 44px !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid > :nth-child(3n+2) .pxx-card-icon { background: #fae4d7 !important; color: #a65540 !important; border-color: #ecc7b5 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid > :nth-child(3n) .pxx-card-icon { background: #e6edce !important; color: #537545 !important; border-color: #cdddb0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-resource-card :is(h3,h4,.card-title) { grid-column: 2; font-size: 17px !important; line-height: 1.4 !important; letter-spacing: -.4px !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card :is(h3,h4,.card-title) a { color: var(--ui-ink) !important; font: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card :is(h3,h4,.card-title) a:hover { color: var(--ui-violet) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card .card-text { grid-column: 2; font-size: 12px !important; line-height: 1.8 !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card:not(.ui-resource-has-icon) :is(.card-block,.card-body) { grid-template-columns: minmax(0,1fr); }
body:is(#pxx-ui-priority,.pxx-site) .ui-resource-card:not(.ui-resource-has-icon) :is(h3,h4,.card-title,.card-text) { grid-column: 1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 22px !important; margin: 24px 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid::before,body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid > [class*='col-'] { width: auto !important; max-width: none !important; min-width: 0; float: none !important; padding: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid-has-wide { grid-template-columns: repeat(3,minmax(0,1fr)); }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-cell-wide { grid-column: 1 / -1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-content-card { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-card :is(h3,h4) { font-size: 19px !important; line-height: 1.4 !important; margin: 0 0 12px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-card .card-text { font-size: 13px !important; line-height: var(--ui-reading-leading) !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-content-card :is(.pxx-summary-icon,.pxx-card-icon) { display: inline-grid; place-items: center; width: 44px !important; height: 44px !important; font-size: 20px !important; margin: 0 0 16px !important; color: #7042b9 !important; background: #ece1fb !important; border: 1px solid #d7c5ef !important; border-radius: 12px !important; }
@media (max-width: 1100px) { body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid { --ui-resource-basis: calc((100% - 20px)/2); } }
/* Navigation follows the legacy 1000px desktop boundary on every page. */
@media (max-width: 999px) {
  body:is(#pxx-ui-priority,.pxx-site) nav.ui-navbar { min-height: 71px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar > .container { min-height: 71px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-brand :is(label,span) { font-size: 20px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-toggler { display: block !important; padding: 9px 10px !important; background: none !important; color: #54405e !important; border: 1px solid #e4d5ef !important; border-radius: 9px !important; float: none !important; width: 40px; height: 39px; position: relative; margin: 0 !important; font-size: 0; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-toggler::before { content: '☰'; font-size: 18px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-toggler > span { display: none; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar :is(.navbar-collapse,#collapsingNavbar) { display: none !important; position: absolute; left: 0; right: 0; top: 71px; margin: 0 !important; padding: 18px 23px 24px !important; width: auto; max-height: calc(100dvh - 71px); overflow-y: auto; border-bottom: 1px solid var(--ui-line); background: #fcfaf6; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar > .container > #collapsingNavbar { position: absolute !important; inset: 71px 0 auto 0 !important; transform: none !important; flex: none; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar :is(.navbar-collapse,#collapsingNavbar).ui-nav-open,body:is(#pxx-ui-priority,.pxx-site) .ui-navbar :is(.navbar-collapse,#collapsingNavbar).show,body:is(#pxx-ui-priority,.pxx-site).ui-approved-v3 .ui-navbar #collapsingNavbar.is-open { display: block !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav { display: flex; flex-direction: column; align-items: stretch; gap: 4px; width: 100%; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar :is(.nav-link,.navbar-nav > li > a) { display: block; width: 100%; font-size: 12px !important; padding: 13px 4px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .home-trial-nav { margin-top: 9px; text-align: center; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown-menu { position: static !important; width: 100% !important; max-width: 100% !important; max-height: none; box-shadow: none !important; background: #f2eafb !important; padding: 13px !important; margin-block: 4px 9px !important; border-radius: 12px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .dropdown.open > .dropdown-menu { animation: none; }
}
@media (max-width: 640px) {
  body:is(#pxx-ui-priority,.pxx-site) .ui-resource-grid { --ui-resource-basis: 100%; gap: 14px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-content-grid { grid-template-columns: minmax(0,1fr); gap: 16px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-metrics-grid { gap: 8px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section.ui-metrics-section { padding: 24px 0 !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-metric :is(.card-block,.card-body) { padding: 8px 2px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-metric .card-title { font-size: clamp(21px,6vw,32px) !important; letter-spacing: -1px !important; white-space: nowrap; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-metric .card-subtitle { font-size: 10px !important; }
}
body:is(#pxx-ui-priority,.pxx-site) .ui-section .v3-grid-2 { gap: 26px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .v3-grid-3 { gap: 24px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: 54px; margin: 0 0 50px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row::before,body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row::after { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row > [class*='col-'] { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; float: none !important; padding: 0 !important; margin: 0 !important; left: auto !important; right: auto !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row > .col-md-push-6 { order: 2; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row > .col-md-pull-6 { order: 1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row .center-block { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section .ui-feature-row h2 { font-size: clamp(28px,2.7vw,36px) !important; text-align: left !important; margin: 0 0 18px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row p { text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row img { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 420px; margin-inline: auto; object-fit: contain; }
/* One shared layout for developer cross-links, including approved V3 pages. */
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-section { padding-block: 72px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-section .container { padding-block: 0 !important; margin-block: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row { grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 48px; margin: 0 !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row > .ui-developer-copy { order: 1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row > .ui-developer-art { order: 2; align-self: center; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-content { width: 100% !important; max-width: 100%; min-width: 0; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .wp { opacity: 1 !important; visibility: visible !important; animation: none !important; transform: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-label { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: 100%; margin: 0 0 18px; padding: 8px 13px !important; border-radius: 99px; white-space: normal !important; font-size: 12px !important; line-height: 1.6 !important; color: white !important; background: linear-gradient(110deg,#7145df,#bf579e,#e48280) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-label > span:last-child { font-family: var(--ui-font) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-intro > h2 { max-width: 100%; margin: 0 0 20px !important; padding: 0 !important; font-size: clamp(28px,2.7vw,36px) !important; line-height: 1.25 !important; letter-spacing: -1.1px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-intro > p { margin: 0 0 22px !important; font: 400 var(--ui-reading-size)/var(--ui-reading-leading) var(--ui-font) !important; color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-intro > br,body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-content > br,body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row figure > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 0 !important; margin: 0 0 24px !important; list-style: none !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links > li { min-width: 0; padding: 15px !important; margin: 0 !important; border: 1px solid var(--ui-line); border-radius: 14px; background: var(--ui-white) !important; font: 400 13px/1.8 var(--ui-font) !important; color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links > li::before { content: none !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row:not(.ui-developer-hub) .ui-developer-links > li:last-child:nth-child(2n+1) { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links > li > a { display: block; font: 400 13px/1.8 var(--ui-font) !important; color: var(--ui-ink) !important; text-align: left !important; text-decoration: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links a > :is(b,strong) { display: block; margin: 0 0 7px; font: 700 15px/1.4 var(--ui-font) !important; color: var(--ui-ink) !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links a > span { display: block; font: 400 12px/1.8 var(--ui-font) !important; color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links > li > br,body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links a > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links a:hover > :is(b,strong) { color: var(--ui-violet-dark) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; max-width: 100%; padding: 13px 19px; border-radius: 12px; background: var(--ui-violet); color: white !important; font: 700 13px/1.6 var(--ui-font) !important; text-decoration: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-cta:hover { background: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-art figure { padding: 0 !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-art img { max-height: 440px; border-radius: 20px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub { align-items: start; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-copy,body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-content { display: contents !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-intro { grid-column: 1; grid-row: 1; align-self: center; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub > .ui-developer-art { grid-column: 2; grid-row: 1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-links { grid-column: 1/-1; grid-row: 2; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-links > li:last-child { grid-column: auto; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-links > li:last-child:nth-child(3n+1) { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-cta { grid-column: 1/-1; grid-row: 3; justify-self: start; }
@media (max-width: 900px) {
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-intro { grid-column: 1; grid-row: 1; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub > .ui-developer-art { grid-column: 1; grid-row: 2; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-links { grid-row: 3; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-cta { grid-row: 4; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-links > li:last-child { grid-column: auto; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-hub .ui-developer-links > li:last-child:nth-child(2n+1) { grid-column: 1/-1; }
}
@media (max-width: 640px) {
  body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row { grid-template-columns: minmax(0,1fr); gap: 25px; margin-bottom: 38px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-feature-row img { max-height: 320px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-section { padding-block: 48px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-developer-row .ui-developer-links { grid-template-columns: minmax(0,1fr); }
}
body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.v3-code-card,.pxx-code-card,pre) { background: #2d253b !important; color: #e2dcf2 !important; border: 1px solid #4e3f64 !important; border-radius: 16px !important; padding: 24px !important; font-size: 12px; overflow-x: auto; max-width: 100%; }
body:is(#pxx-ui-priority,.pxx-site) .ui-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--ui-line); border-radius: 16px; background: var(--ui-white); margin-block: 25px; scrollbar-width: thin; scrollbar-color: #c8b6e2 transparent; }
body:is(#pxx-ui-priority,.pxx-site) table.ui-table { width: 100% !important; margin: 0 !important; border-collapse: collapse; min-width: 560px; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-table :is(th,td) { padding: 17px 20px !important; border: 0 !important; border-bottom: 1px solid #e9e2ef !important; line-height: 1.8; vertical-align: top; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site) .ui-table th { background: #f1eafa; color: #614b77; }
body:is(#pxx-ui-priority,.pxx-site) .ui-table tbody tr:last-child :is(th,td) { border-bottom: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section details { border: 1px solid #dfd2ec; border-radius: 13px; background: #ffffffb0; margin-block: 10px; padding: 0 20px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section summary { padding-block: 20px; cursor: pointer; font-size: 13px; font-weight: 700; color: #43354e; }
body:is(#pxx-ui-priority,.pxx-site) .ui-section details > p { padding-bottom: 20px; line-height: 1.9; font-size: 13px; }
body:is(#pxx-ui-priority,.pxx-site) .section-footer { background: #2b2337 !important; color: #e6ddef !important; padding: 52px 0 35px !important; border: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .section-footer :is(a,span,small,.media-body) { color: #c9bbd8 !important; font-size: 14px; line-height: 1.8; }
body:is(#pxx-ui-priority,.pxx-site) .section-footer :is(b,strong) { color: white !important; }
body:is(#pxx-ui-priority,.pxx-site) .section-footer a:hover { color: #d8ef9e !important; }
body:is(#pxx-ui-priority,.pxx-site) .section-footer .row { row-gap: 30px; }
body:is(#pxx-ui-priority,.pxx-site) .section-footer .navbar-brand,body:is(#pxx-ui-priority,.pxx-site) .section-footer label { font-family: Audiowide,sans-serif !important; }

/* 05 — Original campaign specimens: real photographs, live HTML composition. */
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen { position: relative; isolation: isolate; height: 430px; width: 100%; max-width: 550px; margin-inline: auto; container-type: inline-size; --sample-dark: #3d2b50; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-orbit { position: absolute; inset: 3% 0 0; border-radius: 45% 38% 29% 31%; transform: rotate(-7deg); background: #e9def6; background-image: radial-gradient(#ad8bd064 .8px,transparent .8px); background-size: 16px 16px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-orbit::after { content: ''; position: absolute; right: -5px; bottom: 20px; width: 62%; aspect-ratio: 1; border-radius: 50%; background: #e5ecae; opacity: .8; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-poster { position: absolute; top: 4%; left: 24%; width: 64%; height: 86%; overflow: hidden; border-radius: 5px; transform: translate(var(--scene-x,0px),var(--scene-y,0px)) rotate(8deg); background: #a88fc4; box-shadow: 0 16px 35px #432a5226; color: #fffef4; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-poster > img { position: absolute; width: 100%; height: 100%; max-width: none; object-fit: cover; border: 0; border-radius: 0; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-shade { position: absolute; inset: 0; background: linear-gradient(180deg, #38214f03 30%,#38214fa8); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-brand { position: absolute; top: 18px; left: 18px; letter-spacing: 2px; font-size: 8px; font-weight: 700; color: white; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-poster strong { position: absolute; left: 25%; right: 5%; bottom: 10%; font: 700 39px/1.02 var(--ui-font); font-size: clamp(23px,7cqw,42px); letter-spacing: -.055em; color: #fff5d9; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-poster em { color: #e4f9ae; font-style: normal; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-stamp { display: grid; place-content: center; position: absolute; right: -5px; top: 18%; width: 67px; height: 67px; background: var(--ui-coral); color: #4e2e48; border-radius: 50%; font-size: 10px; line-height: 1.2; font-weight: 700; text-align: center; transform: rotate(-17deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-mini { position: absolute; left: 0; bottom: -1%; width: 36%; height: 45%; padding: 10px; border-radius: 6px; background: #fffdf6; box-shadow: 0 12px 30px #432a521f; transform: rotate(-10deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-mini img { width: 100%; height: 78%; object-fit: cover; border-radius: 2px; filter: saturate(.7); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-mini i { display: block; width: 64%; height: 4px; border-radius: 5px; background: #b9a7ce; margin-top: 9px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-mini i + i { width: 43%; margin-top: 5px; background: #ded2ea; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-swatch { position: absolute; right: -1%; bottom: 5%; display: flex; align-items: center; gap: 7px; padding: 9px 12px; width: 150px; height: 48px; background: #fffdf8; border: 1px solid #e5d9ef; border-radius: 10px; box-shadow: 0 6px 15px #432a520f; transform: rotate(4deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-swatch i { width: 25px; height: 25px; border-radius: 50%; background: #a685dc; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-swatch i:nth-child(2) { background: var(--ui-coral); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-swatch i:nth-child(3) { background: var(--ui-lime); }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-swatch span { margin-left: auto; color: #8356ad; font-size: 20px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-spark { position: absolute; top: -3%; right: 0; width: 69px; height: 69px; color: #b897ea; }

/* 06 — Photo tools keep their controls, DOM hooks and canvas behavior. */
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio { height: auto !important; min-height: 100dvh; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero { padding: 22px 0 48px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero .ui-photo-layout { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; padding: 0 !important; align-items: start; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero .ui-hero-copy { display: contents; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero h1 { order: 0; max-width: 100%; margin: 0 !important; font-size: clamp(26px,2.6vw,36px) !important; line-height: 1.2 !important; letter-spacing: -1px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero .ui-title-accent { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero-copy > .pxx-lead { order: 2; max-width: 1000px !important; margin: 8px 0 0 !important; font-size: var(--ui-reading-size) !important; line-height: var(--ui-reading-leading) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero-copy > .pxx-chip-row { order: 3; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero-copy > .pxx-note { order: 4; max-width: 1000px !important; margin: 0 !important; font-size: 13px !important; line-height: 1.8 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool { order: 1; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 14px; width: 100%; min-width: 0; margin: 0 !important; padding: 16px !important; border-radius: 20px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool > .row { display: contents; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool > .row::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .row > :is(.ui-photo-stage,.ui-photo-monitor) { width: 100% !important; max-width: 100%; min-width: 0; padding: 0 !important; margin: 0 !important; float: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-upload { grid-column: 1; grid-row: 1; justify-content: flex-start; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-actions { grid-column: 2; grid-row: 1; justify-content: stretch; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio :is(.ui-photo-upload,.ui-photo-actions) { display: flex; align-items: stretch; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .bubbly-button { min-height: 44px !important; width: auto !important; max-width: 100%; padding: 10px 16px !important; margin: 0 !important; font-size: 12px !important; line-height: 1.5 !important; cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-actions .bubbly-button { width: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .bubbly-button :is(.labeldiv,.bubblediv) { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .bubbly-button .labeldiv { gap: 9px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .bubbly-button .labeldiv > div:empty { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .bubblediv > i { width: 16px; height: 16px; font-size: 16px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-stage { grid-column: 1; grid-row: 2/span 2; display: flex; align-items: center; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .img-container { width: 100%; height: clamp(300px,55vh,440px) !important; min-height: 0 !important; margin: 0 !important; border-radius: 12px; background: #eee8f5; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-monitor { grid-column: 2; grid-row: 2; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-preview { padding: 12px !important; border-radius: 12px !important; box-shadow: none !important; background: #f2eafa; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-preview h3 { margin: 0 0 5px; font-size: 15px !important; line-height: 1.4 !important; letter-spacing: -.3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-preview p { margin: 0 0 10px; font-size: 11px !important; line-height: 1.6 !important; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .docs-preview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .docs-preview .img-preview { width: 100% !important; height: 42px !important; margin: 0 !important; border-radius: 6px; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-shell { grid-column: 2; grid-row: 3; display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0; background: transparent; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-block { min-width: 0; margin: 0 !important; padding: 10px; border: 1px solid var(--ui-line); border-radius: 12px; background: #fcfaf6; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-head { gap: 8px; margin: 0 0 6px; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-label { margin: 0; font-size: 12px; line-height: 1.4; color: var(--ui-ink); }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-value { min-width: 34px; padding: 5px 7px; font-size: 12px; color: var(--ui-violet-dark); background: var(--ui-lilac); border: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .slider { height: 12px; margin: 8px 0; background: linear-gradient(90deg,#d9cdf3,#e8c0d3); }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .slider::-webkit-slider-thumb { background: var(--ui-violet); box-shadow: 0 3px 9px #7145df30; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .slider::-moz-range-thumb { background: var(--ui-violet); box-shadow: 0 3px 9px #7145df30; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-help-copy { margin: 5px 0 0; color: var(--ui-muted); font-size: 11px; line-height: 1.65; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-proof-grid { grid-column: 1/-1; grid-row: 4; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-proof-pill { padding: 10px 12px; font-size: 11px; line-height: 1.65; color: var(--ui-muted); border-color: var(--ui-line); border-radius: 10px; background: #f5f0fb; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-side-note { grid-column: 1/-1; grid-row: 5; margin: 0 !important; max-width: 100%; font-size: 12px; line-height: 1.8; color: var(--ui-muted); text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-section-copy { max-width: 84ch !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-photo-tool { grid-template-rows: auto max-content minmax(0,1fr); }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-photo-preview > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-controls { grid-column: 2; grid-row: 3; align-self: start; min-width: 0; padding: 14px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-paper); text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-controls > b { display: block; margin: 0 0 12px; font-size: 12px; line-height: 1.7; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-controls br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .slidecontainer { width: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-data { margin-top: 16px; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-data .input-group { display: grid; grid-template-columns: minmax(0,1fr) 28px; gap: 6px; align-items: center; margin: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-data label { grid-column: 1/-1; margin: 0; padding: 0; font-size: 12px; font-weight: 700; color: var(--ui-ink); }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-data .form-control { width: 100% !important; min-width: 0; height: 36px !important; margin: 0 !important; padding: 7px 10px; border: 1px solid #d7c7e5; border-radius: 8px; font-size: var(--ui-reading-size); background: white; color: var(--ui-ink); }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-data span { font-size: 11px; padding: 0; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-guide > .container > br,body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-intro > div > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-intro { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,.6fr); align-items: center; gap: 40px; margin-bottom: 40px; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-intro p { max-width: 84ch; margin: 0 0 18px; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-intro > img { display: block; max-width: 230px !important; height: auto; margin: 0 auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples { margin: 0 0 32px !important; padding: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples > h2 { margin: 0 0 20px; font-size: clamp(26px,3vw,36px) !important; line-height: 1.3 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples > p { max-width: 84ch; margin: 0 0 24px; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples > .row { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples > .row > [class*='col-'] { width: 100% !important; max-width: 100%; min-width: 0; padding: 0 !important; margin: 0 !important; float: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples figure { height: 100%; padding: 20px; border: 1px solid var(--ui-line); border-radius: 18px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples figure img { width: 100%; height: auto; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples h3 { font-size: 21px !important; line-height: 1.35 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-final-card { grid-column: 1/-1; background: var(--ui-lilac); }
body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-guide-card > div > img { max-width: 100% !important; height: auto; border-radius: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-stage,body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-monitor { grid-row: 2; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-preview::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 14px 0 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data .input-group { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px; align-items: center; min-width: 0; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data label.input-group-text { grid-column: 1/-1; min-width: 0 !important; padding: 0 !important; margin: 0; font-size: 11px; line-height: 1.5; font-weight: 700; color: var(--ui-ink); background: none; border: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data span.input-group-text { min-width: 0 !important; padding: 0 !important; font-size: 10px; color: var(--ui-muted); background: none; border: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data .form-control { display: block; width: 100% !important; min-width: 0; height: 34px !important; margin: 0 !important; padding: 6px 9px; border: 1px solid #d7c7e5; border-radius: 8px; background: white; color: var(--ui-ink); font-size: 13px; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-toggle-row { grid-column: 1/-1; display: flex; justify-content: space-between; gap: 12px; align-items: center; padding-top: 8px; margin: 0; border-top: 1px solid #ded0ef; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio #circular-crop-image-label { font-size: 12px; font-weight: 700; color: var(--ui-ink); cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .circularimagecropbtn { position: relative; flex: 0 0 40px; width: 40px; height: 24px; padding: 0; margin: 0; border: 1px solid #c9b7e0; border-radius: 100px; background: #ddd0ee; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .circularimagecropbtn:has(input:checked) { border-color: var(--ui-violet); background: var(--ui-violet); }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .circularimagecropbtn::after { content: '' !important; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; padding: 0; margin: 0 !important; border-radius: 50%; background: white; box-shadow: 0 1px 4px #37244e33; transform: translateX(0); transition: transform .18s; pointer-events: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .circularimagecropbtn:has(input:checked)::after { transform: translateX(16px); }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .circularimagecropbtn input[type='checkbox'] { display: block !important; position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .circularimagecropbtn:has(input:focus-visible) { outline: 3px solid #986dea; outline-offset: 4px; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-proof-grid { grid-column: 1/-1; grid-row: 3; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-proof-pill { padding: 10px 12px; border-color: var(--ui-line); border-radius: 10px; background: #f5f0fb; color: var(--ui-muted); font-size: 11px; font-weight: 400; line-height: 1.65; }
body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-side-note { grid-column: 1/-1; grid-row: 4; max-width: 100%; margin: 0 !important; font-size: 12px; line-height: 1.8; text-align: left; color: var(--ui-muted); }
@media (max-width: 900px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool { grid-template-columns: minmax(0,1fr) 280px; }
}
@media (max-width: 640px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero { padding-top: 16px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-hero h1 { font-size: 24px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px !important; gap: 12px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .bubbly-button { padding: 9px 8px !important; font-size: 11px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-stage { grid-column: 1/-1; grid-row: 2; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .img-container { height: 210px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-shell { grid-column: 1/-1; grid-row: 3; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-block { padding: 9px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-slider-label { font-size: 11px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-monitor { grid-column: 1/-1; grid-row: 4; }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-proof-grid { grid-row: 5; grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .scale-side-note { grid-row: 6; }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-hero h1 { font-size: 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-photo-monitor,body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-photo-preview { display: contents; }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-data { grid-column: 1; grid-row: 4; align-self: start; padding: 10px; margin: 0; border-radius: 12px; background: var(--ui-lilac); }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-controls { display: contents; }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-controls > b { grid-column: 1/-1; grid-row: 3; margin: 0; font-size: 11px; line-height: 1.6; }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-controls > div { grid-column: 2; grid-row: 4; align-self: start; min-width: 0; padding: 10px; border: 1px solid var(--ui-line); border-radius: 12px; background: var(--ui-paper); }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .docs-preview { grid-column: 1/-1; grid-row: 5; padding: 12px; border-radius: 12px; background: var(--ui-lilac); }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-intro,body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-examples > .row { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-rotation-intro { gap: 18px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-hero h1 { font-size: 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-monitor,body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-preview { display: contents; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data { grid-column: 1/-1; grid-row: 3; gap: 8px; margin: 0; padding: 10px; border-radius: 12px; background: var(--ui-lilac); }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data .input-group { grid-template-columns: auto minmax(0,1fr) auto; gap: 4px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data label.input-group-text { grid-column: auto; font-size: 10px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-data .form-control { height: 32px !important; padding: 5px; font-size: 12px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-toggle-row { padding-top: 6px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-preview > h3 { grid-column: 1/-1; grid-row: 4; margin: 6px 0 0; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-preview > p { grid-column: 1/-1; grid-row: 5; margin: 0; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .docs-preview { grid-column: 1/-1; grid-row: 6; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-proof-grid { grid-row: 7; grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .crop-side-note { grid-row: 8; }
}
@media (max-width: 360px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-photo-studio .ui-photo-tool .img-container { height: 190px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio .ui-photo-tool .img-container { height: 160px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-hero { padding-top: 12px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-hero h1 { font-size: 20px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio .ui-photo-tool .img-container { height: 140px !important; }
}
body:is(#pxx-ui-priority,.pxx-site) :is(.crop-tool-shell,.scale-tool-shell,.rotate-tool-shell) { background: #fffdfa !important; border: 1px solid #ddd0eb !important; border-radius: 23px !important; padding: 27px !important; box-shadow: 0 18px 45px #49315512 !important; max-width: 100%; }
body:is(#pxx-ui-priority,.pxx-site) :is(.crop-preview-panel,.scale-preview-panel) { background: #f2eafa !important; border: 0 !important; border-radius: 14px !important; padding: 19px !important; }
body:is(#pxx-ui-priority,.pxx-site) :is(.crop-preview-panel,.scale-preview-panel) h3 { font-size: 17px !important; }
body:is(#pxx-ui-priority,.pxx-site) :is(.crop-preview-panel,.scale-preview-panel) p { font-size: 11px !important; }
body:is(#pxx-ui-priority,.pxx-site) :is(.crop-tool-shell,.scale-tool-shell) .img-container { border-radius: 13px; overflow: hidden; background: #ece5f3; }
body:is(#pxx-ui-priority,.pxx-site) :is(.crop-tool-shell,.scale-tool-shell) .form-control { min-width: 0; border-radius: 7px; border-color: #d7c7e5; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site) input[type='range'] { accent-color: var(--ui-violet); }
body:is(#pxx-ui-priority,.pxx-site) .cropper-point { background-color: #8c58dd; }
body:is(#pxx-ui-priority,.pxx-site) .cropper-line { background-color: #9c6ae8; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio { height: auto !important; min-height: 100dvh; background: #f6f0fb !important; padding-bottom: calc(var(--ui-filter-rail-height,112px) + 24px) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio.ui-filter-modal-open { overflow: hidden !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container { display: grid !important; grid-template-columns: minmax(270px,.75fr) minmax(0,1.65fr); max-width: 1340px; gap: 35px; margin: 32px auto 0 !important; padding: 0 40px !important; align-items: start; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container > .flex-child { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more { grid-column: 1; padding: 25px !important; border-radius: 22px; background: #fffefb; border: 1px solid #e3d4ef; box-shadow: var(--ui-shadow); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more h1 { font-size: 30px !important; line-height: 1.13 !important; letter-spacing: -1.3px !important; margin: 12px 0 !important; color: #463251 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more .bp-header__present { font-size: 17px !important; line-height: 1.3; color: #8256ae; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more > span { display: block; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more > br,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #drop_zone > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more .ui-filter-examples { height: 64px; margin: 12px 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more .ui-filter-examples img { height: 64px; max-height: 64px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #error-text:empty { display: none; margin: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #upload-background { display: block; width: 100%; max-width: 100% !important; min-width: 0; margin-block: 12px; font-size: 11px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #upload-background::file-selector-button { padding: 9px 12px; margin-right: 9px; border: 0; border-radius: 8px; background: #8050c8; color: white; font: 700 10px var(--ui-font); cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #drop_zone { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; width: 100% !important; height: 110px !important; min-height: 110px !important; max-width: 100% !important; padding: 14px !important; outline: 0 !important; margin-top: 12px; border: 2px dashed #bb9bd8 !important; border-radius: 15px; background: #f4ecfc; color: #8852bd; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #drop_zone svg { fill: #9768c6; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame { grid-column: 2; padding: 20px !important; border-radius: 22px; background: #fffefb; box-shadow: var(--ui-shadow); border: 1px solid #e3d4ef; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame figure { display: grid; place-items: center; margin: 0 !important; padding: 0 !important; min-height: 0 !important; border-radius: 12px; background: #f2ecf8; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #background-container { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: clamp(240px,calc(100dvh - 400px),520px); object-fit: contain; margin: 0 auto; border-radius: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame > div { display: flex; justify-content: center; margin-top: 18px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-button { display: inline-flex !important; align-items: center; justify-content: center; gap: 13px; position: static !important; min-width: 178px; min-height: 52px !important; height: auto !important; margin: 0 !important; padding: 14px 24px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-button > div:last-child { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-button[aria-disabled='true'] { opacity: .55; cursor: progress; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-button :is(.labeldiv,.bubblediv) { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-button .bubblediv { display: inline-flex !important; align-items: center; justify-content: center; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame hr,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container > .ui-filter-editorial { grid-column: 1/-1; padding: 0 !important; border-radius: 0; background: none !important; font-size: 13px; line-height: 1.9; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial > br,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial > hr { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav { display: block !important; visibility: visible !important; opacity: 1 !important; position: fixed; inset: auto 0 0; z-index: 1000; padding: 7px 0 calc(7px + env(safe-area-inset-bottom)); background: rgba(252,250,246,.42) !important; border-top: 1px solid #ffffffa6; box-shadow: 0 -8px 30px #44215512; backdrop-filter: blur(16px) saturate(1.2); -webkit-backdrop-filter: blur(16px) saturate(1.2); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filterButtons { display: flex; align-items: stretch; gap: 12px; width: 100%; height: auto !important; min-height: 88px; padding: 4px 24px 8px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-inline: 24px; scrollbar-width: thin; scrollbar-color: #aa8ac766 transparent; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav :is(li,button,a) { border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav .filter { display: grid; grid-template-rows: 52px auto; gap: 5px; flex: 0 0 78px; width: 78px; height: 85px; padding: 3px; margin: 0; border: 2px solid transparent; border-radius: 11px !important; cursor: pointer; scroll-snap-align: start; text-shadow: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav .filter-tag { display: block; min-width: 0; height: 52px; border-radius: 8px; overflow: hidden; background: #eae5f1; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav .filter-tag > img { display: block; width: 100% !important; height: 52px !important; min-width: 0 !important; min-height: 0 !important; max-width: 100% !important; max-height: 52px !important; object-fit: contain; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav .filter[aria-pressed='true'] { border-color: #aa83d4; background: #eee3fa; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #filters-nav .label { display: block; padding: 0; margin: 0; font: 400 10px/1.6 var(--ui-font) !important; color: #4f3e60 !important; text-shadow: 0 1px 5px #fff; text-transform: capitalize; background: none !important; cursor: pointer; }
/* The export dialog belongs above the glass filter rail. */
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal { position: fixed; inset: auto; top: var(--ui-filter-dialog-y,0px); left: var(--ui-filter-dialog-x,0px); width: var(--ui-filter-dialog-width,100%); height: var(--ui-filter-dialog-height,100vh); z-index: 2000; place-items: center; padding: 24px; overflow: hidden; background: #211831a8; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal[aria-hidden='false'] { display: grid !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal { padding: max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .popup { position: relative; inset: auto; top: auto; transform: none; display: flex; flex-direction: column; gap: 18px; min-height: 0; min-width: 0; width: min(660px,100%) !important; max-width: 660px; height: auto !important; max-height: 100%; overflow: hidden !important; margin: 0 auto !important; padding: 32px !important; border: 1px solid #eee4f6; border-radius: 24px; background: linear-gradient(145deg,#f2eafa,#fffdf9 48%) !important; box-shadow: 0 24px 100px #150d3259; transition: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .ui-filter-dialog-header { display: flex; align-items: flex-start; gap: 12px; flex: 0 0 auto; width: 100%; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal h3 { flex: 1; min-width: 0; padding-right: 0; margin: 0 !important; font-size: 27px; line-height: 1.3; color: var(--ui-ink) !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .content { flex: 0 1 auto; min-height: 0; width: 100%; height: auto !important; overflow-y: auto !important; overflow-x: hidden; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; font: 400 13px/1.8 var(--ui-font); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .content > div > b { display: block; max-width: 490px; margin: 0 auto !important; font-size: 13px; font-weight: 400; color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .content > div > a { display: block; margin: 20px auto; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 220px; margin: 0 auto; border-radius: 12px; border: 1px solid #d9cde6; box-shadow: 0 8px 24px #3b245317; object-fit: contain; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal #download-HTML { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: 380px; margin: 0 auto 14px; padding: 14px 20px; border: 0; border-radius: 11px; background: var(--ui-violet); color: #fff !important; text-decoration: none; text-transform: none; letter-spacing: 0; font: 700 12px/1.5 var(--ui-font) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal #download-html-container { display: block; color: var(--ui-muted); font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal #download-html-container > b { color: var(--ui-muted) !important; font-weight: 400; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal #download-html-container > a:not(#download-HTML) { color: var(--ui-violet) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .close { position: static !important; display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 50%; opacity: 1; background: #e9ddf5; color: #68428a; font: 400 27px/1 var(--ui-font); touch-action: manipulation; }
/* Original editorial copy, laid out as a guide rather than one long panel. */
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro > span br { display: initial; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial a { color: var(--ui-violet); text-underline-offset: 3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-lead { display: grid; grid-template-columns: 1.2fr .9fr; gap: 42px; align-items: center; padding: 40px; border-radius: 26px; background: #fffdf8; box-shadow: var(--ui-shadow); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro h2 { margin: 0 0 22px; font-size: clamp(29px,3.3vw,42px) !important; line-height: 1.15; letter-spacing: -1.5px; color: #6e42b0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro > span { display: block; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro :is(span,p) { font-size: 13px; line-height: 1.9; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro b { color: #513765; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro > p { margin: 18px 0 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-studio-feature { display: flex; flex-direction: column; align-items: center; gap: 22px; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-studio-feature > img { order: 1; width: auto; height: auto; max-width: 100%; max-height: 350px; border-radius: 14px; border: 8px solid #eee5fa; transform: rotate(2deg); box-shadow: 0 14px 30px #54376b1c; object-fit: contain; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-studio-feature > a { order: 2; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-guide a { color: var(--ui-violet); text-underline-offset: 3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-context { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; padding: 34px 15px; color: var(--ui-muted); font-size: 13px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-context p { margin: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-chapters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; align-items: start; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-chapter { position: relative; padding: 30px; border: 1px solid #e5d9ef; border-radius: 22px; background: #fffdf9; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-chapter h2 { font-size: 25px !important; line-height: 1.25; letter-spacing: -.8px; margin: 0 0 18px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-chapter p { font-size: 13px; line-height: 1.9; color: var(--ui-muted); margin: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-overview { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 2fr; gap: 35px; align-items: center; background: #e8efdc; border: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-overview h2 { margin: 0; color: #425c43; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide { grid-column: 1/-1; display: grid; grid-template-columns: 1.1fr 1fr; grid-template-rows: min-content 1fr auto; gap: 16px 34px; background: #e9ddf7; border: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide > h2 { grid-column: 1; margin: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide > p { grid-column: 1; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide > div { grid-column: 2; grid-row: 1 / 3; margin: 0 !important; padding: 23px !important; border: 0 !important; border-radius: 15px !important; background: #fffaf4; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide h3 { font-size: 18px !important; line-height: 1.4; margin: 0 0 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide > div p + p { margin-top: 12px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide #discovery-filters-link { grid-column: 1/-1; padding-top: 16px; border-top: 1px solid #cab5dd; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-faq { padding: 45px 0 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-faq > h2 { margin: 0 0 26px; font-size: 36px !important; letter-spacing: -1.3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-answer { padding: 27px; border: 1px solid #e3d6ed; border-radius: 18px; background: #fffdf9; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-answer h3 { margin: 0 0 13px; font-size: 16px; line-height: 1.5; letter-spacing: -.2px; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-answer p { margin: 0; font-size: 13px; line-height: 1.9; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .section-footer { margin-top: 45px; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-live-tool :is(.panel,.tool-panel,.preview-panel) { background: #fffdf9; border: 1px solid #e0d3eb; border-radius: 20px; box-shadow: var(--ui-shadow); }
body:is(#pxx-ui-priority,.pxx-site).ui-family-live-tool :is(.panel,.tool-panel) h2 { color: #624375; letter-spacing: -.7px; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-live-tool .upload-zone { background: #f1e8fa; border: 2px dashed #c2a0df; border-radius: 15px; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-live-tool :is(.btn-primary,.actions button:first-child) { border-radius: 10px; background: #8050c9; color: white; }

/* Landing guides: original prose, shared typography and readable measures. */
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing { height: auto !important; min-height: 100dvh; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-section .wp { animation: none !important; transform: none !important; opacity: 1 !important; visibility: visible !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-section :is(p,li,.card-text) { font-family: var(--ui-font) !important; font-size: var(--ui-reading-size) !important; font-weight: 400 !important; line-height: var(--ui-reading-leading) !important; color: var(--ui-muted) !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .label-info { max-width: 100%; white-space: normal !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-section p :is(b,strong) { color: var(--ui-ink); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-section p a { color: var(--ui-violet-dark) !important; text-decoration: underline; text-underline-offset: 3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-editorial-intro { padding-top: 66px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-editorial-intro > .container > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-banner-title { max-width: 850px; margin: 0 auto 20px !important; font-size: clamp(27px,3vw,36px) !important; line-height: 1.3 !important; letter-spacing: -1.1px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-channels { display: flex; justify-content: center; gap: 9px; margin: 0 auto 38px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-channels > i { width: 40px; height: 40px; padding: 10px; border-radius: 12px; background: var(--ui-lilac); color: var(--ui-violet-dark); font-size: 20px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-channels > i:nth-child(2) { background: var(--ui-mint); color: #496037; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-channels > i:nth-child(3) { background: var(--ui-peach); color: #8c453b; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; max-width: 1184px; margin: 0 auto 28px; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card { min-width: 0; padding: 30px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card:nth-child(2) { background: #f2edfb; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card :is(h2,h3,h4) { margin: 0 0 17px !important; padding: 0 !important; max-width: 100%; font-size: 24px !important; line-height: 1.35 !important; letter-spacing: -.65px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card p { max-width: 74ch; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card > br,body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-copy > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-visual { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 36px; align-items: center; background: var(--ui-mint); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-visual > img { display: block; width: auto !important; height: auto !important; max-height: 320px; max-width: 100%; margin: 0 auto; border-radius: 12px; box-shadow: 0 12px 30px #394b3014; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-highlight { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.8fr); gap: 30px; align-items: center; background: var(--ui-lilac); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-highlight > h3 { margin-bottom: 0 !important; color: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-callout { max-width: 1000px !important; margin: 0 auto !important; padding: 10px 0 10px 24px; border-left: 3px solid var(--ui-violet); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .section-features > .container > h3 { max-width: 760px; margin: 0 auto 30px; font-size: 18px !important; line-height: 1.6 !important; font-weight: 400 !important; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .section-features .card h4 { font-size: 20px !important; line-height: 1.4 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing :is(.ui-editorial-tutorial,.ui-editorial-bulk,.ui-editorial-faq) > .container > h2 { max-width: 1000px; margin: 0 0 36px !important; font-size: clamp(28px,3vw,40px) !important; line-height: 1.25 !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-step { padding: 30px; margin: 0 0 24px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-step > h4 { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 24px; font-size: 22px !important; line-height: 1.4 !important; letter-spacing: -.5px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-step > h4 > .display-1 { display: inline-grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; margin: 0 !important; border-radius: 12px; background: var(--ui-lilac); color: var(--ui-violet-dark); font-size: 18px !important; line-height: 1 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-step > h4 > i { color: var(--ui-violet); font-size: 19px; margin-top: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-title { min-width: 0; flex: 1; padding-top: 5px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 40px; align-items: start; padding: 0 !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row .separator-x::before,body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-prose-trailing-break { display: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row > [class*='col-'] { width: 100% !important; max-width: 100%; min-width: 0; padding: 0 !important; margin: 0 !important; float: none !important; left: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row p { max-width: 72ch; margin: 0 0 18px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 360px; margin: 0 auto; border-radius: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-media-multi { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-media > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-footer { padding: 22px 0 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-footer > p { max-width: 78ch; margin: 28px auto 20px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-footer > h2 { font-size: 22px !important; letter-spacing: -.5px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-editorial-bulk > .container > h4 { margin: 0 0 24px; font-size: 22px !important; line-height: 1.4 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-editorial-bulk .ui-tutorial-row a { font-size: var(--ui-reading-size) !important; line-height: 1.8; color: var(--ui-violet-dark) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-inline: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-card { min-width: 0; padding: 26px; border: 1px solid var(--ui-line); border-radius: 18px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-editorial-faq .ui-faq-card :is(h3,h4) { margin: 0 0 14px; font-size: 18px !important; line-height: 1.45 !important; letter-spacing: -.35px !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-card > p { margin: 0 !important; max-width: 72ch; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-grid::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-grid > [class*='col-'] { width: 100% !important; min-width: 0; max-width: 100%; padding: 0 !important; margin: 0 !important; float: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-card.card { padding: 0 !important; margin: 0 !important; border-radius: 18px !important; height: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-card.card > .card-block { padding: 26px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-card :is(h3,h4) > i { color: var(--ui-violet); margin-right: 6px; font-size: 16px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-subtitle { max-width: 760px; margin: 0 auto 24px; font-size: 17px !important; line-height: 1.7 !important; font-weight: 400 !important; letter-spacing: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-subtitle .grey-span { color: var(--ui-muted) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-feature { margin-top: 24px; gap: 24px 36px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-feature > :is(h2,h3,h4) { grid-column: 1/-1; margin: 0 !important; font-size: clamp(26px,3vw,32px) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin: 28px 0 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery > [class*='col-'] { display: block !important; width: 100% !important; max-width: 100%; min-width: 0; padding: 0 !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery .card { display: flex; flex-direction: column; height: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery .card > a { display: block; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery img { display: block; width: 100% !important; height: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery .card-block { display: flex; flex-direction: column; align-items: flex-start; flex: 1; padding: 24px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery .card-block h3 { margin: 0 0 12px; font-size: 22px !important; line-height: 1.35 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery .card-block p { margin: 0 0 22px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery .card-block > a { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; margin-top: auto; padding: 10px 14px; border-radius: 10px; background: var(--ui-lilac); color: var(--ui-violet-dark); font-size: 12px; font-weight: 700; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-section > .container > .ui-guide-statement { max-width: 880px; margin: 28px auto 0; font-size: clamp(22px,2.5vw,28px) !important; line-height: 1.45 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-section > .container > .ui-guide-section-title { margin-bottom: 32px; font-size: clamp(28px,3vw,40px) !important; line-height: 1.25 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-specs-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 24px; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing :is(.ui-specs-copy,.ui-guide-resources) { min-width: 0; padding: 32px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-specs-copy > h2 { font-size: clamp(26px,3vw,34px) !important; line-height: 1.25 !important; margin: 0 0 24px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-specs-copy > p { max-width: 74ch; margin: 0 0 16px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-specs-copy > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-resources { background: var(--ui-lilac); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-resources::before { content: ''; display: block; aspect-ratio: 16/9; margin: 0 0 32px; border: 7px solid var(--ui-white); border-radius: 14px; background: radial-gradient(circle at 70% 30%,#f5b2b8 0 18%,transparent 18.5%),linear-gradient(145deg,transparent 45%,#d8ef9e 45.5% 68%,transparent 68.5%),linear-gradient(125deg,#7750dd,#af86eb); box-shadow: 0 12px 24px #5631b91a; transform: rotate(-3deg); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-resources > h3 { margin: 0 0 16px; font-size: 24px !important; line-height: 1.3 !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-resources > ul { padding: 0; margin: 0; list-style: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-resources a { display: block; padding: 14px; border-radius: 12px; background: var(--ui-white); color: var(--ui-violet-dark); font-size: var(--ui-reading-size); line-height: 1.7; text-decoration: underline; text-underline-offset: 3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .bubbly-button :is(.labeldiv,.bubblediv) { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .bubbly-button > div:last-child:empty { display: none; }
/* Shared editorial extension: text, captions, banners and cropper guides. */
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-section > .container > :is(h2,h3):not(.ui-guide-banner-title,.ui-guide-statement) { max-width: 1000px; margin: 0 0 30px !important; font-size: clamp(28px,3vw,40px) !important; line-height: 1.25 !important; letter-spacing: -1px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-section > .container > p { max-width: 78ch !important; margin: 0 0 28px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-section > .container > p.ui-guide-channels { max-width: 100% !important; margin-inline: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-section > .container > br,body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-section > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-guide-card-copy { min-width: 0; max-width: 100% !important; margin: 0 !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-guide-card-copy > p + p { margin-top: 18px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-guide-card-copy > .ui-guide-channels { justify-content: flex-start; margin: 22px 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-guide-card-copy > .ui-guide-channels:first-child { margin-top: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-guide-card-wide { grid-column: 1/-1; background: var(--ui-mint); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-guide-statement { margin-bottom: 30px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 24px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid > [class*='col-'] { display: flex; width: 100% !important; max-width: 100%; min-width: 0; padding: 0 !important; margin: 0 !important; float: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card { width: 100%; height: 100% !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid > :nth-child(3n+2) .card { background: #f2edfb !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid > :nth-child(3n+3) .card { background: #f1f3e8 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card-block { padding: 26px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card :is(h4,h6) { margin: 14px 0 !important; text-align: left !important; line-height: 1.5 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card h4 { font-size: 20px !important; letter-spacing: -.45px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card h6 { font-size: 13px !important; font-weight: 400 !important; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card label { font-size: 11px !important; color: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card p { margin: 16px 0 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .crop-card-media { height: auto !important; padding: 0; margin: 20px 0; background: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .crop-card-media img { display: block; width: 100% !important; height: auto !important; max-height: 200px; object-fit: contain; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-faq-grid + .ui-faq-grid { margin-top: 20px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-faq-grid > :last-child:nth-child(2n+1) { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-media { display: grid; place-items: center; width: 100%; height: auto !important; aspect-ratio: auto !important; padding: 14px !important; margin: 0 !important; border: 1px solid var(--ui-line); border-radius: 18px; background: var(--ui-lilac); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-media img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 320px; margin: 0 auto; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-panel { margin-bottom: 28px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-list { display: grid; gap: 10px; padding: 0 !important; margin: 22px 0 !important; list-style: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-list > li { padding: 12px 16px; margin: 0 !important; border-left: 3px solid #c5a9ed; border-radius: 0 10px 10px 0; background: #ffffffad; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-list > li::before { content: none !important; display: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-size-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; padding: 0 !important; margin: 28px 0 !important; list-style: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-size-list > li { min-width: 0; padding: 18px 20px; border: 1px solid var(--ui-line); border-radius: 14px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-size-list b { color: var(--ui-ink); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-cta-panel { padding: 36px; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: linear-gradient(115deg,var(--ui-lilac),#f2f2df); text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-cta-panel > :is(h2,h3) { max-width: 850px; margin: 0 0 22px !important; font-size: clamp(28px,3vw,40px) !important; line-height: 1.25 !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-cta-panel > p { max-width: 78ch !important; margin: 0 0 26px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-cta-panel > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-examples .pxx-example-copy { padding: 26px; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-examples :is(.pxx-example-copy,.pxx-example-tip) > h3 { margin: 0 0 16px; font-size: 22px !important; line-height: 1.4 !important; letter-spacing: -.5px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-examples .pxx-example-settings { margin-top: 18px !important; }
/* The same editorial components serve the remaining social and workflow pages. */
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-section p :is(span,b,strong,a) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-section > .container > .ui-guide-subtitle { margin: 0 0 28px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-intro:has(.ui-editorial-card-grid) .ui-guide-banner-title { margin: 0 0 20px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation :is(.v3-effects-icon,.v3-print-icon) { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; margin: 0 0 8px; border-radius: 12px; font-size: 20px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-section-lead { padding: 0 !important; margin: 0 0 30px !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-section-lead > :is(h2,h3) { max-width: 1000px; margin: 0 0 20px !important; font-size: clamp(28px,3vw,40px) !important; line-height: 1.25 !important; letter-spacing: -1px !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-section-lead > p { max-width: 78ch !important; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-divider { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-guide-feature > .ui-guide-card-copy { align-self: center; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-copy-panel { max-width: 900px !important; margin-inline: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-guide-card-highlight > h2 { font-size: clamp(26px,3vw,34px) !important; line-height: 1.3 !important; margin: 0 !important; color: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-specs-grid { align-items: start; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-guide-resources > ul { display: grid; gap: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-panel { width: 100% !important; max-width: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-panel > .ui-feature-row { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-panel .ui-feature-row img { max-height: 320px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-panel .ui-feature-row article { width: 100% !important; max-width: 100% !important; padding: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-panel .label-info { display: inline-flex; max-width: 100%; margin-bottom: 16px; padding: 6px 10px !important; border-radius: 8px; background: var(--ui-lilac); color: var(--ui-violet-dark); font-size: 11px !important; line-height: 1.5 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-card-wide { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-step-intro { display: block; max-width: 78ch; margin: 0 0 28px; font-size: 16px !important; line-height: var(--ui-reading-leading) !important; font-weight: 400; text-align: left; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-cta-panel > .row { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-cta-panel p { max-width: 78ch !important; margin: 0 0 26px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-cta-panel > small { display: block; margin-top: 18px; font-size: 11px; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-figure { max-width: 100%; margin: 28px 0 !important; padding: 20px; border: 1px solid var(--ui-line); border-radius: 18px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-figure img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 420px; margin: 0 auto; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow figcaption { max-width: 78ch; margin: 18px auto 0; font-size: 12px; line-height: 1.8; text-align: left; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; padding: 0 !important; margin: 28px 0 !important; list-style: none; counter-reset: ui-editorial-step; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-steps > li { min-width: 0; padding: 24px; margin: 0; border: 1px solid var(--ui-line); border-radius: 18px; background: var(--ui-white); counter-increment: ui-editorial-step; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-steps > li::before { content: counter(ui-editorial-step); display: grid; place-items: center; position: static; width: 34px; height: 34px; margin-bottom: 18px; border-radius: 10px; background: var(--ui-lilac); color: var(--ui-violet-dark); font-size: var(--ui-reading-size); font-weight: 700; }
body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-tip { padding: 20px 24px !important; border-left: 3px solid var(--ui-violet); border-radius: 0 12px 12px 0; background: var(--ui-lilac); }
/* Priority guides keep their native demos, tables, code and form hooks. */
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-card-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; margin: 0 0 8px; border-radius: 12px; font-size: 20px; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-card-grid-two > :last-child:nth-child(2n+1) { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-media { margin-block: 24px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-wide-media { max-width: 900px; padding: 20px; margin: 28px auto 0; border: 1px solid var(--ui-line); border-radius: 18px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-wide-media img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 360px; margin: auto; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-reading-panel { padding: 30px !important; margin-bottom: 36px !important; border-radius: var(--ui-radius); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial :is(.ui-editorial-reading-panel,.ui-editorial-hub) > h2 { max-width: 1000px; margin: 0 0 22px !important; font-size: clamp(26px,3vw,34px) !important; line-height: 1.3 !important; color: var(--ui-ink) !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-reading-panel ol { max-width: 78ch; padding-left: 22px; margin: 24px 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-reading-panel li { padding-left: 8px; margin-bottom: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-hub > p { max-width: 78ch; margin: 0 0 28px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-team-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-team-grid::after { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-team-grid > div,body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-team-grid > div > article { display: contents !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-team-grid .ui-guide-card { width: 100% !important; max-width: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; padding: 30px !important; margin: 0 0 28px; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example > h2 { font-size: 26px !important; line-height: 1.35 !important; letter-spacing: -.65px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example > :is(h2,p,span,.ui-api-example-actions) { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example > :is(h2,p) { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example > br,body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-image-pair > br { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example pre { width: 100%; max-width: 100%; margin: 0; white-space: pre-wrap !important; overflow-wrap: anywhere; font-size: 12px !important; line-height: 1.9; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example pre :is(b,strong) { font: inherit !important; font-weight: 700 !important; color: var(--ui-lime); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-image-pair { min-width: 0; padding: 16px; margin: 0; border: 1px solid var(--ui-line); border-radius: 14px; background: #fcfaf6; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-image-pair > b { display: block; margin-bottom: 12px; font-size: 12px; color: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-image-pair img { display: block; width: auto !important; height: auto !important; max-width: 100%; max-height: 280px; margin: auto; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .container > h3 { max-width: 1000px; margin: 0 auto 28px !important; font-size: clamp(26px,3vw,36px) !important; line-height: 1.3 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .container > h3:last-child { margin-top: 36px !important; font-size: 24px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .form__group { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 640px; padding: 0; margin: 0 auto 32px; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .form__label { position: static; order: -1; display: block; transform: none !important; margin: 0; opacity: 1 !important; visibility: visible !important; font-size: 13px !important; line-height: 1.8; text-align: left; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-feature-row article > span:not(.label) { display: block; font: 400 var(--ui-reading-size)/var(--ui-reading-leading) var(--ui-font) !important; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-panel article > p + p { margin-top: 14px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-inline-action { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; padding: 10px 14px; margin-top: 18px; border-radius: 10px; background: var(--ui-lilac); color: var(--ui-violet-dark) !important; font: 700 12px/1.6 var(--ui-font) !important; text-decoration: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .form__input { display: block; width: 100%; max-width: 100%; padding: 15px 18px; margin: 0; border: 1px solid #d7c7e5; border-radius: 12px; background: var(--ui-white); color: var(--ui-ink); font: 400 16px/1.7 var(--ui-font); }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .flex-container { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 24px; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .flex-child { display: grid; justify-content: center; width: 100%; max-width: 100%; min-width: 0; padding: 0; margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo iframe { display: block; width: 300px !important; max-width: none !important; margin: 0 !important; border: 0 !important; border-radius: 14px; box-shadow: var(--ui-shadow); }
@media (max-width: 1100px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .flex-container { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .flex-child:last-child { grid-column: 1/-1; }
}
@media (max-width: 720px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .flex-container { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 640px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-team-grid,body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example,body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo .flex-container { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-api-example { padding: 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-editorial-reading-panel { padding: 22px !important; }
}
@media (max-width: 360px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-priority-editorial .ui-spreadsheet-demo iframe { zoom: .9; }
}
@media (max-width: 900px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing :is(.ui-guide-grid,.ui-guide-card-visual,.ui-guide-card-highlight,.ui-tutorial-row) { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-visual,body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card-highlight { gap: 24px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-row { gap: 24px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-specs-grid { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery > :last-child { grid-column: 1/-1; width: calc(50% - 12px) !important; justify-self: center; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid > :last-child:nth-child(3) { grid-column: 1/-1; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-size-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-continuation .ui-editorial-workflow .pxx-workflow-steps { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 640px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-editorial-intro { padding-top: 48px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-banner-title { font-size: 21px !important; letter-spacing: -.8px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-subtitle { font-size: 15px !important; line-height: 1.75 !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-channels { margin-bottom: 28px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-grid { gap: 18px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing :is(.ui-guide-card,.ui-tutorial-step,.ui-faq-card) { padding: 22px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-card :is(h2,h3,h4) { font-size: 21px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-step > h4 { font-size: 20px !important; gap: 9px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-callout { padding-left: 18px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-faq-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-tutorial-media-multi { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-template-gallery > :last-child { width: 100% !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing :is(.ui-specs-copy,.ui-guide-resources) { padding: 24px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-landing .ui-guide-resources::before { max-width: 300px; margin-inline: auto; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid,body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-size-list { grid-template-columns: minmax(0,1fr); gap: 18px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-card-grid .card-block { padding: 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-editorial-expanded .ui-editorial-cta-panel { padding: 24px; }
}

/* 07 — Editorial family. Existing articles and all heading levels stay intact. */
body:is(#pxx-ui-priority,.pxx-site).ui-blog { background: #fcfaf6 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #header { height: 210px !important; position: relative; border: 0 !important; background: #eee5fc !important; margin-bottom: 0 !important; overflow: clip; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #banner { background-image: none !important; background: #eee5fc !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #header::after { content: ''; position: absolute; right: 7%; top: 28px; width: 100px; height: 100px; border: 17px solid #d6ed9c; border-radius: 50%; transform: rotate(-20deg); pointer-events: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #header::after { left: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #header-outer { position: relative; max-width: 1280px; padding-inline: 35px; margin-inline: auto; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #header-title { position: relative !important; top: auto !important; left: auto !important; width: auto !important; margin: 0 !important; padding-top: 72px; transform: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo-wrap { margin: 0 !important; width: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo { align-items: center; justify-content: center; gap: 10px; background: none !important; padding: 0 !important; box-shadow: none !important; text-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo img { width: 36px; height: 36px; object-fit: contain; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo .pixelixe-logo-word { font: 400 25px/1 Audiowide,sans-serif !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo .pixelixe-logo-blog { font: 400 19px/1 var(--ui-font) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo :is(.pixelixe-logo-word,.pixelixe-logo-blog) { color: #54346f !important; text-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog :is(#logo,#subtitle) { color: #56377a !important; text-shadow: none !important; font-family: var(--ui-font) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo { font-family: Audiowide,sans-serif !important; font-size: 25px !important; letter-spacing: -.5px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog :is(#main-nav,#sub-nav) a { color: #6a4b87 !important; opacity: 1; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #main-nav { background: transparent; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #content-wrap { max-width: 1280px; margin-inline: auto; padding-inline: 35px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .outer { max-width: 1280px; margin-inline: auto; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #wrap > .outer { width: min(100%,1280px) !important; padding-inline: 35px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #main { min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article { background: transparent !important; margin: 30px 0 !important; border-radius: 22px; box-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-inner { background: #fffdfa !important; border: 1px solid #e9deed; border-radius: 22px !important; overflow: hidden; box-shadow: 0 12px 30px #43264d08 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-header { padding: 32px 35px 20px !important; border-top: 5px solid #d5bcec; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-title { display: block; font-size: 33px !important; line-height: 1.24 !important; font-weight: 700 !important; letter-spacing: -1.15px !important; color: #362b41 !important; text-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-meta { padding: 0 10px; font-size: 10px; color: #9b85a8; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry { padding: 12px 35px 35px !important; color: var(--ui-muted) !important; font: 400 var(--ui-reading-size)/var(--ui-reading-leading) var(--ui-font) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry :is(h1,h2,h3) { color: #483353 !important; line-height: 1.35 !important; margin-top: 35px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry h2 { font-size: 27px !important; letter-spacing: -.7px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry h3 { font-size: 21px !important; letter-spacing: -.4px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry :is(p,li) { font-size: var(--ui-reading-size); line-height: var(--ui-reading-leading); }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry img { max-width: 100%; height: auto; border-radius: 14px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry a { color: #8551bd !important; text-underline-offset: 3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry blockquote { padding: 20px 25px; background: #f1e8fb; border-left: 4px solid #b48add; border-radius: 0 15px 15px 0; font-size: 17px; color: #685078; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-footer { padding: 18px 35px !important; background: #f5f0f8; border-top: 1px solid #e8deef; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-footer a { color: #957ca5 !important; font-size: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-more-link a { background: #7547cc; color: white !important; padding: 10px 17px; border-radius: 9px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #sidebar { margin-top: 30px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .widget { background: #f2eafb !important; border: 1px solid #e2d4ed; border-radius: 16px; box-shadow: none !important; padding: 22px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .widget-title { color: #735085; font-size: 12px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #page-nav { background: transparent; box-shadow: none; padding-block: 20px; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #page-nav :is(a,span) { border-radius: 9px; color: #8057aa; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #page-nav .current { background: #8057ce; color: white; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #footer { background: #2b2337 !important; color: #d2c1df !important; padding: 45px 25px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #footer a { color: #d3bfdc !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #footer-info { display: flex !important; flex-wrap: wrap; gap: 22px; width: 100%; max-width: 100%; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .footer-copyright { min-width: 0; max-width: 100%; margin: 0 !important; white-space: normal !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #search-form-wrap { right: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #newsletter-banner { background: #e8daf8 !important; border-radius: 18px; color: #674b80 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #subscribe-newsletter-modal { backdrop-filter: blur(5px); background: #2d203b70 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #subscribe-newsletter-modal .popup { max-width: min(440px,calc(100vw - 40px)); background: #fcfaf6 !important; border-radius: 22px !important; box-shadow: 0 20px 60px #2b173a40 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #subscribe-newsletter-modal :is(h1,h2,h3) { color: #664083 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog #subscribe-newsletter-modal .close { color: #80539f !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index .article-title { font-size: 28px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index .article-entry { font-size: 13px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index #main:has(> .article) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px; width: 100% !important; float: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index #main > .article { margin: 0 !important; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index #main > .article .article-inner { height: 100%; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index #main > #page-nav { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index .article-entry img { width: 100%; height: 240px; object-fit: cover; }
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .filter-tag > img { object-fit: contain; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-article .article-title { font-size: 41px !important; line-height: 1.18 !important; letter-spacing: -1.5px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-article #main { float: none !important; width: 100% !important; max-width: 980px; margin-inline: auto; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .archive-year { color: #8050b0 !important; font: 700 28px/1.3 var(--ui-font); }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .archive-article { padding: 18px 22px; margin-block: 12px; border: 1px solid #e5d8ef; border-radius: 14px; background: #fffdf9; box-shadow: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-blog .archive-article-title { color: #70508d !important; font-family: var(--ui-font); }

/* 08 — Documentation stays efficient and readable, with shared identity. */
body:is(#pxx-ui-priority,.pxx-site).ui-docs { --primary: #8050c8; color: #4e405c !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs :is(.duik-header,.duik-header__inner) { background: #fcfaf6 !important; border-color: #e1d5ed !important; box-shadow: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-promo { background: #eee5fc !important; color: #533a66 !important; padding-block: 65px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-promo h1 { font-size: 45px !important; line-height: 1.2; letter-spacing: -1.6px; color: #513464 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-icon-block { border: 1px solid #e2d5ee !important; border-radius: 18px !important; padding: 25px !important; background: #fffdfa !important; box-shadow: 0 10px 24px #44295508; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .btn-primary { background: #8050c8 !important; border-color: #8050c8 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .bg-primary:not(.duik-promo) { background: #8050c8 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs :is(.text-primary,.duik-icon) { color: #8050c8 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-promo .mh-35rem { min-height: 220px !important; padding-block: 45px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-sidebar { background: #f5effb !important; border-color: #e5d9ef !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-content { max-width: 1100px; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-content h1 { font-size: 38px; letter-spacing: -1.3px; }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-content :is(h2,h3) { color: #67457e; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .toc-wrapper { background: #2d2539 !important; border-right: 1px solid #4c3a60; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .toc-wrapper a { color: #d9c9e6 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .toc-wrapper .toc-link.active { background: #7b4ac1 !important; color: white !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .toc-wrapper .search { background: #393045; border-radius: 8px; margin: 15px; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .page-wrapper { background: #fcfaf6 !important; }
body:is(#pxx-ui-priority,.pxx-site).page-docs-mcp .row > [class*="col-"] { min-width: 0; max-width: 100%; }
/* Slate's fixed table of contents must not cover footer destinations. */
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation:has(.toc-wrapper) footer { margin-left: 248px !important; width: calc(100% - 248px) !important; }
@media (max-width: 930px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation:has(.toc-wrapper) footer { margin-left: 0 !important; width: 100% !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation:has(.toc-wrapper) .page-wrapper { margin-left: 0 !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .toc-wrapper { left: -248px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .toc-wrapper.open { left: 0 !important; }
}
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content { background: transparent !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content > h1 { background: #eee4fc !important; border-block: 1px solid #e0d1ed !important; color: #5c3b76 !important; font-size: 30px !important; letter-spacing: -.8px; padding-top: 25px; padding-bottom: 25px; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content > h2 { color: #654082 !important; font-size: 23px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content > :is(pre,blockquote),body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .dark-box { background: #30263d !important; color: #e2d2ee !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content table { border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content iframe { max-width: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content pre { min-width: 0; max-width: 100%; overflow-x: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content table th { background: #eee5f8; }
body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content a { color: #8553c0; }
@media (min-width: 931px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .page-wrapper { background: linear-gradient(to right,#fcfaf6 50%,#30263d 50%) !important; }
}

/* 09 — Responsive behavior and motion: finite, lightweight, optional. */
@keyframes ui-arrive { from { opacity: .66; transform: translateY(17px); } }
@keyframes ui-menu-enter { from { opacity: 0; transform: translateY(4px); } }
body:is(#pxx-ui-priority,.pxx-site) .ui-arrived { animation: ui-arrive .75s both cubic-bezier(.2,.7,.25,1); }
@media (hover:hover) and (pointer:fine) {
  body:is(#pxx-ui-priority,.pxx-site) .ui-card { transition: border-color .2s, box-shadow .2s; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-card:hover { border-color: #bf9cde !important; box-shadow: 0 16px 35px #42234f12 !important; }
}
@media (max-width: 1200px) {
  body:is(#pxx-ui-priority,.pxx-site) .container { padding-inline: 32px !important; }
  body:is(#pxx-ui-priority,.pxx-site) header.ui-hero > div.container { padding-inline: 32px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav { gap: 18px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-grid { gap: 32px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero h1 { font-size: 51px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-specimen { height: 365px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art { min-height: 385px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container { gap: 24px; padding-inline: 28px !important; }
}
@media (max-width: 900px) {
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-grid { grid-template-columns: minmax(0,1fr) !important; gap: 45px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero h1 { font-size: 56px !important; max-width: 730px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy > p { max-width: 700px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-art { max-width: 650px !important; margin-inline: auto !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-layered-art { margin-bottom: 25px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art { max-width: 550px !important; min-height: 430px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art .ui-specimen { height: 430px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container { grid-template-columns: minmax(250px,.8fr) minmax(0,1fr); gap: 18px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more { padding: 20px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more h1 { font-size: 29px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-lead { gap: 26px; padding: 28px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-chapters { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-nav { gap: 15px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar :is(.nav-link,.navbar-nav > li > a) { font-size: 10px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .navbar-brand :is(label,span) { font-size: 18px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-navbar .home-trial-nav { font-size: 9px !important; padding-inline: 13px !important; }
}
@media (max-width: 640px) {
  body:is(#pxx-ui-priority,.pxx-site) .container { padding-inline: 23px !important; }
  body:is(#pxx-ui-priority,.pxx-site) header.ui-hero > div.container { padding-inline: 23px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero { padding: 34px 0 45px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero h1 { font-size: clamp(35px,10.2vw,51px) !important; line-height: 1.1 !important; letter-spacing: -.055em !important; margin-top: 16px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-grid { gap: 32px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero .ui-hero-copy :is(p,.lead,.pxx-lead),body:is(#pxx-ui-priority,.pxx-site) .ui-hero :is(.v3-dev-hero-copy,.v3-creative-hero-copy,.about-lead) { font-size: 12px !important; line-height: 1.9 !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-title-accent { max-width: 250px; height: 23px; }
  body:is(#pxx-ui-priority,.pxx-site) .bubbly-button,body:is(#pxx-ui-priority,.pxx-site) .pricing-v31-card-link { min-height: 49px !important; padding: 13px 17px !important; font-size: 11px !important; gap: 16px; }
  body:is(#pxx-ui-priority,.pxx-site) :is(.pxx-chip,.v3-dev-chip,.v3-creative-chip) { font-size: 8px !important; padding: 6px 9px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art { min-height: 335px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art .ui-specimen { height: 335px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-legacy-art > img { width: 42% !important; top: 0; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-stamp { width: 50px; height: 50px; font-size: 8px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-specimen-spark { width: 46px; height: 46px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-hero-art :is(.ui-hero-media-frame,.pxx-hero-card,.v3-dev-hero-visual,.v3-hero-media-frame,.v3-creative-hero-visual) { padding: 8px !important; border-radius: 13px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen { height: 190px; width: 48%; right: -3px; bottom: -28px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-layered-art > .ui-specimen .ui-specimen-poster strong { font-size: 20px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section { padding: 56px 0 !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section h2 { font-size: 30px !important; letter-spacing: -1.2px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.v3-feature-card,.v3-step-card,.ui-card,.card-block,.card-body) { padding: 23px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.card-title,.v3-card-title,h3) { font-size: 21px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section :is(.lead,.v3-section-intro,p.container-main-h2) { font-size: 12px !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section .v3-grid-3,body:is(#pxx-ui-priority,.pxx-site) .ui-section .v3-grid-2 { grid-template-columns: minmax(0,1fr) !important; gap: 21px; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section [class*='col-'] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex-basis: 100%; float: none; left: auto !important; right: auto !important; }
  body:is(#pxx-ui-priority,.pxx-site) .ui-section .label { white-space: normal !important; line-height: 1.6; }
  body:is(#pxx-ui-priority,.pxx-site).ui-family-documentation .content table { display: block; max-width: 100%; overflow-x: auto; }
  body:is(#pxx-ui-priority,.pxx-site) :is(.crop-tool-shell,.scale-tool-shell,.rotate-tool-shell) { padding: 15px !important; border-radius: 16px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 20px; padding: 0 20px !important; margin-top: 25px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame { grid-column: 1; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more { padding: 18px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more h1 { font-size: 24px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #more .ui-filter-examples { display: none; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #drop_zone { height: 80px !important; min-height: 80px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame { display: flex; flex-direction: column; padding: 12px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #photoFrame > div { order: -1; margin: 0 0 12px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .flex-container > .ui-filter-editorial { padding: 0 !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-lead,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-context,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-overview,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-faq-grid { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-lead { padding: 24px; gap: 28px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-editorial-intro h2 { font-size: 29px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-context { padding: 24px 4px; gap: 16px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-chapter,body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-answer { padding: 24px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide > :is(h2,p,div),body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-filter-tools-guide #discovery-filters-link { grid-column: 1; grid-row: auto; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal { padding: max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal .popup { padding: 20px !important; border-radius: 20px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal h3 { font-size: 22px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio #download-modal img { max-height: 190px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog #header { height: 175px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog #header::after { width: 70px; height: 70px; right: 5%; border-width: 12px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog :is(#header-outer,#content-wrap,.outer) { max-width: 100%; padding-inline: 19px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog #wrap > .outer { padding-inline: 19px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-index #main:has(> .article) { grid-template-columns: minmax(0,1fr); }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog #logo { font-size: 21px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog #main { width: 100%; float: none; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-header { padding: 24px 22px 14px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-title,body:is(#pxx-ui-priority,.pxx-site).ui-family-blog-article .article-title { font-size: 29px !important; letter-spacing: -1px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry { padding: 10px 22px 25px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry p { font-size: var(--ui-reading-size); }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-entry h2 { font-size: 24px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-blog .article-footer { padding: 16px 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-docs .duik-promo h1 { font-size: 34px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body:is(#pxx-ui-priority,.pxx-site) { scroll-behavior: auto !important; }
  body:is(#pxx-ui-priority,.pxx-site) *, body:is(#pxx-ui-priority,.pxx-site) *::before,body:is(#pxx-ui-priority,.pxx-site) *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Portrait specimens demonstrate the visual range without altering tool input. */
body:is(#pxx-ui-priority,.pxx-site) .ui-filter-examples { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; height: 100px; margin: 18px 0 22px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-filter-examples img { width: 100%; height: 100px; max-height: 100px; object-fit: cover; object-position: 62% center; border-radius: 10px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-filter-examples img:nth-child(2) { filter: saturate(.5) sepia(.2); transform: rotate(3deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-filter-examples img:nth-child(3) { filter: grayscale(1); transform: rotate(-3deg); }

/* 10 — Shared editorial adapters for product, integration and company pages.
   Adapters annotate source structures; copy, heading levels and controls stay intact. */
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section > .container > p { max-width: var(--ui-reading-measure); margin: 0 0 22px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section :is(h2,h3,h4,h5,h6) :is(span,b,strong) { font-size: inherit !important; line-height: inherit !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section :is(ul,ol) { padding-left: 22px; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section li + li { margin-top: 8px; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section-lead { max-width: 1000px; margin: 0 0 28px !important; text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section-lead :is(h2,h3) { margin: 0 0 18px !important; font-size: clamp(26px,2.8vw,36px) !important; line-height: 1.3 !important; letter-spacing: -1px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; align-items: stretch; gap: 24px !important; margin: 26px 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid:not([hidden]):not([aria-hidden='true']):not([style*='display: none']):not([style*='display:none']) { display: grid !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid[data-ui-columns='3'] { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid[data-ui-columns='2'] > :last-child:nth-child(odd) { grid-column: 1/-1; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid::before,body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid::after { display: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid > * { min-width: 0; max-width: 100% !important; width: 100% !important; margin: 0 !important; float: none !important; left: auto !important; right: auto !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid > [class*='col-'] { padding: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card { position: relative; min-width: 0; max-width: 100% !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 27px !important; border: 1px solid var(--ui-line) !important; border-radius: var(--ui-radius) !important; background: var(--ui-white) !important; color: var(--ui-ink) !important; text-align: left !important; box-shadow: var(--ui-shadow) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card.card { padding: 0 !important; height: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card > .card-block { padding: 27px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid > :nth-child(3n+2).ui-editorial-auto-card,body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid > :nth-child(3n+2) > .ui-editorial-auto-card { background: #f1ebfb !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid > :nth-child(3n+3).ui-editorial-auto-card,body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid > :nth-child(3n+3) > .ui-editorial-auto-card { background: #f0f3e7 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card :is(h2,h3,h4,.v3-card-title) { margin: 0 0 15px !important; font-size: 21px !important; line-height: 1.4 !important; letter-spacing: -.5px !important; color: var(--ui-ink) !important; text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card h6 { font-size: var(--ui-reading-size) !important; line-height: 1.7 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card p { max-width: 78ch; margin: 0 0 15px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card p:last-child { margin-bottom: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card :is(.v3-card-visual,.v3-card-icon,.faq-icon-badge,.missing-link-icon) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 52px !important; height: 52px !important; margin: 0 0 20px !important; padding: 12px !important; border-radius: 16px !important; background: #e5daf8 !important; color: var(--ui-violet-dark) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card .v3-feature-card-top { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 20px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card .v3-feature-card-top > .v3-card-visual { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card .v3-feature-card-top > .v3-card-badge { min-width: 0; max-width: calc(100% - 64px); margin: 0 !important; white-space: normal !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card .v3-card-visual > .ui-icon { width: 25px; height: 25px; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card :is(.v3-card-badge,.v3-step-number) { margin: 0 0 12px; font-size: 12px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-card-icon { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 0 17px !important; color: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-card-icon > .ui-icon { font-size: 26px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-panel { max-width: 100% !important; width: 100% !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-panel .ui-feature-row { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-section .ui-feature-row :is(figure,img) { transform: none !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-section :is(.btn,.v3-inline-link) { max-width: 100% !important; white-space: normal !important; box-sizing: border-box; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-divider { display: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-longform { max-width: 960px !important; margin: 0 auto !important; padding: 32px 38px !important; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); background: var(--ui-white); text-align: left; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-longform > h2 { margin: 38px 0 18px !important; font-size: 26px !important; line-height: 1.4 !important; letter-spacing: -.65px !important; color: var(--ui-ink) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-longform > p { margin: 0 0 20px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table-scroll { width: 100%; max-width: 100%; margin: 26px 0; overflow-x: auto; border: 1px solid var(--ui-line); border-radius: 16px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table-scroll:focus-visible { outline: 3px solid #ae8ae8; outline-offset: 4px; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table-shell { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table-shell > .ui-editorial-table-scroll { margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table { width: 100% !important; margin: 0 !important; border-collapse: collapse; font: 400 13px/1.8 var(--ui-font) !important; color: var(--ui-ink); text-align: left !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table :is(td,th) { min-width: 145px; max-width: 360px; padding: 17px 19px !important; border: 0 !important; border-bottom: 1px solid var(--ui-line) !important; vertical-align: top; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table th { background: var(--ui-lilac) !important; color: var(--ui-violet-dark) !important; font-weight: 700; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table tbody tr:nth-child(even) { background: #f8f5fc; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-table td > a { text-decoration: underline; text-underline-offset: 3px; color: var(--ui-violet-dark) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-runtime :is(.v3-code-card:has(form),.v3-code-card:has(canvas)) { background: var(--ui-white) !important; border: 1px solid var(--ui-line); padding: 30px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-runtime :is(.v3-code-card:has(form),.v3-code-card:has(canvas)) :is(label,strong,.h3) { color: var(--ui-ink) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-runtime :is(.v3-code-card:has(form),.v3-code-card:has(canvas)) > .v3-grid-2 { gap: 24px !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-runtime .v3-proof-card { min-width: 0; padding: 20px !important; border: 1px solid var(--ui-line); border-radius: 16px; background: var(--ui-lilac) !important; }
body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-runtime .form-control { max-width: 100%; border: 1px solid #d2c2e8; border-radius: 10px; background: white; font-size: var(--ui-reading-size); }
body:is(#pxx-ui-priority,.pxx-site).ui-docs :is(.duik-content,.content) :is(p,li,dd) { font-family: var(--ui-font); font-size: var(--ui-reading-size); line-height: var(--ui-reading-leading); }
body:is(#pxx-ui-priority,.pxx-site).ui-docs .content > blockquote p { color: #e2d2ee !important; }
@media (hover:hover) and (pointer:fine) {
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card { transition: transform .2s, box-shadow .2s, border-color .2s; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card:hover { transform: translateY(-3px); border-color: #c0a2df !important; box-shadow: 0 18px 35px #442a5717 !important; }
}
@media (max-width: 930px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid[data-ui-columns='3'] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 700px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-grid:not([hidden]):not([aria-hidden='true']):not([style*='display: none']):not([style*='display:none']) { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card { padding: 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card > .card-block { padding: 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card :is(h2,h3,h4,.v3-card-title) { font-size: 20px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-section-lead :is(h2,h3) { font-size: 25px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-longform { padding: 24px 22px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-longform > h2 { font-size: 23px !important; }
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-runtime :is(.v3-code-card:has(form),.v3-code-card:has(canvas)) { padding: 22px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body:is(#pxx-ui-priority,.pxx-site).ui-sitewide-editorial .ui-editorial-auto-card { transition: none !important; transform: none !important; }
}

/* 12 — Bounded top10 additions. All presentation stays in this shared source. */
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-section { padding-block: clamp(40px,6vw,76px) !important; background: radial-gradient(ellipse at 95% 5%,#eadbfa88,transparent 45%),var(--ui-paper) !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-heading { max-width: 850px; margin-bottom: 28px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-heading h2 { font-size: clamp(26px,3.2vw,44px) !important; line-height: 1.15 !important; letter-spacing: -.035em; margin: 10px 0 16px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-heading > p { font-size: 15px !important; line-height: 1.8 !important; max-width: 70ch; color: var(--ui-muted); margin: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-kicker { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ui-violet); font-weight: 700; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid-four { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card { min-width: 0; margin: 0 !important; border: 1px solid var(--ui-line); border-radius: 22px; overflow: hidden; background: var(--ui-white); box-shadow: 0 8px 25px #44244a08; display: flex; flex-direction: column; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card picture { display: block; flex-shrink: 0; background: #eee8f3; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card img { display: block; width: 100% !important; height: auto !important; object-fit: contain !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card figcaption { padding: 20px; flex: 1; display: flex; align-items: flex-start; flex-direction: column; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card h3 { font-size: 18px !important; line-height: 1.4 !important; margin: 0 0 10px !important; letter-spacing: -.02em; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card p,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-facts p { font-size: 13px !important; line-height: 1.8 !important; color: var(--ui-muted); margin: 0 0 18px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-link { appearance: none; border: 0; padding: 0; background: none; color: var(--ui-violet-dark) !important; text-align: left; font-size: 12px !important; font-weight: 700; text-decoration: none; cursor: pointer; margin-top: auto; min-height: 38px; display: inline-flex; align-items: center; gap: 8px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-link:hover { text-decoration: underline; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-note { font-size: 12px !important; color: var(--ui-muted); line-height: 1.8 !important; margin: 20px 0 0 !important; max-width: 100ch; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-note a { text-decoration: underline; text-underline-offset: 3px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-banner-grid picture { height: 250px; padding: 16px; display: grid; place-items: center; background: linear-gradient(135deg,#e8dafa,#f5e3d3); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-banner-grid picture img { width: auto !important; max-width: 100%; max-height: 218px; border-radius: 8px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 20px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-facts article { border: 1px solid var(--ui-line); border-radius: 20px; padding: 25px; background: var(--ui-white); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-facts article > span { font-size: 10px; font-weight: 700; letter-spacing: .05em; color: var(--ui-violet); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-facts h3 { font-size: 20px !important; line-height: 1.4 !important; margin: 12px 0 16px !important; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-tool { border: 1px solid var(--ui-line); background: #f4effa; padding: 10px 14px; border-radius: 14px; margin: 10px 0 !important; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets button { appearance: none; border: 1px solid #d9cbe8; border-radius: 9px; color: var(--ui-ink); background: var(--ui-white); font-size: 11px; font-weight: 700; padding: 7px 11px; min-height: 36px; cursor: pointer; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets button:hover,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets button[aria-pressed='true'] { background: var(--ui-violet); border-color: var(--ui-violet); color: white; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-lock { display: flex; align-items: center; gap: 7px; font-size: 11px; margin: 0 0 0 6px; line-height: 1.5; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-lock input { appearance: auto; width: 17px; height: 17px; margin: 0; accent-color: var(--ui-violet); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-dimensions { display: block; margin-top: 5px; font-size: 11px; font-variant-numeric: tabular-nums; color: var(--ui-muted); line-height: 1.6; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor { border: 1px solid #d3c1eb; border-radius: 20px; background: var(--ui-white); margin-top: 24px; overflow: hidden; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor summary { padding: 18px 22px; color: var(--ui-violet-dark); background: #eee5fc; font-weight: 700; font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; list-style: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor summary::-webkit-details-marker { display: none; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor[open] summary > span { transform: rotate(45deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-body { display: grid; grid-template-columns: minmax(240px,.8fr) minmax(0,1.5fr); gap: 28px; padding: 24px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-controls { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-controls label { display: grid; gap: 7px; font-size: 12px; color: var(--ui-ink); margin: 0; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-controls :is(input,select) { display: block; width: 100%; min-height: 44px; border: 1px solid #d3c6e1; border-radius: 9px; padding: 10px 12px; font-size: 14px; color: var(--ui-ink); background: var(--ui-paper); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; min-height: 44px; background: var(--ui-violet); color: white !important; font-size: 12px; line-height: 1.6; font-weight: 700; border: 1px solid var(--ui-violet); border-radius: 12px; text-decoration: none !important; cursor: pointer; box-shadow: 0 5px 0 #4c2d9217; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-button:hover { background: var(--ui-violet-dark); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-button-light { color: var(--ui-violet-dark) !important; background: #f0e8fc; border-color: #d6c4ef; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-button-light:hover { background: #e7d9fa; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-button:disabled { opacity: .5; cursor: default; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-status { font-size: 11px; line-height: 1.7; min-height: 38px; color: var(--ui-muted); }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-canvas-frame { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 18px; background: #f1edf6; border-radius: 14px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-canvas-frame > canvas { display: block; max-width: 100%; max-height: 380px; width: auto; height: auto; object-fit: contain; box-shadow: 0 8px 24px #38234717; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-small { align-self: flex-start; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-small span { display: block; margin-bottom: 7px; font-size: 10px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-small canvas { display: block; width: 160px; height: auto; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-pipeline { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 18px; padding: 20px; border-radius: 15px; background: #ebe2f9; margin-bottom: 24px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-pipeline span { font-weight: 700; font-size: 13px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-downloads { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 24px; font-size: 13px; }
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor + .ui-growth-facts { margin-top: 24px; }
@media(max-width:1000px) {
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid-four { grid-template-columns: repeat(2,minmax(0,1fr)); }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-body { grid-template-columns: minmax(200px,1fr) minmax(0,1.3fr); gap: 18px; }
}
@media(max-width:640px) {
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid-two,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-grid-four { grid-template-columns: minmax(0,1fr); gap: 16px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-body { grid-template-columns: minmax(0,1fr); padding: 18px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-editor-controls :is(input,select) { font-size: 16px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card figcaption { padding: 18px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets { gap: 5px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets button { min-height: 38px; padding: 7px 9px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-lock { width: 100%; margin: 4px 0 0; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-tool { padding: 8px 10px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-facts article { padding: 20px; }
}
@media(max-width:640px) {
 body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio.ui-growth-enabled .ui-growth-tool,body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .ui-growth-tool { grid-column: 1/-1; grid-row: 3; margin: 0 !important; }
 body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio.ui-growth-enabled .ui-rotation-controls > b { grid-row: 4; }
 body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio.ui-growth-enabled .docs-data,body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio.ui-growth-enabled .ui-rotation-controls > div { grid-row: 5; }
 body:is(#pxx-ui-priority,.pxx-site).ui-rotate-studio.ui-growth-enabled .docs-preview { grid-row: 6; }
 body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .docs-data { grid-row: 4; }
 body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .ui-photo-preview > h3 { grid-row: 5; }
 body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .ui-photo-preview > p { grid-row: 6; }
 body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .docs-preview { grid-row: 7; }
 body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .crop-proof-grid { grid-row: 8; }
 body:is(#pxx-ui-priority,.pxx-site).ui-crop-studio.ui-growth-enabled .crop-side-note { grid-row: 9; }
}
body:is(#pxx-ui-priority,.pxx-site).ui-filter-studio .ui-growth-filter-gallery { grid-column: 1/-1; width: 100%; min-width: 0; }
@media(max-width:640px) {
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-presets button { min-height: 44px; }
 body:is(#pxx-ui-priority,.pxx-site) .ui-growth-card .ui-growth-link { min-height: 44px; }
}

/* 13. Next ten organic landing examples: reuse the growth cards and typography. */
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;align-items:start}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-single{min-width:0}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-single .ui-growth-card{margin:0}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-split>.ui-growth-facts{margin:0;grid-template-columns:minmax(0,1fr)}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-instagram-gallery .ui-growth-card picture{height:340px;background:#eee6f7}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-instagram-gallery .ui-growth-card img{width:100%;height:100% !important;object-fit:contain}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-print-gallery .ui-growth-card picture{width:min(100%,270px);margin:18px auto 0}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-bleed picture{position:relative}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-bleed picture::after{content:"";position:absolute;inset:1.39% 1.95%;border:2px dashed #67e5d5;pointer-events:none;filter:drop-shadow(0 0 1px #1e3940)}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-calculator,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv{min-width:0;margin:26px 0;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fffaf6}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-fields label,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv>label{display:grid;gap:9px;font-size:13px;font-weight:600;color:var(--ink)}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-fields input,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid #d1c4e1;border-radius:12px;background:#fff;color:#282234;font:inherit}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-fields input{min-height:46px}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv textarea{display:block;min-height:180px;resize:vertical;font:12px/1.7 ui-monospace,monospace;margin:12px 0}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-calculator output,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv output{display:block;white-space:normal;overflow-wrap:anywhere;background:#eee5fa;border:1px solid #d9c9ed;border-radius:14px;padding:16px;color:#453064;font-size:14px;line-height:1.8}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv output[data-error="true"]{background:#fff0f0;border-color:#df9f9f;color:#8c263a}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv button{min-height:46px}
@media(max-width:800px){body:is(#pxx-ui-priority,.pxx-site) .ui-growth-split{grid-template-columns:minmax(0,1fr)}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){body:is(#pxx-ui-priority,.pxx-site) .ui-growth-calculator,body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv{padding:18px}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-fields{gap:12px}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-instagram-gallery .ui-growth-card picture{height:300px}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv .ui-growth-downloads{align-items:stretch}
body:is(#pxx-ui-priority,.pxx-site) .ui-growth-csv button{width:100%}}

/* 14. Third organic batch: shared media, useful helpers and readable API docs. */
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-section .ui-growth-card picture{height:260px;display:grid;place-items:center;background:linear-gradient(135deg,#eadff7,#f6e9dc)}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-section .ui-growth-card img{width:auto !important;height:auto !important;max-width:100%;max-height:260px !important;object-fit:contain !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 #wave3-pin-examples picture{height:390px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 #wave3-pin-examples picture img{max-height:390px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 #wave3-shop-examples picture{height:180px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 #wave3-shop-examples picture img{max-height:180px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--ui-line);border-radius:16px;margin:20px 0}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-table table{margin:0 !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-shell{min-width:0;max-width:100%;margin:24px 0;border:1px solid #574362;border-radius:16px;overflow:hidden;background:#2d2438}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-shell pre{margin:0 !important;padding:20px !important;float:none !important;width:100% !important;min-width:0;max-width:100%;max-height:540px;overflow:auto !important;white-space:pre !important;background:#2d2438 !important;color:#f0e6fa;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace !important;border:0 !important;border-radius:0 !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-shell pre code{font:inherit !important;color:inherit}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #594565;background:#3b2d49;color:#e1d1ed;font-size:10px;letter-spacing:.04em}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-toolbar button{margin-left:auto;padding:8px 14px;min-height:42px;border:1px solid #b49acd;border-radius:10px;background:#7451ab;color:white;font:700 12px var(--ui-font);cursor:pointer}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-toolbar output{font-size:11px;color:#d6f1a4;letter-spacing:0}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-code-shell :is(.c,.c1,.cm){color:#c9b6d5 !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool{margin:24px 0;padding:24px;border:1px solid #dccfec;border-radius:20px;background:#fffaf6;min-width:0;max-width:100%}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 details.ui-wave3-tool>summary{cursor:pointer;font-weight:700;color:#593688}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--ui-ink);margin-bottom:14px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool :is(input,textarea){width:100%;max-width:100%;min-width:0;padding:12px;border:1px solid #cfc0df;border-radius:12px;background:white;color:var(--ui-ink);font:14px/1.7 var(--ui-font);box-sizing:border-box}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;min-height:160px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool output{display:block;overflow-wrap:anywhere;white-space:normal;margin:16px 0 0;padding:16px;border:1px solid #d7c6e9;border-radius:14px;background:#eee4fa;color:#49315f;font-size:14px;line-height:1.8}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool output[data-error=true]{background:#fff0f0;border-color:#e5a6a6;color:#8c263a}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel{clear:both;padding:24px;margin:22px 0;border:1px solid #d7c5e7;border-radius:20px;background:linear-gradient(135deg,#f4edfc,#fff7ec);color:var(--ui-ink)}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel>h2{font-size:26px !important;line-height:1.3;margin:0 0 14px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel>p{font-size:14px;line-height:1.85;max-width:90ch}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel .ui-growth-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel .ui-growth-facts article{padding:18px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel .ui-growth-facts h3{font-size:17px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel{border:1px solid var(--ui-line);border-radius:22px;overflow:hidden;background:var(--ui-white);box-shadow:var(--ui-shadow)}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel-heading{background:linear-gradient(125deg,#eee4fa,#fcf0e5);padding:26px !important;border-bottom:1px solid #e2d6eb}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel-heading h1,body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel-heading h1 span{font:700 clamp(25px,3vw,38px)/1.2 var(--ui-font) !important;color:#573579 !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel-body{padding:26px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .main-content{max-width:1400px;margin:0 auto}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel>.ui-wave3-doc-panel{margin:20px 26px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .dark-box{display:none !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content{max-width:1120px;margin:0 auto;padding:24px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content>*{float:none !important;width:auto !important;max-width:100%;margin-right:0 !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content>:is(p,ul,ol,blockquote,aside,h1,h2,h3){padding-left:24px !important;padding-right:24px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content .highlight{float:none !important;width:100% !important;max-width:100%;clear:both}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content>blockquote{margin:16px 0 !important;border-left:4px solid #a67bc8;border-radius:10px;background:#362943 !important;color:#f0e2fc}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content>h1{border-radius:16px;margin:30px 0 20px !important}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .ui-wave3-doc-panel{padding:24px !important}
@media(max-width:800px){
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel .ui-growth-facts{grid-template-columns:minmax(0,1fr)}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-tool{padding:18px}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel-heading,body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel-body{padding:18px !important}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .panel>.ui-wave3-doc-panel{margin:16px}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content{padding:14px !important}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-reference .content>:is(p,ul,ol,blockquote,aside,h1,h2,h3){padding-left:16px !important;padding-right:16px !important}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3 #wave3-pin-examples picture{height:340px}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3 #wave3-pin-examples picture img{max-height:340px !important}
}
/* The two legacy references keep their native navigation and expose it on mobile. */
body:is(#pxx-ui-priority,.pxx-site).ui-wave3 .ui-wave3-doc-panel{scroll-margin-top:100px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .ui-wave3-doc-menu{display:none}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs:not(.ui-wave3-reference) nav.ui-navbar .brand{display:flex !important;align-items:center;padding:14px 24px;min-height:70px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs:not(.ui-wave3-reference) nav.ui-navbar .brand a{display:flex;align-items:center;gap:12px}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs:not(.ui-wave3-reference) nav.ui-navbar .brand img{width:40px !important;height:40px !important;object-fit:contain}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .ui-wave3-doc-word{font:400 20px/1 Audiowide,sans-serif;color:var(--ui-ink)}
body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs #sidebar-nav{top:71px !important;bottom:0 !important;height:calc(100vh - 71px) !important;padding:16px 0 !important;overflow-y:auto}
@media(max-width:991px){
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs:not(.ui-wave3-reference) nav.ui-navbar{display:flex !important;align-items:center;justify-content:space-between;padding:0 12px}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs:not(.ui-wave3-reference) nav.ui-navbar .brand{padding:12px 0}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .ui-wave3-doc-word{font-size:18px}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs .ui-wave3-doc-menu{display:block;padding:9px 12px;border:1px solid #c9b3e2;border-radius:12px;background:#eee5fa;color:#4d2874;font:600 12px/1.4 var(--ui-font)}
 body:is(#pxx-ui-priority,.pxx-site).ui-wave3-docs #sidebar-nav.ui-wave3-nav-open{left:0 !important;top:71px !important;bottom:0 !important;height:calc(100vh - 71px) !important;z-index:1001;overflow-y:auto;transform:none !important;box-shadow:12px 0 32px #2c123733}
}

/* Contact — shared source, no page-specific stylesheet or new raster assets. */
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-main { position: relative; isolation: isolate; overflow: hidden; padding: 78px 24px 76px; background: radial-gradient(ellipse at 10% 20%,#f8e6db 0,transparent 48%),radial-gradient(ellipse at 94% 10%,#e8dcff 0,transparent 50%),#fcfaf6; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-wrap { position: relative; max-width: 1030px; margin-inline: auto; text-align: center; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-title { margin: 0 0 18px; font: 700 clamp(48px,6.5vw,80px)/1.06 var(--ui-font); letter-spacing: -.065em; color: var(--ui-ink); }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-title span { color: var(--ui-violet); background: linear-gradient(110deg,#6648e2,#b634a0,#e0807a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-intro { max-width: 620px; margin: 0 auto 38px; color: var(--ui-muted); font-size: 18px; line-height: 1.7; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-email-card { position: relative; display: flex; align-items: center; gap: 25px; padding: 40px; text-align: left; color: var(--ui-ink); text-decoration: none; border: 1px solid #cebbe7; border-radius: 28px; background: #fffefc; box-shadow: 0 8px 0 #e7dcf4,0 24px 64px #69459512; transition: transform .2s,box-shadow .2s,border-color .2s; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-email-card:hover { color: var(--ui-ink); transform: translateY(-4px); border-color: var(--ui-violet); box-shadow: 0 12px 0 #e7dcf4,0 30px 70px #6945951c; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-icon { flex: 0 0 78px; width: 78px; height: 78px; display: grid; place-items: center; border-radius: 24px; background: #e7f4b8; color: #40592b; transform: rotate(-7deg); }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-icon svg { width: 42px; height: 42px; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-email-content { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-label { color: #70647f; font-size: 15px; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-address { font: 700 clamp(20px,4.5vw,53px)/1.3 var(--ui-font); letter-spacing: -.045em; color: #6b43c2; overflow-wrap: anywhere; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-arrow { flex: 0 0 32px; width: 32px; height: 32px; margin-left: auto; color: var(--ui-violet); }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-note { max-width: 650px; margin: 32px auto 0; color: var(--ui-muted); font-size: 14px; line-height: 1.8; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-decoration { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-decoration span { position: absolute; width: 180px; height: 180px; border: 1px solid #bda2df66; border-radius: 50%; left: -110px; top: 40%; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-decoration span + span { width: 230px; height: 230px; left: auto; right: -120px; top: 14%; border-color: #b9cf7466; }
body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-decoration > svg { position: absolute; width: 130px; right: 5%; top: 34px; color: #a48ad66b; transform: rotate(8deg); }
body:is(#pxx-ui-priority,.pxx-site) .ui-footer-contact-group { padding-block: 24px; border-top: 1px solid #d6c8e4; }
body:is(#pxx-ui-priority,.pxx-site) .ui-footer-contact-group nav { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 26px; font: 400 14px/1.6 var(--ui-font); }
body:is(#pxx-ui-priority,.pxx-site) .ui-footer-contact-group b { color: var(--ui-ink); font-weight: 700; }
body:is(#pxx-ui-priority,.pxx-site) .ui-footer-contact-group a { color: var(--ui-violet); }
@media(max-width:639px) {
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-main { padding: 44px 18px 50px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-title { max-width: 440px; margin-inline: auto; font-size: clamp(48px,13vw,64px); }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-intro { font-size: 16px; margin-bottom: 28px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-email-card { display: grid; grid-template-columns: 48px 1fr; gap: 19px; padding: 24px 20px; border-radius: 22px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-icon { width: 48px; height: 48px; border-radius: 16px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-icon svg { width: 29px; height: 29px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-email-content { grid-column: 1/-1; grid-row: 2; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-address { font-size: clamp(20px,6vw,32px); }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-arrow { grid-column: 2; grid-row: 1; width: 26px; height: 26px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-note { font-size: 13px; margin-top: 26px; }
  body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-decoration > svg { width: 86px; right: -20px; top: 15px; opacity: .6; }
}
@media(prefers-reduced-motion:reduce) { body:is(#pxx-ui-priority,.pxx-site).ui-contact-page .ui-contact-email-card { transition: none; } }