.seerati-gallery-stage{isolation:isolate;perspective:1800px;padding-bottom:8rem;position:relative}.seerati-gallery-stage:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in oklab, var(--emerald-accent) 12%, transparent), transparent 68%);filter:blur(36px);pointer-events:none;border-radius:999px;height:22rem;position:absolute;inset:4rem 8% auto}.seerati-gallery-toolbar{z-index:20;border:1px solid color-mix(in oklab, var(--border) 72%, transparent);background:color-mix(in oklab, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.08);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem;display:flex;position:sticky;top:4.75rem;box-shadow:0 18px 48px -36px #0f172a6b}.seerati-gallery-grid{transform-style:preserve-3d;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}.seerati-template-card{--gallery-rx:0deg;--gallery-ry:0deg;--gallery-shine-x:50%;--gallery-shine-y:20%;border:1px solid color-mix(in oklab, var(--border) 76%, transparent);background:color-mix(in oklab, var(--card) 94%, transparent);min-width:0;transform:perspective(1200px) rotateX(var(--gallery-rx)) rotateY(var(--gallery-ry)) translateZ(0);transform-style:preserve-3d;border-radius:1.4rem;flex-direction:column;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 26px 64px -42px #0f172a57}.seerati-template-card:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gallery-shine-x) var(--gallery-shine-y), #fff3, transparent 27%);mix-blend-mode:soft-light;opacity:.7;position:absolute;inset:0}.seerati-template-card-glow{z-index:0;background:radial-gradient(circle, color-mix(in oklab, var(--emerald-accent) 11%, transparent), transparent 72%);filter:blur(24px);pointer-events:none;border-radius:999px;height:15rem;position:absolute;inset:8% 10% auto}.seerati-template-paper-wrap{z-index:1;background:linear-gradient(180deg, color-mix(in oklab, var(--sand) 42%, transparent), transparent 65%), radial-gradient(circle at 50% 0%, #ffffff8c, transparent 48%);min-height:28rem;transform-style:preserve-3d;padding:1.4rem 1.4rem 0;position:relative;overflow:hidden}.seerati-template-paper{transform-origin:top;filter:drop-shadow(0 22px 20px #0f172a1f);width:100%;transition:transform .28s cubic-bezier(.2,.8,.2,1);transform:translateZ(32px)rotateX(.4deg)}.seerati-template-meta{z-index:7;border-top:1px solid color-mix(in oklab, var(--border) 72%, transparent);background:color-mix(in oklab, var(--card) 96%, transparent);flex:1;padding:1.25rem;position:relative;transform:translateZ(18px)}@media (hover:hover) and (pointer:fine){.seerati-template-card:hover{border-color:color-mix(in oklab, var(--emerald-accent) 38%, var(--border));box-shadow:0 10px 24px -18px #0f172a33, 0 44px 110px -54px #0f172a7a, 0 0 72px -32px color-mix(in oklab, var(--emerald-accent) 50%, transparent)}.seerati-template-card:hover .seerati-template-paper{transform:translateZ(46px)translateY(-4px)rotateX(0)}}.seerati-compare-dock{inset-inline:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:60;border:1px solid color-mix(in oklab, var(--border) 65%, transparent);background:color-mix(in oklab, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.15);border-radius:1.1rem;align-items:center;gap:1rem;width:min(100% - 2rem,42rem);padding:.8rem .9rem;animation:.36s cubic-bezier(.2,.8,.2,1) both seerati-dock-in;display:flex;position:fixed;transform:translate(50%)translateZ(48px);box-shadow:0 22px 70px -34px #0f172a80,inset 0 1px #ffffff26}[dir=ltr] .seerati-compare-dock{transform:translate(-50%)translateZ(48px)}@keyframes seerati-dock-in{0%{opacity:0;translate:0 18px;scale:.97}to{opacity:1;translate:0;scale:1}}.seerati-cinematic-dialog{perspective:1800px;background:color-mix(in oklab, var(--card) 97%, transparent);box-shadow:0 42px 120px -38px #020c1ba3, 0 0 100px -52px color-mix(in oklab, var(--emerald-accent) 48%, transparent)}.seerati-cinematic-preview{background:radial-gradient(circle at 20% 10%, color-mix(in oklab, var(--emerald-accent) 20%, transparent), transparent 34%), radial-gradient(circle at 86% 8%, #bf914621, transparent 30%), linear-gradient(145deg, oklch(15% .035 258), oklch(21% .05 255));min-height:34rem;transform-style:preserve-3d;place-items:center;padding:2rem;display:grid;position:relative;overflow:hidden}.seerati-cinematic-preview:before{content:"";opacity:.7;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;border:1px solid #ffffff14;width:115%;height:76%;position:absolute;bottom:-46%;transform:rotateX(67deg)translateZ(-80px);-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.seerati-cinematic-paper{z-index:2;filter:drop-shadow(0 42px 34px #00000059);width:min(90%,34rem);animation:.56s cubic-bezier(.16,1,.3,1) both seerati-cinematic-enter;position:relative;transform:perspective(1400px)rotateY(-4deg)rotateX(1.5deg)translateZ(40px)}[dir=rtl] .seerati-cinematic-paper{transform:perspective(1400px)rotateY(4deg)rotateX(1.5deg)translateZ(40px)}@keyframes seerati-cinematic-enter{0%{opacity:0;translate:0 24px;scale:.92}to{opacity:1;translate:0;scale:1}}@media (width>=640px){.seerati-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.seerati-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.seerati-gallery-toolbar{top:4.25rem}.seerati-template-card{transform:none!important}.seerati-template-paper{transform:translateZ(0)}.seerati-cinematic-preview{min-height:25rem;padding:1rem}.seerati-cinematic-paper{width:min(92%,28rem);transform:none!important}}@media (prefers-reduced-motion:reduce){.seerati-template-card,.seerati-template-paper,.seerati-cinematic-paper,.seerati-compare-dock{transition:none!important;animation:none!important;transform:none!important}}@media print{.seerati-gallery-stage,.seerati-compare-dock,.seerati-cinematic-dialog{display:none!important}}