.shell-stage--compact .view-transition__grid{gap:5px}.shell-stage--compact .view-transition__tile{min-height:17px;border-radius:6px}.view-transition.pattern-preview--animated{--view-transition-cycle:calc(var(--detail-cycle, 5.2s) / 2);--view-transition-ease:var(--detail-ease,cubic-bezier(0.2,0.8,0.2,1))}.view-transition--dialog.pattern-preview--animated{--view-transition-cycle:var(--detail-cycle,5.2s)}.view-transition--gallery.pattern-preview--animated .view-transition__tile{animation:view-transition-gallery-tile var(--view-transition-cycle) var(--view-transition-ease) infinite alternate both}.view-transition--gallery.pattern-preview--animated .view-transition__tile:first-child{animation-delay:0s}.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(2){animation-delay:80ms}.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(3){animation-delay:.16s;transform-origin:center}.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(4){animation-delay:.22s;transform-origin:center}.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(5){animation-delay:.32s}.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(6){animation-delay:.4s}.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(3),.view-transition--gallery.pattern-preview--animated .view-transition__tile:nth-child(4){animation-name:view-transition-gallery-hero;z-index:2}@keyframes view-transition-gallery-tile{0%,28%{transform:translate(0) scale(1);opacity:.95;filter:brightness(1)}68%,to{transform:translateY(-1px) scale(.94);opacity:.62;filter:brightness(.9)}}@keyframes view-transition-gallery-hero{0%,28%{transform:scale(1);opacity:.95;box-shadow:inset 0 1px 0 rgba(248,250,252,.1),0 0 0 rgba(167,139,250,0)}68%,to{transform:scale(calc(var(--gallery-hero-base, 1.6) + var(--gallery-hero-slider-impact, 0) * (var(--animation-scale, 1) - 1)));opacity:1;box-shadow:inset 0 1px 0 rgba(248,250,252,.22),0 16px 36px rgba(167,139,250,.45)}}.pattern-preview--inspector.view-transition--gallery .view-transition__tile:nth-child(3),.pattern-preview--inspector.view-transition--gallery .view-transition__tile:nth-child(4){--gallery-hero-base:1.3;--gallery-hero-slider-impact:0.7}.view-transition--rail.pattern-preview--animated .view-transition__rail-item--active{animation:view-transition-rail-active var(--view-transition-cycle) var(--view-transition-ease) infinite alternate both}.view-transition--rail.pattern-preview--animated .view-transition__rail{animation:view-transition-rail-sidebar var(--view-transition-cycle) var(--view-transition-ease) infinite alternate both}.view-transition--rail.pattern-preview--animated .view-transition__rail-thumb{animation:view-transition-rail-thumb var(--view-transition-cycle) var(--view-transition-ease) infinite alternate both}@keyframes view-transition-rail-active{0%,30%{box-shadow:0 0 6px rgba(167,139,250,.18);transform:translateX(0) scale(1)}60%,to{box-shadow:0 0 16px rgba(167,139,250,.5);transform:translateX(2px) scale(calc(var(--rail-active-base, 1.06) + var(--rail-active-slider-impact, 0) * (var(--animation-scale, 1) - 1)))}}.pattern-preview--inspector.view-transition--rail .view-transition__rail-item--active{--rail-active-base:1.2;--rail-active-slider-impact:0.5}@keyframes view-transition-rail-sidebar{0%,30%{transform:translateX(6px) scale(1);opacity:.78}60%,to{transform:translateX(0) scale(calc(1 + var(--rail-card-intensity, 0) * (var(--animation-scale, 1) - 1)));opacity:1}}@keyframes view-transition-rail-thumb{0%,30%{filter:brightness(.85) saturate(.9);transform:scale(.97)}60%,to{filter:brightness(1.05) saturate(1.1);transform:scale(calc(1 + var(--rail-thumb-intensity, .03) * (var(--animation-scale, 1) - 1) + .03))}}.pattern-preview--inspector.view-transition--rail .view-transition__rail{--rail-card-intensity:0.18}.pattern-preview--inspector.view-transition--rail .view-transition__rail-thumb{--rail-thumb-intensity:0.25}.view-transition--dialog.pattern-preview--animated .view-transition__dialog-scrim{animation:view-transition-dialog-scrim var(--view-transition-cycle) var(--view-transition-ease) infinite both}.view-transition--dialog.pattern-preview--animated .view-transition__dialog-window{animation:view-transition-dialog-window var(--view-transition-cycle) var(--view-transition-ease) infinite both}.view-transition--dialog.pattern-preview--animated .view-transition__dialog-trigger{animation:view-transition-dialog-trigger var(--view-transition-cycle) var(--view-transition-ease) infinite both}.pattern-preview--inspector.view-transition--dialog .view-transition__dialog-window{--dialog-hero-intensity:0.4}@keyframes view-transition-dialog-trigger{0%,30%,90%,to{transform:scale(1);box-shadow:0 0 12px rgba(167,139,250,.3);filter:brightness(1);opacity:1}32%,34%{transform:scale(.9);box-shadow:0 0 22px rgba(167,139,250,.75);filter:brightness(1.35);opacity:1}44%,80%{transform:scale(.92);box-shadow:none;filter:brightness(.55);opacity:0}}@keyframes view-transition-dialog-scrim{0%,34%,90%,to{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}44%,80%{opacity:.72;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}@keyframes view-transition-dialog-window{0%,34%,90%,to{transform:scale(.5) translateY(16px);opacity:0;box-shadow:inset 0 1px 0 rgba(248,250,252,0),0 0 0 rgba(167,139,250,0)}44%,80%{transform:scale(calc(1 + var(--dialog-hero-intensity, 0) * (var(--animation-scale, 1) - 1))) translateY(0);opacity:1;box-shadow:inset 0 1px 0 rgba(248,250,252,.16),0 20px 48px rgba(167,139,250,.5)}}@media (prefers-reduced-motion:reduce){.pattern-preview--animated,.pattern-preview--animated *{animation:none!important}}.view-transition__grid{width:min(100%,148px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.pattern-preview--inspector .view-transition__grid{width:min(100%,340px);gap:10px}.view-transition__tile{position:relative;display:grid;grid-template-rows:1fr auto auto;grid-gap:3px;gap:3px;min-height:28px;padding:5px 6px;border-radius:7px;background:linear-gradient(135deg,rgba(248,250,252,.06),rgba(248,250,252,0)),linear-gradient(180deg,rgba(15,23,42,.4),rgba(8,13,25,.7));border:1px solid rgba(248,250,252,.1);box-shadow:inset 0 1px 0 rgba(248,250,252,.06),0 6px 14px rgba(0,0,0,.32);overflow:hidden}.pattern-preview--inspector .view-transition__tile{min-height:60px;border-radius:10px;padding:8px 10px;gap:5px}.pattern-preview--inspector .view-transition__tile-thumb{border-radius:5px;min-height:18px}.view-transition__tile:nth-child(3),.view-transition__tile:nth-child(4){background:radial-gradient(circle at 28% 22%,rgba(167,139,250,.42),transparent 55%),linear-gradient(135deg,color-mix(in srgb,#67e8f9 14%,#0a1424),#050b18);border-color:rgba(167,139,250,.24);box-shadow:inset 0 1px 0 rgba(248,250,252,.1),0 8px 20px rgba(167,139,250,.18)}.view-transition__tile-thumb{display:block;border-radius:4px;background:linear-gradient(135deg,rgba(103,232,249,.55),rgba(167,139,250,.4));box-shadow:0 0 8px rgba(103,232,249,.18)}.view-transition__tile:nth-child(3) .view-transition__tile-thumb,.view-transition__tile:nth-child(4) .view-transition__tile-thumb{background:linear-gradient(135deg,rgba(167,139,250,.7),rgba(103,232,249,.6),rgba(244,114,182,.45));box-shadow:0 0 10px rgba(167,139,250,.3)}.view-transition__tile-line{display:block;height:2px;border-radius:999px;background:rgba(248,250,252,.4)}.view-transition__tile-line--title{width:80%;background:rgba(248,250,252,.7)}.view-transition__tile-line--meta{width:50%}.pattern-preview--inspector .view-transition__tile-line{height:5px}.view-transition__rail-shell{position:relative;width:100%;min-height:100px;display:flex;gap:10px;align-items:stretch}.view-transition__rail-shell>.view-transition__rail-list{flex:1.6 1;min-width:0}.view-transition__rail-shell>.view-transition__rail{flex:1 1;min-width:0}.pattern-preview--inspector .view-transition__rail-shell{min-height:180px;gap:18px;width:min(100%,460px)}.view-transition__rail-list{display:grid;align-content:center;grid-gap:8px;gap:8px;padding:4px 0}.view-transition__rail-item{height:9px;border-radius:5px;background:rgba(248,250,252,.1);border:1px solid rgba(248,250,252,.08)}.view-transition__rail-item:first-child{width:92%}.view-transition__rail-item:nth-child(2){width:78%}.view-transition__rail-item:nth-child(3){width:88%}.view-transition__rail-item:nth-child(4){width:70%}.view-transition__rail-item:nth-child(5){width:84%}.view-transition__rail-item--active{background:linear-gradient(90deg,rgba(103,232,249,.55),rgba(167,139,250,.32));border-color:rgba(167,139,250,.38);box-shadow:0 0 10px rgba(167,139,250,.24)}.pattern-preview--inspector .view-transition__rail-item{height:12px;border-radius:6px}.view-transition__rail{display:grid;align-content:stretch;padding:6px;border-radius:10px;background:linear-gradient(180deg,rgba(167,139,250,.18),rgba(103,232,249,.06)),rgba(8,13,25,.7);border:1px solid rgba(167,139,250,.22)}.pattern-preview--inspector .view-transition__rail{padding:10px;border-radius:14px}.view-transition__rail-card{position:relative;display:grid;grid-template-rows:28px auto auto auto;grid-gap:5px;gap:5px;padding:7px;border-radius:8px;background:radial-gradient(circle at 18% 0,rgba(103,232,249,.34),transparent 55%),linear-gradient(135deg,color-mix(in srgb,#a78bfa 22%,#14102a),#050816);border:1px solid rgba(167,139,250,.36);box-shadow:inset 0 1px 0 rgba(248,250,252,.1),0 6px 18px rgba(167,139,250,.26)}.pattern-preview--inspector .view-transition__rail-card{grid-template-rows:56px auto auto auto;gap:8px;padding:12px;border-radius:10px}.pattern-preview--inspector .view-transition__rail-line{height:5px}.pattern-preview--inspector .view-transition__rail-line--title{height:6px}.view-transition__rail-thumb{display:block;width:100%;border-radius:5px;background:radial-gradient(circle at 28% 30%,rgba(248,250,252,.4),transparent 50%),linear-gradient(135deg,#67e8f9,#a78bfa 60%,#f472b6);box-shadow:0 0 12px rgba(167,139,250,.32)}.view-transition__rail-line{display:block;height:3px;border-radius:999px;background:rgba(248,250,252,.38)}.view-transition__rail-line--title{width:86%;height:4px;background:rgba(248,250,252,.85)}.view-transition__rail-line--sub{width:64%}.view-transition__rail-line--sub:last-child{width:50%}.view-transition__dialog-shell{position:relative;width:100%;height:100%;min-height:100px;display:grid;place-items:center}.pattern-preview--inspector .view-transition__dialog-shell{min-height:180px;width:min(100%,420px)}.view-transition__dialog-bg{position:absolute;inset:4px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:6px;gap:6px;opacity:.55}.view-transition__dialog-bg span{border-radius:6px;background:rgba(248,250,252,.06);border:1px solid rgba(248,250,252,.08)}.view-transition__dialog-trigger{position:absolute;bottom:12px;right:14px;width:36px;height:14px;border-radius:999px;background:linear-gradient(135deg,#67e8f9,#a78bfa);box-shadow:0 0 12px rgba(167,139,250,.3);z-index:1}.pattern-preview--inspector .view-transition__dialog-trigger{bottom:14px;right:18px;width:44px;height:16px}.view-transition__dialog-scrim{position:absolute;inset:0;z-index:2;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(167,139,250,.16),transparent 60%),rgba(5,8,22,.52);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.view-transition__dialog-window{position:relative;z-index:3;width:auto;height:86%;aspect-ratio:1/1;display:grid;grid-template-rows:14px 1fr 10px;grid-gap:8px;gap:8px;padding:11px 12px;border-radius:10px;background:radial-gradient(circle at 50% 0,rgba(167,139,250,.34),transparent 55%),linear-gradient(135deg,color-mix(in srgb,#a78bfa 18%,#14102a),#050816);border:1px solid rgba(167,139,250,.34);box-shadow:inset 0 1px 0 rgba(248,250,252,.1),0 14px 36px rgba(167,139,250,.28)}.pattern-preview--inspector .view-transition__dialog-window{height:88%;grid-template-rows:14px 1fr 12px;gap:9px;padding:12px 14px;border-radius:10px}.view-transition__dialog-header{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,rgba(248,250,252,.6),rgba(248,250,252,.18))}.view-transition__dialog-body{display:block;height:100%;min-height:14px;border-radius:4px;background:linear-gradient(135deg,rgba(167,139,250,.32),rgba(103,232,249,.18)),rgba(248,250,252,.06)}.pattern-preview--inspector .view-transition__dialog-body{height:22px;border-radius:5px}.view-transition__dialog-cta{display:block;width:50%;justify-self:end;height:8px;border-radius:999px;background:linear-gradient(135deg,#67e8f9,#a78bfa);box-shadow:0 0 10px rgba(167,139,250,.34)}.pattern-preview--inspector .view-transition__dialog-cta{height:10px}