.bg-card[data-v-f17c4146]{isolation:isolate;border-color:#e2e8f0;transform:translate(0,0);box-shadow:0 0 #0000}.bg-card[data-v-f17c4146]:hover{border-color:color-mix(in srgb, var(--bg-sel-primary) 35%, #cbd5e1)}.bg-card[data-v-f17c4146]:focus-visible{border-color:var(--bg-sel-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--bg-sel-primary) 30%, transparent);outline:none}.bg-card--idle[data-v-f17c4146]{filter:none}.bg-card--active[data-v-f17c4146]{border-color:var(--bg-sel-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--bg-sel-primary) 42%, transparent)}.bg-card--active[data-v-f17c4146]:hover{border-color:var(--bg-sel-primary)}.bg-card__scrim[data-v-f17c4146]{inset-inline:0;z-index:0;pointer-events:none;background:linear-gradient(#0000 0%,#00000024 50%,#00000047 100%);height:42%;max-height:3.75rem;position:absolute;bottom:0;transform:translate(0,0)}.bg-card__badge[data-v-f17c4146]{top:.625rem;z-index:2;color:#fff;background:var(--bg-sel-primary);width:1.5rem;height:1.5rem;box-shadow:0 0 0 2px #ffffff38, 0 4px 10px color-mix(in srgb, var(--bg-sel-primary) 40%, transparent);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-start:.625rem}.bg-card__badge-icon[data-v-f17c4146]{width:.875rem;height:.875rem}.bg-card__title--on-media[data-v-f17c4146]{filter:drop-shadow(0 2px 4px #000c);text-shadow:0 1px 3px #000000d9,0 0 8px #00000073}.bg-card__desc--on-media[data-v-f17c4146]{filter:drop-shadow(0 2px 4px #000000bf);text-shadow:0 1px 3px #000c,0 0 6px #0006}.bg-card--plain .bg-card__content[data-v-f17c4146]{-webkit-backdrop-filter:blur(6px);background:#ffffffeb;border-radius:.75rem;width:fit-content;max-width:100%;margin-inline-start:auto;padding:.5rem .75rem;box-shadow:0 4px 14px #00000014}.bg-card--plain .bg-card__title[data-v-f17c4146],.bg-card--plain .bg-card__desc[data-v-f17c4146]{text-shadow:none}.bg-sel-range[data-v-f17c4146]{accent-color:var(--bg-sel-primary)}.bg-sel-speed--active[data-v-f17c4146]{color:var(--bg-sel-primary)}.bg-card[data-v-f17c4146] .animated-svg-bg--compact{border-radius:inherit;will-change:opacity, transform;contain:strict;transform:translate(0,0)}.tpl-grid[data-v-541b1025]{flex-direction:column;gap:.75rem;width:100%;min-width:0;display:flex}.tpl-grid__list[data-v-541b1025]{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=480px){.tpl-grid__list[data-v-541b1025]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.tpl-grid__list[data-v-541b1025]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tpl-card[data-v-541b1025]{padding:1rem}.tpl-card__swatch[data-v-541b1025]{height:5.5rem}.tpl-card__name[data-v-541b1025]{font-size:1rem}}@media (width>=1100px){.tpl-grid__list[data-v-541b1025]{grid-template-columns:repeat(2,minmax(0,1fr))}}.tpl-card[data-v-541b1025]{text-align:right;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;flex-direction:column;gap:.75rem;padding:.75rem;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex;position:relative}.tpl-card[data-v-541b1025]:hover{border-color:color-mix(in srgb, var(--tpl-accent) 45%, #cbd5e1);box-shadow:0 8px 24px color-mix(in srgb, var(--tpl-accent) 16%, transparent);transform:translateY(-1px)}.tpl-card[data-v-541b1025]:focus-visible{border-color:var(--tpl-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--tpl-accent) 28%, transparent);outline:none}.tpl-card--selected[data-v-541b1025]{border-color:var(--tpl-accent);background:color-mix(in srgb, var(--tpl-accent) 6%, #fff);box-shadow:0 0 0 2px color-mix(in srgb, var(--tpl-accent) 35%, transparent)}.tpl-card--selected[data-v-541b1025]:hover{border-color:var(--tpl-accent)}.tpl-card__swatch[data-v-541b1025]{background:linear-gradient(135deg, color-mix(in srgb, var(--tpl-accent) 75%, #fff), var(--tpl-accent) 55%, color-mix(in srgb, var(--tpl-accent) 70%, #0f172a));border-radius:.75rem;height:4.5rem;display:block;position:relative;overflow:hidden}.tpl-card__swatch-glow[data-v-541b1025]{background:radial-gradient(circle,#ffffff80,#0000 70%);height:70%;position:absolute;inset:-30% 20% auto}.tpl-card__swatch-bars[data-v-541b1025]{inset-inline-start:.75rem;flex-direction:column;gap:.28rem;width:42%;display:flex;position:absolute;bottom:.75rem}.tpl-card__swatch-bars>span[data-v-541b1025]{background:#ffffff8c;border-radius:999px;height:.35rem;display:block}.tpl-card__swatch-bars>span[data-v-541b1025]:nth-child(2){background:#fff6;width:78%}.tpl-card__swatch-bars>span[data-v-541b1025]:nth-child(3){background:#ffffff47;width:55%}.tpl-card__body[data-v-541b1025]{flex-direction:column;gap:.35rem;min-width:0;padding:0 .15rem .15rem;display:flex}.tpl-card__name[data-v-541b1025]{color:#0f172a;font-size:.9375rem;font-weight:800;line-height:1.35}.tpl-card__desc[data-v-541b1025]{-webkit-line-clamp:2;color:#64748b;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tpl-card__check[data-v-541b1025]{top:1rem;color:#0000;background:#ffffff8c;border:1.5px solid #fffc;border-radius:999px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;inset-inline-end:1rem}.tpl-card__check--on[data-v-541b1025]{color:#fff;background:var(--tpl-accent);border-color:color-mix(in srgb, var(--tpl-accent) 40%, #fff);box-shadow:0 4px 12px color-mix(in srgb, var(--tpl-accent) 40%, transparent);transform:scale(1.05)}.tpl-grid__error[data-v-541b1025]{color:#ef4444;font-size:.8125rem}.theme-section[data-v-356f68dd]{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.theme-section__accordion-btn[data-v-356f68dd]{text-align:start;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:.75rem;width:100%;min-height:3.5rem;padding:.95rem 1rem;transition:background-color .15s;display:flex}.theme-section__accordion-btn[data-v-356f68dd]:active{background:#f1f5f9}.theme-section__accordion-btn[data-v-356f68dd]:hover{background:#f8fafc}.theme-section__accordion-btn[data-v-356f68dd]:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #10b981}.theme-section__title[data-v-356f68dd]{color:#0f172a;font-size:1rem;font-weight:800;line-height:1.35}.theme-section__hint[data-v-356f68dd]{color:#64748b;margin-top:.3rem;font-size:.75rem;font-weight:500;line-height:1.55;display:block}.theme-section__collapse[data-v-356f68dd]{transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1);display:grid}.theme-section__collapse--open[data-v-356f68dd]{grid-template-rows:1fr}.theme-section__collapse--closed[data-v-356f68dd]{grid-template-rows:0fr}.theme-section__body[data-v-356f68dd]{min-width:0;padding:0 1rem 1rem}@media (width>=640px){.theme-section__body[data-v-356f68dd]{padding-inline:1.25rem}}@media (width>=1100px){.theme-section__accordion-btn[data-v-356f68dd]{padding:1rem 1.25rem}.theme-section__body[data-v-356f68dd]{padding:0 1.5rem 1.5rem}.theme-section__hint[data-v-356f68dd]{font-size:.8125rem;line-height:1.6}.theme-section__title[data-v-356f68dd]{font-size:1.0625rem}}.theme-studio[data-v-1d7463ee]{flex-direction:column;gap:.875rem;width:100%;min-width:0;display:flex}@media (width<=1023.98px){.theme-studio[data-v-1d7463ee]:not(.theme-studio--compact):not(.theme-studio--contained){width:100vw;max-width:100vw;padding-inline:max(.75rem, env(safe-area-inset-left,0px)) max(.75rem, env(safe-area-inset-right,0px));box-sizing:border-box;margin-inline:calc(50% - 50vw)}.theme-studio:not(.theme-studio--compact):not(.theme-studio--contained) .theme-studio__preview[data-v-1d7463ee]{margin-inline:calc(-1 * max(.75rem, env(safe-area-inset-left,0px))) calc(-1 * max(.75rem, env(safe-area-inset-right,0px)))}.theme-studio:not(.theme-studio--compact):not(.theme-studio--contained) .theme-studio__preview-inner[data-v-1d7463ee]{border-inline:none;border-top:none;border-radius:0}.theme-studio:not(.theme-studio--compact):not(.theme-studio--contained) .theme-studio__tabs[data-v-1d7463ee]{box-shadow:0 0 0 .75rem #fff,0 .5rem 0 .75rem #fff}.theme-studio--contained .theme-studio__preview-inner[data-v-1d7463ee]{border-radius:1rem}}@media (width>=1024px) and (width<=1099.98px){.theme-studio[data-v-1d7463ee]:not(.theme-studio--compact):not(.theme-studio--contained){box-sizing:border-box;width:auto;max-width:none;margin-inline:-2.5rem;padding-inline:1rem}.theme-studio:not(.theme-studio--compact):not(.theme-studio--contained) .theme-studio__preview[data-v-1d7463ee]{margin-inline:-1rem}.theme-studio:not(.theme-studio--compact):not(.theme-studio--contained) .theme-studio__preview-inner[data-v-1d7463ee]{border-inline:none;border-top:none;border-radius:0}}.theme-studio__tabs[data-v-1d7463ee]{z-index:20;background:#f1f5f9;border-radius:.875rem;height:2.625rem;padding:.25rem;display:flex;position:sticky;box-shadow:0 0 0 .5rem #fff,0 .5rem 0 .5rem #fff}.theme-studio__tab[data-v-1d7463ee]{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.625rem;flex:1;min-height:2.125rem;font-size:.8125rem;font-weight:700;transition:background-color .15s,color .15s,box-shadow .15s,transform .15s}.theme-studio__tab[data-v-1d7463ee]:active:not(.theme-studio__tab--active){transform:scale(.98)}.theme-studio__tab[data-v-1d7463ee]:focus-visible{outline:none;box-shadow:0 0 0 2px #10b981}.theme-studio__tab--active[data-v-1d7463ee]{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a14}.theme-studio__preview[data-v-1d7463ee]{min-width:0}.theme-studio__preview-inner[data-v-1d7463ee]{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.theme-studio__controls[data-v-1d7463ee]{flex-direction:column;gap:1rem;min-width:0;display:flex}.theme-studio__sections[data-v-1d7463ee]{flex-direction:column;gap:.625rem;display:flex}.theme-studio__pane--hide[data-v-1d7463ee]{display:none}.theme-studio__pane--show[data-v-1d7463ee]{display:block}.theme-studio__controls.theme-studio__pane--show[data-v-1d7463ee]{display:flex}@media (width>=1100px){.theme-studio[data-v-1d7463ee]{grid-template-columns:minmax(0,1fr) minmax(360px,28vw);align-items:start;gap:1.5rem;width:100%;max-width:none;margin-inline:0;padding-inline:0;display:grid}.theme-studio--compact[data-v-1d7463ee]{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.theme-studio__tabs[data-v-1d7463ee]{display:none}.theme-studio__preview[data-v-1d7463ee],.theme-studio__preview.theme-studio__pane--hide[data-v-1d7463ee],.theme-studio__preview.theme-studio__pane--show[data-v-1d7463ee]{z-index:1;overscroll-behavior:contain;scrollbar-width:thin;grid-area:1/2;max-height:calc(100vh - 2rem);margin-inline:0;display:block;position:sticky;top:1.25rem;overflow:auto}.theme-studio__preview-inner[data-v-1d7463ee]{border:1px solid #e2e8f0;border-radius:1.25rem}.theme-studio__controls[data-v-1d7463ee],.theme-studio__controls.theme-studio__pane--hide[data-v-1d7463ee],.theme-studio__controls.theme-studio__pane--show[data-v-1d7463ee]{grid-area:1/1;display:flex}.theme-studio__sections[data-v-1d7463ee]{gap:1rem}}@media (width>=1280px){.theme-studio[data-v-1d7463ee]:not(.theme-studio--compact){grid-template-columns:minmax(0,1fr) minmax(400px,32vw);gap:2rem}}@media (width>=1536px){.theme-studio[data-v-1d7463ee]:not(.theme-studio--compact){grid-template-columns:minmax(0,1fr) minmax(440px,36vw)}}
