.customizer-gallery-strip{min-width:0;margin:18px 0 22px}.customizer-gallery-strip__viewport{scrollbar-width:none;border-radius:14px;padding:4px 0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.customizer-gallery-strip__viewport::-webkit-scrollbar{display:none}.customizer-gallery-strip__track{width:max-content;display:flex}.customizer-gallery-strip__track[data-animated=true]{will-change:transform;animation:linear infinite customizer-gallery-drift}.customizer-gallery-strip__track[data-paused=true],.customizer-gallery-strip__viewport:hover .customizer-gallery-strip__track,.customizer-gallery-strip__viewport:focus-within .customizer-gallery-strip__track{animation-play-state:paused}.customizer-gallery-strip__group{flex-shrink:0;gap:12px;padding-right:12px;display:flex}.customizer-gallery-strip__card,.customizer-gallery-strip__placeholder{aspect-ratio:16/10;background:#e8eef7;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;width:144px;display:block;position:relative;overflow:hidden}.customizer-gallery-strip__card{color:#fff;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 5px #0f172a0d}.customizer-gallery-strip__card:hover,.customizer-gallery-strip__card:focus-visible{border-color:#3b82f6;box-shadow:inset 0 0 0 2px #3b82f6}.customizer-gallery-strip__card:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.customizer-gallery-strip__caption{text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#0f172acc);padding:22px 9px 8px;font-size:11px;font-weight:700;position:absolute;inset:auto 0 0;overflow:hidden}@keyframes customizer-gallery-drift{to{transform:translate(-50%)}}@media (min-width:1024px){.customizer-gallery-strip__card,.customizer-gallery-strip__placeholder{width:184px}}@media (prefers-reduced-motion:reduce){.customizer-gallery-strip__track[data-animated=true]{will-change:auto;animation:none}.customizer-gallery-strip__group[aria-hidden=true],.customizer-gallery-strip__card--duplicate,.customizer-gallery-strip__control{display:none}}
.customizer-cover-style-preview{overflow-anchor:none;background:#f1f5f9;border-radius:16px;padding:12px}.customizer-cover-style-stage{--cover-style-stage-height:440px;height:var(--cover-style-stage-height);isolation:isolate;overflow-anchor:none;place-items:center;display:grid;position:relative}.customizer-cover-style-stage--mosaic{height:auto}.customizer-cover-mosaic{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;width:100%;padding:8px;display:grid;position:relative}.customizer-cover-mosaic--leaving{position:absolute;inset:0}.customizer-cover-mosaic__tile{cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-width:0;min-height:0;padding:0;transition:opacity .28s;display:grid}.customizer-cover-mosaic__tile:last-child:nth-child(3n+1){grid-column-start:2}.customizer-cover-mosaic__artwork{aspect-ratio:3/4;filter:drop-shadow(0 3px 4px #0f172a33);min-height:0;transition:transform .18s,filter .18s;display:block;position:relative}.customizer-cover-mosaic__label{color:#334155;overflow-wrap:anywhere;text-align:center;min-height:36px;font-size:14px;font-weight:600;line-height:18px}.customizer-cover-mosaic__tile:hover:not(:disabled) .customizer-cover-mosaic__artwork{filter:drop-shadow(0 6px 8px #2563eb47);transform:translateY(-3px)scale(1.04)}.customizer-cover-mosaic__tile:focus-visible{outline-offset:4px;outline:2px solid #2563eb}.customizer-cover-mosaic__tile:disabled{cursor:default}.customizer-cover-mosaic--leaving .customizer-cover-mosaic__tile{opacity:0}.customizer-cover-mosaic--leaving .customizer-cover-mosaic__tile[data-chosen]{transition-duration:0s}.customizer-cover-mosaic--returning .customizer-cover-mosaic__tile{animation:.32s .1s both customizer-cover-mosaic-return}.customizer-cover-mosaic--returning .customizer-cover-mosaic__tile[data-chosen] .customizer-cover-mosaic__artwork{opacity:0}@keyframes customizer-cover-mosaic-return{0%{opacity:0}to{opacity:1}}.customizer-cover-style-frame{z-index:1;border-radius:8px;outline:none;justify-content:center;align-items:center;max-height:100%;display:flex;position:relative}.customizer-cover-style-frame:before{border-radius:inherit;content:"";background:#0b0d12;transition:opacity .18s;position:absolute;inset:0;box-shadow:0 8px 20px #0f172a26}.customizer-cover-style-frame--growing:before{opacity:0}.customizer-cover-style-artwork{z-index:1;transform-origin:50%;will-change:transform;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.customizer-cover-style-artwork--returning{z-index:2;pointer-events:none;place-self:start;position:absolute}.customizer-cover-style-thumbnail,.customizer-cover-style-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.customizer-cover-style-image{transition:opacity .16s}.customizer-cover-style-expand{z-index:2;color:#fff;cursor:pointer;background:#0f172acc;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:12px;right:12px}.customizer-cover-style-expand:hover{background:#2563eb}.customizer-cover-style-expand:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@media (max-width:639px){.customizer-cover-mosaic--returning{align-self:start}}@media (min-width:640px){.customizer-cover-style-preview{padding:20px}.customizer-cover-style-stage{--cover-style-stage-height:480px;height:var(--cover-style-stage-height)}.customizer-cover-mosaic{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;padding:8px 4px;position:absolute;inset:0}.customizer-cover-mosaic__tile:last-child:nth-child(3n+1){grid-column-start:auto}.customizer-cover-mosaic__artwork{aspect-ratio:auto}}@media (prefers-reduced-motion:reduce){.customizer-cover-mosaic--returning .customizer-cover-mosaic__tile{animation:none}.customizer-cover-mosaic__tile,.customizer-cover-mosaic__artwork,.customizer-cover-style-frame:before,.customizer-cover-style-image{transition:none}.customizer-cover-mosaic__tile:hover:not(:disabled) .customizer-cover-mosaic__artwork{transform:none}}