/* Findb Pages shared editor experience — CP37 */
.pages-xp-rail{width:100%;min-width:0;position:relative;margin:0 0 16px}.pages-xp-rail-track{display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px 8px 8px 2px}.pages-xp-rail-track::-webkit-scrollbar{display:none}.pages-xp-rail button{appearance:none;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#9a98a6;min-height:54px;min-width:78px;padding:8px 13px;border-radius:17px;display:grid;grid-template-columns:auto;place-items:center;align-content:center;gap:5px;scroll-snap-align:start;white-space:nowrap;font:inherit;font-size:10px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.pages-xp-rail button svg{width:19px;height:19px;stroke-width:1.75}.pages-xp-rail button small{font-size:8px;color:#d4c8ff}.pages-xp-rail button.active{color:#fff;border-color:rgba(173,147,255,.32);background:linear-gradient(180deg,rgba(147,116,255,.22),rgba(116,92,210,.11));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.pages-xp-rail button:focus-visible{outline:2px solid rgba(174,148,255,.7);outline-offset:2px}.pages-xp-rail button:disabled{opacity:.4;cursor:not-allowed}.pages-xp-rail button:not(:disabled):active{transform:scale(.97)}
.pages-xp-editor-surface{min-width:0}.pages-xp-editor-surface [data-pages-xp-panel][hidden],.pages-xp-design-surface [data-pages-xp-design-panel][hidden]{display:none!important}.pages-xp-editor-surface [data-pages-xp-panel].active,.pages-xp-design-surface [data-pages-xp-design-panel].active{animation:pagesXpPanelIn .18s ease both}@keyframes pagesXpPanelIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.pages-xp-live-preview{position:relative;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.23)}.pages-xp-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,10,14,.72);backdrop-filter:blur(18px)}.pages-xp-preview-head>div{min-width:0}.pages-xp-preview-head strong,.pages-xp-preview-head small{display:block}.pages-xp-preview-head strong{font-size:12px;color:#f8f7fb}.pages-xp-preview-head small{margin-top:3px;font-size:9px;color:#83818f}.pages-xp-preview-head button{appearance:none;border:0;background:rgba(255,255,255,.07);color:#efedf6;min-height:34px;padding:0 11px;border-radius:12px;display:inline-flex;align-items:center;gap:7px;font:750 10px/1 inherit;cursor:pointer}.pages-xp-preview-head button svg{width:15px;height:15px}.pages-xp-preview-head button:hover{background:rgba(255,255,255,.11)}
.pages-xp-live-frame{display:block;width:100%;height:100%;border:0;background:#08090d}.pages-xp-live-preview-host{position:relative;width:100%;min-height:420px;background:#08090d;overflow:hidden}.pages-xp-live-preview-host>.pages-xp-live-frame{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .18s ease}.pages-xp-live-preview-host.is-live-ready>.pages-xp-live-frame{opacity:1}.pages-xp-live-preview-host.is-live-ready>.pages-xp-live-fallback{opacity:0;visibility:hidden}.pages-xp-live-fallback{transition:opacity .18s ease;position:relative;z-index:1}
.pages-xp-block-catalog{display:grid;gap:20px}.pages-xp-block-group{display:grid;gap:10px}.pages-xp-block-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.pages-xp-block-group-head strong{font-size:12px;color:#f4f2f8}.pages-xp-block-group-head small{font-size:9px;color:#7f7c8a}.pages-xp-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pages-xp-block-grid>button{appearance:none;text-align:left;border:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.032));color:#fff;border-radius:17px;min-height:108px;padding:13px;display:flex;flex-direction:column;gap:10px;position:relative;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .16s ease,background .16s ease}.pages-xp-block-grid>button:hover{background:linear-gradient(180deg,rgba(177,151,255,.11),rgba(255,255,255,.04))}.pages-xp-block-grid>button:active{transform:scale(.985)}.pages-xp-block-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.075);color:#d8ccff}.pages-xp-block-icon svg{width:19px;height:19px}.pages-xp-block-copy{display:grid;gap:3px;min-width:0}.pages-xp-block-copy strong{font-size:11px;line-height:1.25}.pages-xp-block-copy small{font-size:9px;line-height:1.35;color:#858290}.pages-xp-block-grid em{position:absolute;top:10px;right:10px;padding:4px 6px;border-radius:999px;background:rgba(154,122,255,.16);color:#d7cbff;font-size:7px;font-style:normal;font-weight:800}.pages-xp-block-grid>button:disabled{opacity:.44;cursor:not-allowed}.pages-xp-empty{padding:26px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;text-align:center;color:#858290;font-size:11px}
.pages-xp-section-shell{display:grid;gap:14px}.pages-xp-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.pages-xp-section-intro h2{margin:0;font-size:21px;letter-spacing:-.035em}.pages-xp-section-intro p{margin:5px 0 0;color:#858290;font-size:11px;line-height:1.45}.pages-xp-section-intro .pages-xp-kicker{display:block;margin-bottom:6px;color:#a98cff;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.pages-xp-sheet-scrim{position:fixed;inset:0;z-index:104;border:0;background:rgba(0,0,0,.30);opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.pages-xp-sheet-scrim.is-open{opacity:1;pointer-events:auto}.pages-xp-sheet-grabber{display:none;position:absolute;top:8px;left:50%;transform:translateX(-50%);width:42px;height:5px;border-radius:999px;background:rgba(255,255,255,.26);touch-action:none;cursor:grab;z-index:8}.pages-xp-sheet-grabber:active{cursor:grabbing}

@media(max-width:860px){.pages-xp-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pages-xp-live-preview{border-radius:22px}.pages-xp-preview-head{position:relative;z-index:2}}
@media(max-width:760px){
  /* Mobile rails are glass app controls, not bordered web cards. */
  .pages-xp-rail{margin:0!important}.pages-xp-rail-track{gap:2px;padding:0 8px!important;scroll-padding-inline:8px}
  .pages-xp-rail button{min-width:70px;min-height:58px;border:0!important;border-radius:17px;background:transparent!important;padding:6px 10px;color:#aaa8b5;box-shadow:none!important}
  .pages-xp-rail button.active{background:rgba(255,255,255,.11)!important;color:#fff!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
  .pages-xp-context-bottom,.pages-xp-mobile-bottom{position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;z-index:120!important;margin:0!important;padding:6px!important;border:0!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(31,31,39,.80),rgba(17,17,24,.72))!important;box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055)!important;backdrop-filter:blur(30px) saturate(145%)!important;-webkit-backdrop-filter:blur(30px) saturate(145%)!important}
  .pages-xp-context-bottom:after,.pages-xp-mobile-bottom:after,.pages-xp-rail:after{display:none!important}
  .pages-xp-sheet-grabber{display:block}
  .pages-xp-live-preview-host{min-height:0;height:100%;border-radius:30px;box-shadow:0 22px 70px rgba(0,0,0,.44)}
}
@media(max-width:420px){.pages-xp-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pages-xp-block-grid>button{min-height:96px;padding:11px}.pages-xp-section-intro{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.pages-xp-rail button,.pages-xp-block-grid>button,.pages-xp-editor-surface [data-pages-xp-panel].active,.pages-xp-design-surface [data-pages-xp-design-panel].active,.pages-xp-sheet-scrim,.pages-xp-live-preview-host>.pages-xp-live-frame{animation:none!important;transition:none!important}}


/* CP55 / Studio CP53 — live reorder interaction shared by Create and Studio.
   The dragged card floats under the pointer while the placeholder moves in the real list,
   so neighboring cards animate into their new positions before drop. */
.pages-reorder-placeholder{
  width:100%;min-width:0;border:1px dashed rgba(145,121,255,.34);border-radius:17px;
  background:linear-gradient(180deg,rgba(121,87,255,.065),rgba(121,87,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);opacity:.62;
  transition:border-color .16s ease,background .16s ease,opacity .16s ease,box-shadow .16s ease;
}
.pages-reorder-placeholder.is-active{border-color:rgba(157,134,255,.58);background:linear-gradient(180deg,rgba(121,87,255,.11),rgba(121,87,255,.035));opacity:.9;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 0 1px rgba(121,87,255,.06)}
.pages-reorder-placeholder.is-moving{border-color:rgba(172,150,255,.72)}
.pages-reorder-floating{box-shadow:0 24px 58px rgba(0,0,0,.44),0 0 0 1px rgba(157,134,255,.18)!important;opacity:.97!important;transition:box-shadow .14s ease,opacity .14s ease!important}
@media(prefers-reduced-motion:reduce){.pages-reorder-placeholder,.pages-reorder-floating{transition:none!important}}

/* CP79 — mobile/touch focus normalization for the shared Add block catalog.
   Touch focus must not make a single card look structurally different; keyboard focus-visible remains accessible. */
.pages-xp-block-grid>button{-webkit-tap-highlight-color:transparent}
.pages-xp-block-grid>button:focus{outline:none}
.pages-xp-block-grid>button:focus-visible{outline:2px solid rgba(174,148,255,.7);outline-offset:2px}