.demo-theme-studio{position:fixed;right:1rem;top:1rem;z-index:1200;font-family:var(--font-primary, "Google Sans", "Work Sans", "Helvetica Neue", sans-serif)}.demo-theme-studio__actions{display:flex;align-items:center;gap:.6rem}.demo-theme-studio__language{position:relative}.demo-theme-studio__language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.36rem;border:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 18%,rgba(146,107,118,.14));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 70%,white),#ffffffd1);color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 54%,#2f2326);cursor:pointer;font:inherit;min-height:3rem;min-width:5.85rem;padding:.62rem .7rem;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.demo-theme-studio__language-trigger{box-shadow:0 14px 30px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 10%,rgba(79,53,61,.1))}.demo-theme-studio__language-trigger:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 28%,rgba(146,107,118,.16));background:#ffffffdb;box-shadow:0 8px 16px #4f353d14}.demo-theme-studio__language-menu{position:absolute;top:calc(100% + .42rem);left:0;display:grid;min-width:10.5rem;max-height:calc(100vh - 5rem);overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 16%,rgba(146,107,118,.14));border-radius:.9rem;background:color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 50%,white);box-shadow:0 16px 32px #4f353d24;scrollbar-width:thin}.demo-theme-studio__language-option{display:inline-flex;align-items:center;justify-content:flex-start;gap:.55rem;border:0;border-bottom:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 12%,rgba(146,107,118,.12));background:transparent;color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 54%,#2f2326);cursor:pointer;font:inherit;min-height:2.45rem;padding:.62rem .76rem;text-align:left;width:100%}.demo-theme-studio__language-option:last-child{border-bottom:0}.demo-theme-studio__language-option:hover,.demo-theme-studio__language-option.is-active{background:#ffffff8f;color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 72%,#2f2326)}.demo-theme-studio__language-chevron{font-size:.78rem;line-height:1}.demo-theme-studio__language-code{font-size:.78rem;font-weight:700;letter-spacing:.04em;line-height:1}.demo-theme-studio__language-label{font-size:.86rem;font-weight:500;line-height:1.2;white-space:nowrap}.demo-theme-studio__launcher{display:flex;align-items:center;gap:.7rem;min-width:min(220px,calc(100vw - 2rem));border:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 22%,rgba(146,107,118,.16));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 78%,white),color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 52%,white));box-shadow:0 14px 30px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 14%,rgba(79,53,61,.12));color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 52%,#2f2326);cursor:pointer;padding:.72rem .82rem .72rem 1rem;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.demo-theme-studio__launcher:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 30%,rgba(146,107,118,.22));box-shadow:0 18px 38px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 16%,rgba(79,53,61,.14))}.demo-theme-studio__launcher:focus-visible,.demo-theme-studio__language-trigger:focus-visible,.demo-theme-studio__language-option:focus-visible,.demo-theme-studio__theme-card:focus-visible,.demo-theme-studio__color-option:focus-visible,.demo-theme-studio__divider-option:focus-visible,.demo-theme-studio__track-option:focus-visible,.demo-theme-studio__close:focus-visible,.demo-theme-studio__backdrop:focus-visible{outline:2px solid rgba(163,88,106,.42);outline-offset:3px}.demo-theme-studio__launcher-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0}.demo-theme-studio__launcher-title{font-family:var(--font-display, "Great Vibes", "Fraunces", serif);font-size:1.28rem;line-height:.95}.demo-theme-studio__launcher-arrow{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:1.8rem;height:1.8rem;border:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 18%,rgba(146,107,118,.12));border-radius:999px;background:#ffffff8f}.demo-theme-studio__launcher-arrow svg{width:.82rem;height:.82rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.demo-theme-studio__backdrop{position:fixed;inset:0;border:none;background:#211c1e14;cursor:pointer;opacity:0;transition:opacity .24s ease}.demo-theme-studio__backdrop.is-open{opacity:1}.demo-theme-studio__panel{position:fixed;top:1rem;right:1rem;bottom:1rem;width:min(680px,calc(100vw - 2rem));border:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 18%,rgba(146,107,118,.16));border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 74%,white),color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 92%,white) 56%,color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 66%,white));box-shadow:0 32px 72px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 16%,rgba(49,33,39,.18));color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 52%,#2f2326);display:flex;flex-direction:column;gap:1.6rem;overflow-y:auto;padding:1.5rem;opacity:0;transform:translate3d(28px,0,0);transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease;outline:none}.demo-theme-studio__panel.is-open{opacity:1;transform:translateZ(0)}.demo-theme-studio__header{display:flex;align-items:flex-start;gap:1rem}.demo-theme-studio__title{margin:0;font-family:var(--font-display, "Great Vibes", "Fraunces", serif);font-size:clamp(2rem,3vw,2.6rem);font-weight:400;line-height:.95}.demo-theme-studio__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;margin-left:auto;border:1px solid color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 18%,rgba(146,107,118,.12));border-radius:999px;background:color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 36%,white);color:inherit;cursor:pointer}.demo-theme-studio__close svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.demo-theme-studio__section{display:flex;flex-direction:column;gap:.85rem}.demo-theme-studio__section-header h3{margin:0;font-size:1.02rem;font-weight:600;letter-spacing:.04em}.demo-theme-studio__section-header p{margin:.28rem 0 0;color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 34%,#5a474d);font-size:.9rem;line-height:1.55}.demo-theme-studio__theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:620px;margin:0}.demo-theme-studio__theme-card{position:relative;min-height:232px;border:1px solid rgba(146,107,118,.18);border-radius:18px;overflow:hidden;background:#eadfe1;color:#fff;cursor:pointer;padding:0;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.demo-theme-studio__theme-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .26s ease}.demo-theme-studio__theme-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#1c15181a,#1c15189e 72%,#1c1518b8)}.demo-theme-studio__theme-card-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.8rem;min-height:232px;padding:1rem}.demo-theme-studio__theme-card-copy{display:flex;align-items:flex-end}.demo-theme-studio__theme-card-index{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#ffffff29;font-size:.74rem;font-weight:600}.demo-theme-studio__theme-card-copy strong{display:block;font-family:var(--font-display, "Great Vibes", "Fraunces", serif);font-size:1.9rem;font-weight:400;line-height:1}.demo-theme-studio__theme-card-copy p{margin:.3rem 0 0;max-width:28ch;font-size:.85rem;line-height:1.45;color:#ffffffeb}.demo-theme-studio__theme-card:hover,.demo-theme-studio__theme-card.is-active{transform:translateY(-4px);border-color:#b5808f57;box-shadow:0 18px 32px #4f353d29}.demo-theme-studio__theme-card:hover img,.demo-theme-studio__theme-card.is-active img{transform:scale(1.06)}.demo-theme-studio__theme-card.is-active{box-shadow:0 0 0 2px #ffffffd1 inset,0 0 0 4px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 38%,transparent),0 18px 32px #4f353d29}.demo-theme-studio__color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:700px;margin:0}.demo-theme-studio__color-option{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(146,107,118,.16);border-radius:10px;background:#ffffffe6;color:inherit;cursor:pointer;min-height:3rem;padding:.52rem .58rem;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.demo-theme-studio__color-option:hover,.demo-theme-studio__color-option.is-active{border-color:color-mix(in srgb,var(--demo-theme-studio-accent, #a3586a) 42%,rgba(146,107,118,.16));background:linear-gradient(145deg,var(--demo-theme-studio-surface, #f7f0f2) 0%,rgba(255,255,255,.96) 95%);box-shadow:0 4px 10px #4f353d14}.demo-theme-studio__color-option.is-active{box-shadow:0 4px 10px #4f353d14}.demo-theme-studio__color-swatch{width:1.05rem;height:1.05rem;flex-shrink:0;border-radius:999px;background:radial-gradient(circle at 30% 28%,#ffffff8f,#fff3 24%,#fff0 40%),linear-gradient(145deg,var(--demo-theme-studio-surface, #f7f0f2) 0%,var(--demo-theme-studio-surface, #f7f0f2) 42%,var(--demo-theme-studio-accent, #a3586a) 100%);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -1px 2px #442b321f}.demo-theme-studio__color-name{min-width:0;font-size:.86rem;font-weight:500}.demo-theme-studio__divider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-width:700px;margin:0}.demo-theme-studio__divider-option{display:flex;flex-direction:column;align-items:center;gap:.7rem;border:1px solid rgba(146,107,118,.16);border-radius:14px;background:#ffffffe0;color:inherit;cursor:pointer;min-height:5.5rem;padding:.8rem .7rem;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.demo-theme-studio__divider-option:hover,.demo-theme-studio__divider-option.is-active{border-color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 34%,rgba(146,107,118,.16));background:linear-gradient(180deg,#fffffffa,color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 36%,white));box-shadow:0 10px 18px #4f353d14;transform:translateY(-1px)}.demo-theme-studio__divider-option.is-active{box-shadow:0 0 0 1px #ffffffdb inset,0 0 0 3px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 20%,transparent),0 10px 18px #4f353d14}.demo-theme-studio__divider-preview{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 72%,#6a5058)}.demo-theme-studio__divider-line{flex:1;min-width:0;height:1px;background:currentColor;opacity:.35}.demo-theme-studio__divider-preview i{font-size:1.1rem;flex-shrink:0}.demo-theme-studio__divider-name{font-size:.82rem;font-weight:500;line-height:1.2}.demo-theme-studio__track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:700px;margin:0}.demo-theme-studio__track-option{display:flex;align-items:center;gap:.8rem;border:1px solid rgba(146,107,118,.16);border-radius:14px;background:#ffffffe6;color:inherit;cursor:pointer;min-height:4rem;padding:.8rem;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.demo-theme-studio__track-option:hover,.demo-theme-studio__track-option.is-active{border-color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 34%,rgba(146,107,118,.16));background:linear-gradient(180deg,#fffffffa,color-mix(in srgb,var(--demo-theme-studio-launcher-surface, #f6f0f1) 34%,white));box-shadow:0 10px 18px #4f353d14;transform:translateY(-1px)}.demo-theme-studio__track-option.is-active{box-shadow:0 0 0 1px #ffffffdb inset,0 0 0 3px color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 20%,transparent),0 10px 18px #4f353d14}.demo-theme-studio__track-icon{display:inline-grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border-radius:999px;background:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 10%,white);color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 72%,#6a5058);font-size:1rem}.demo-theme-studio__track-copy{display:flex;flex-direction:column;gap:.18rem;min-width:0}.demo-theme-studio__track-name{font-size:.88rem;font-weight:600}.demo-theme-studio__track-description{font-size:.77rem;line-height:1.35;color:color-mix(in srgb,var(--demo-theme-studio-launcher-accent, #a3586a) 34%,#5a474d)}@media(max-width:760px){.demo-theme-studio{right:.75rem;top:.75rem}.demo-theme-studio__actions{align-items:flex-end;flex-direction:column-reverse;gap:.45rem}.demo-theme-studio__language-menu{left:auto;right:0;max-height:calc(100vh - 7rem)}.demo-theme-studio__launcher{min-width:auto;max-width:calc(100vw - 1.5rem);padding-inline:.9rem}.demo-theme-studio__panel{top:auto;right:.75rem;left:.75rem;bottom:.75rem;width:auto;max-height:min(82vh,860px);border-radius:28px 28px 20px 20px;transform:translate3d(18px,0,0)}.demo-theme-studio__theme-grid{grid-template-columns:1fr}.demo-theme-studio__divider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-theme-studio__track-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.demo-theme-studio__launcher,.demo-theme-studio__language-trigger,.demo-theme-studio__language-option,.demo-theme-studio__theme-card,.demo-theme-studio__theme-card img,.demo-theme-studio__color-option,.demo-theme-studio__divider-option,.demo-theme-studio__track-option,.demo-theme-studio__panel,.demo-theme-studio__backdrop{transition:none}}