.preview-bar[data-v-699859a5]{letter-spacing:.04em;color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.8rem;display:flex}.preview-bar strong[data-v-699859a5]{color:var(--ink);font-weight:600}.preview-dot[data-v-699859a5]{background:#4caf6e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite live-699859a5;box-shadow:0 0 0 3px #4caf6e33}@keyframes live-699859a5{50%{box-shadow:0 0 0 5px #4caf6e14}}.frame[data-v-699859a5]{contain:layout;border:10px solid #1d1c1a;border-radius:34px;height:calc(min(720px,100dvh - 7rem));position:relative;overflow:hidden;box-shadow:0 18px 50px #2c2c2a40;container-type:size}.screen[data-v-699859a5]{overscroll-behavior:contain;height:100%;font-size:1rem;overflow-y:auto}.play[data-v-699859a5],.screen[data-v-699859a5]{flex-direction:column;display:flex}.play[data-v-699859a5]{z-index:60;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-icon[data-v-699859a5]{-webkit-backdrop-filter:blur(6px);background:#1c1a179e;border-radius:50%;width:76px;height:76px;transition:transform .15s;position:relative;box-shadow:0 8px 24px #0000004d,inset 0 0 0 1.5px #ffffff59}.play-icon[data-v-699859a5]:after{content:"";border:14px solid #0000;border-left:23px solid #fff;border-right-width:0;position:absolute;top:24px;left:31px}.play:focus-visible .play-icon[data-v-699859a5],.play:hover .play-icon[data-v-699859a5]{transform:scale(1.06)}.play[data-v-699859a5]:focus-visible{outline:none}.play:focus-visible .play-icon[data-v-699859a5]{box-shadow:0 0 0 3px var(--gold-light),0 8px 24px #0000004d}.play-label[data-v-699859a5]{color:#fff;background:#1c1a179e;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.fill[data-v-699859a5],.fill .frame[data-v-699859a5]{height:100%}.fill .frame[data-v-699859a5]{contain:none;box-shadow:none;border:none;border-radius:0;container-type:normal}.fill .screen[data-v-699859a5]{padding-bottom:var(--screen-pad,0);transition:padding-bottom .3s}.fill .play[data-v-699859a5]{top:var(--play-top,50%)}.play-enter-active[data-v-699859a5],.play-leave-active[data-v-699859a5]{transition:opacity .2s,scale .2s}.play-enter-from[data-v-699859a5],.play-leave-to[data-v-699859a5]{opacity:0;scale:.85}@media (prefers-reduced-motion:reduce){.preview-dot[data-v-699859a5]{animation:none}}.intro-options[data-v-1ff6236c]:empty{display:none}.intro-colour[data-v-1ff6236c]{margin-top:.75rem}.colour-label[data-v-1ff6236c]{color:var(--muted);margin-bottom:.35rem;font-size:.78rem;font-weight:500;display:block}.colour-row[data-v-1ff6236c]{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.colour-swatch[data-v-1ff6236c]{width:30px;height:30px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;transition:box-shadow .15s,transform .15s}.colour-swatch[data-v-1ff6236c]:hover{transform:scale(1.08)}.colour-swatch.selected[data-v-1ff6236c]{box-shadow:0 0 0 2px var(--primary)}.colour-custom[data-v-1ff6236c]{color:var(--muted);cursor:pointer;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.colour-custom input[data-v-1ff6236c]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;width:34px;height:30px;padding:0}.bg-row[data-v-1ff6236c]{flex-wrap:wrap;gap:.45rem;display:flex}.bg-option[data-v-1ff6236c]{border:1.5px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .4rem;font-size:.82rem;transition:border-color .15s,box-shadow .15s;display:inline-flex}.bg-option[data-v-1ff6236c]:hover{border-color:var(--fill)}.bg-option.selected[data-v-1ff6236c]{border-color:var(--primary);box-shadow:0 0 0 2px var(--fill)}.bg-swatch[data-v-1ff6236c]{width:22px;height:22px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.number-input[data-v-1ff6236c]{text-align:center;letter-spacing:.08em;width:5.5rem;font-size:1rem}.number-hint[data-v-1ff6236c]{flex:14rem;font-size:.75rem}.studio[data-v-826bec6d]{grid-template:"header preview""options preview"1fr/minmax(0,1fr) 360px;gap:1.25rem 2rem;display:grid}.studio-header[data-v-826bec6d]{grid-area:header}.studio-preview[data-v-826bec6d]{grid-area:preview;align-self:start;position:sticky;top:90px}.studio-options[data-v-826bec6d]{grid-area:options;min-width:0}.tabs[data-v-826bec6d]{background:var(--surface-soft);margin-bottom:1rem;padding:4px;display:flex}.tab[data-v-826bec6d],.tabs[data-v-826bec6d]{border-radius:999px}.tab[data-v-826bec6d]{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:.55rem .9rem;font-size:.92rem;font-weight:500}.tab.on[data-v-826bec6d]{color:var(--ink);background:var(--surface);box-shadow:0 1px 4px #2e26221f}.rail[data-v-826bec6d]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.rail-group[data-v-826bec6d]{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin-top:.4rem;font-size:.72rem}.card[data-v-826bec6d]{font:inherit;text-align:left;background:var(--surface);border:1.5px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.55rem;transition:border-color .15s,box-shadow .15s,transform .2s;display:flex}.card[data-v-826bec6d]:hover{border-color:var(--fill)}.card.on[data-v-826bec6d]{border-color:var(--primary);box-shadow:0 0 0 2px var(--fill)}.card[data-v-826bec6d]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-name[data-v-826bec6d]{color:var(--ink);font-size:.85rem;font-weight:500;line-height:1.25}.card-note[data-v-826bec6d]{color:var(--muted);font-size:.72rem;line-height:1.3}.swatches[data-v-826bec6d]{border-radius:6px;grid-template-columns:repeat(6,1fr);align-self:stretch;gap:3px;padding:5px;display:grid;box-shadow:inset 0 0 0 1px #0000000f}.swatch[data-v-826bec6d]{height:26px;font-family:var(--font-display);border-radius:3px;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.intro-card[data-v-826bec6d]{gap:.25rem}.intro-icon[data-v-826bec6d]{font-size:1.7rem;line-height:1.2}.intro-options[data-v-826bec6d]{margin-top:1rem}.studio-options.locked .rail[data-v-826bec6d],.studio-options.locked .tabs[data-v-826bec6d]{opacity:.45;filter:saturate(.6);transition:opacity .2s}.playing-note[data-v-826bec6d]{color:#2c2c2a;background:#4caf6e1f;border-radius:8px;margin:0 0 .8rem;padding:.5rem .8rem;font-size:.85rem}.sheet-head[data-v-826bec6d]{display:none}.preview-dot[data-v-826bec6d]{background:#4caf6e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #4caf6e33}.phone[data-v-826bec6d]{height:100%;display:block;position:relative;overflow:hidden}.phone .studio-preview[data-v-826bec6d]{--screen-pad:calc(1.5rem + var(--sheet-h,220px));--play-top:calc(.5 * (100% - var(--sheet-h,220px)));height:100%;position:absolute;inset:0}.phone.folded .studio-preview[data-v-826bec6d]{--screen-pad:4.5rem;--play-top:50%}.phone .studio-options[data-v-826bec6d]{left:.6rem;right:.6rem;bottom:calc(.6rem + env(safe-area-inset-bottom));z-index:70;-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:22px;max-height:70%;padding:.2rem 0 .55rem;transition:transform .35s cubic-bezier(.3,.7,.3,1);position:absolute;overflow-y:auto;box-shadow:0 12px 36px #14120e47}.phone.folded .studio-options[data-v-826bec6d]{transform:translateY(calc(100% - 3.2rem))}.phone .sheet-head[data-v-826bec6d]{align-items:center;gap:.45rem;height:2.6rem;margin:.15rem 0 .55rem;padding:0 .45rem;display:flex}.fold[data-v-826bec6d],.live-label[data-v-826bec6d]{height:100%;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.live-label[data-v-826bec6d]{letter-spacing:.03em;color:#2c2c2a;flex:1;gap:.4rem;font-size:.75rem}.live-label strong[data-v-826bec6d]{font-weight:600}.fold-arrow[data-v-826bec6d]{fill:none;stroke:#2c2c2a;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;background:#0000000f;border-radius:50%;flex:none;width:34px;height:34px;padding:6px;transition:transform .3s}.phone.folded .fold-arrow[data-v-826bec6d]{transform:rotate(180deg)}.phone .playing-note[data-v-826bec6d]{margin:0 .8rem .5rem}.phone .tabs[data-v-826bec6d]{background:#0000000f;margin:0 .7rem .55rem}.phone .tab[data-v-826bec6d]{padding:.45rem .6rem;font-size:.86rem}.phone .tab.on[data-v-826bec6d]{background:#ffffffe6}.phone .rail[data-v-826bec6d]{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;gap:.55rem;padding:.3rem calc(50% - 62px) .2rem;display:flex;overflow-x:auto}.phone .rail[data-v-826bec6d]::-webkit-scrollbar{display:none}.phone .rail-group[data-v-826bec6d]{background:#0000001f;flex:none;align-self:stretch;width:1px;margin:.4rem .2rem;font-size:0;overflow:hidden}.phone .card-note[data-v-826bec6d],.phone .rail-group[data-v-826bec6d]:first-child{display:none}.phone .card[data-v-826bec6d]{scroll-snap-align:center;scroll-snap-stop:always;background:#ffffffd9;border-color:#ffffffe6;flex:none;width:124px}.phone .card.on[data-v-826bec6d]{border-color:var(--primary);background:#fff;transform:scale(1.04)}.phone .theme-card .card-name[data-v-826bec6d]{font-size:.8rem}.phone .intro-card[data-v-826bec6d]{text-align:center;align-items:center;padding:.55rem .4rem}.phone .intro-icon[data-v-826bec6d]{font-size:1.9rem}.phone .intro-options[data-v-826bec6d]{margin:.6rem .9rem .2rem}@media (prefers-reduced-motion:reduce){.card[data-v-826bec6d],.fold-arrow[data-v-826bec6d],.phone .studio-options[data-v-826bec6d]{transition:none}}