.page-swap-movable{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:auto}
.page-swap-movable img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.page-swapping,.page-swapping .page-swap-movable{cursor:grabbing!important;user-select:none}
.page-swap-source{opacity:.55;outline:2px dashed #ffcf52;outline-offset:2px}
.page-swap-target{outline:3px solid #ffcf52!important;outline-offset:3px;background:#223e53!important}
.page-swap-ghost{position:fixed!important;z-index:10050;pointer-events:none!important;width:136px!important;height:180px!important;min-width:0!important;min-height:0!important;padding:8px!important;display:flex!important;flex-direction:column;gap:4px;border:2px solid #ffcf52!important;border-radius:10px;background:#102538!important;color:#fff!important;box-shadow:0 8px 28px #0008;opacity:.95;overflow:hidden;font-size:14px!important}
.page-swap-ghost img{height:130px;width:100%;object-fit:contain;min-height:0}
.page-swap-ghost .flow-page-placeholder{height:120px;min-height:0}
.page-swap-ghost small,.page-swap-ghost .status-dot{display:none}
.page-swap-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}