.rbc-page-gallery{background:linear-gradient(180deg,#f5fafb 0%,#fff 100%);overflow:hidden}
.rbc-page-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:42px}
.rbc-page-card{min-width:0;padding:18px;border:1px solid #dce8eb;border-radius:30px;background:#fff;box-shadow:0 18px 54px rgba(12,48,57,.08);outline:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.rbc-page-card:hover,.rbc-page-card:focus-visible,.rbc-page-card.is-scrolling{transform:translateY(-5px);border-color:#6caeb5;box-shadow:0 28px 70px rgba(12,48,57,.14)}
.rbc-page-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:5px 5px 16px;direction:rtl}
.rbc-page-card-head>div{display:flex;align-items:center;gap:11px;white-space:nowrap}
.rbc-page-card-head span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5f4f5;color:#08717b;font-weight:900;font-size:13px}
.rbc-page-card-head h3{margin:0;color:#14353e;font-size:20px;font-weight:900}
.rbc-page-card-head p{max-width:295px;margin:4px 0 0;color:#6b7e84;font-size:12px;line-height:1.8;text-align:right}
.rbc-page-browser{overflow:hidden;border:1px solid #cfdee2;border-radius:20px;background:#eef4f6;box-shadow:0 12px 32px rgba(9,40,48,.1)}
.rbc-page-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#fff;border-bottom:1px solid #dce7ea;direction:ltr}
.rbc-page-browser-bar i{display:block;width:9px;height:9px;border-radius:50%;background:#b8c8cc}
.rbc-page-browser-bar i:first-child{background:#ef7880}.rbc-page-browser-bar i:nth-child(2){background:#f0bf60}.rbc-page-browser-bar i:nth-child(3){background:#68bd8b}
.rbc-page-browser-bar b{margin-left:auto;max-width:70%;overflow:hidden;color:#789097;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;direction:rtl}
.rbc-page-viewport{position:relative;height:clamp(360px,42vw,610px);overflow:hidden;background:#f4f8f9;cursor:ns-resize}
.rbc-page-viewport img{position:absolute;inset:0 0 auto;width:100%;height:auto;display:block;transform:translate3d(0,0,0);will-change:transform}
.rbc-page-hover-hint{position:absolute;z-index:2;right:50%;bottom:16px;transform:translate(50%,8px);padding:9px 14px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(6,39,47,.78);backdrop-filter:blur(10px);color:#fff;font-size:11px;font-weight:800;opacity:0;transition:.25s ease;white-space:nowrap;pointer-events:none}
.rbc-page-card:hover .rbc-page-hover-hint,.rbc-page-card:focus-visible .rbc-page-hover-hint{transform:translate(50%,0);opacity:1}
.rbc-page-card.is-scrolling .rbc-page-hover-hint{opacity:0}
@media(max-width:900px){.rbc-page-gallery-grid{grid-template-columns:1fr}.rbc-page-viewport{height:min(125vw,650px)}}
@media(max-width:560px){.rbc-page-gallery-grid{gap:18px;margin-top:28px}.rbc-page-card{padding:10px;border-radius:22px}.rbc-page-card-head{display:block;padding:5px 7px 13px}.rbc-page-card-head p{max-width:none;margin-top:8px}.rbc-page-viewport{height:112vw}.rbc-page-hover-hint{opacity:1}}
@media(prefers-reduced-motion:reduce){.rbc-page-card,.rbc-page-hover-hint{transition:none}.rbc-page-viewport{overflow:auto}.rbc-page-viewport img{position:static;will-change:auto}}