.studio{--s-line:var(--color-line);--s-edge:#8a8676;--s-shadow-card:0 1px 2px #161b200d, 0 12px 28px -18px #161b2038;--s-shadow-raised:0 1px 2px #161b2012, 0 20px 40px -22px #161b204d;--s-shadow-dialog:0 2px 6px #161b2014, 0 32px 64px -28px #161b2061}@supports (color:lab(0% 0 0)){.studio{--s-edge:lab(56.0574% -.548571 9.27833);--s-shadow-card:0 1px 2px lab(9.50177% -1.15329 -4.20978/.05), 0 12px 28px -18px lab(9.50177% -1.15329 -4.20978/.22);--s-shadow-raised:0 1px 2px lab(9.50177% -1.15329 -4.20978/.07), 0 20px 40px -22px lab(9.50177% -1.15329 -4.20978/.3);--s-shadow-dialog:0 2px 6px lab(9.50177% -1.15329 -4.20978/.08), 0 32px 64px -28px lab(9.50177% -1.15329 -4.20978/.38)}}.studio .s-card{background:var(--color-paper);border:1px solid var(--s-line);border-radius:var(--radius-card);box-shadow:var(--s-shadow-card)}.studio .s-row{background:var(--color-paper);border:1px solid var(--s-line);border-radius:var(--radius-input)}.studio .s-card--pear,.studio .s-row--pear{background:var(--color-pear-wash);border-color:color-mix(in oklch, var(--color-accent-deep) 55%, transparent)}.studio .s-card--coral,.studio .s-row--coral{background:var(--color-coral-wash);border-color:color-mix(in oklch, var(--color-coral) 45%, transparent)}.studio .s-card--danger,.studio .s-row--danger{border-color:color-mix(in oklch, var(--color-danger) 38%, transparent)}.studio .s-btn{white-space:nowrap;border-radius:var(--radius-pill);cursor:pointer;height:2.75rem;transition:transform var(--dur-fast) var(--ease-push), box-shadow var(--dur-fast) var(--ease-push), background-color var(--dur-fast) var(--ease-push), color var(--dur-fast) var(--ease-push);border:0;justify-content:center;align-items:center;gap:.5em;padding-inline:1.25rem;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.studio .s-btn--sm{height:2.25rem;padding-inline:.875rem;font-size:.8125rem}.studio .s-btn--primary{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:0 3px 0 0 var(--color-accent-deep), 0 5px 12px -4px #d2ae0066}@supports (color:lab(0% 0 0)){.studio .s-btn--primary{box-shadow:0 3px 0 0 var(--color-accent-deep), 0 5px 12px -4px lab(72.6547% 6.09392 137.561/.4)}}.studio .s-btn--primary:hover:not(:disabled){background:var(--color-accent-strong);box-shadow:0 4px 0 0 var(--color-accent-deep), 0 9px 18px -5px #d2ae0073;transform:translateY(-1px)}@supports (color:lab(0% 0 0)){.studio .s-btn--primary:hover:not(:disabled){box-shadow:0 4px 0 0 var(--color-accent-deep), 0 9px 18px -5px lab(72.6547% 6.09392 137.561/.45)}}.studio .s-btn--primary:active:not(:disabled){box-shadow:0 1px 0 0 var(--color-accent-deep), 0 2px 6px -2px #d2ae0066;transition-duration:70ms;transform:translateY(2px)}@supports (color:lab(0% 0 0)){.studio .s-btn--primary:active:not(:disabled){box-shadow:0 1px 0 0 var(--color-accent-deep), 0 2px 6px -2px lab(72.6547% 6.09392 137.561/.4)}}.studio .s-btn--ghost{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--s-edge);background:0 0}.studio .s-btn--ghost:hover:not(:disabled){background:var(--color-paper-2);box-shadow:inset 0 0 0 1px var(--color-ink-faint)}.studio .s-btn--ghost:active:not(:disabled){transition-duration:70ms;transform:translateY(1px)}.studio .s-btn--ghost-danger{color:var(--color-ink-dim)}.studio .s-btn--ghost-danger:hover:not(:disabled),.studio .s-btn--ghost-danger:focus-visible{color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger);background:0 0}.studio .s-btn--danger{background:var(--color-danger);color:var(--color-paper);box-shadow:0 3px #94001e;box-shadow:0 3px lab(30.9223% 54.4163 30.6733)}.studio .s-btn--danger:hover:not(:disabled){background:#a80022;background:lab(35.3474% 60.8367 34.5965);transform:translateY(-1px);box-shadow:0 4px #8a021c;box-shadow:0 4px lab(28.7097% 51.2064 28.7233)}.studio .s-btn--danger:active:not(:disabled){transition-duration:70ms;transform:translateY(2px);box-shadow:0 1px #94001e;box-shadow:0 1px lab(30.9223% 54.4163 30.6733)}.studio .s-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.studio .s-btn--ghost:disabled{box-shadow:inset 0 0 0 1px var(--s-line)}.studio .s-btn[aria-busy=true]{cursor:progress}.studio .s-iconbtn{border-radius:var(--radius-pill);color:var(--color-ink-dim);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;place-items:center;display:grid}.studio .s-iconbtn:hover:not(:disabled){background:var(--color-paper-2);color:var(--color-ink)}.studio .s-iconbtn:active:not(:disabled){transform:scale(.94)}.studio .s-iconbtn--edged{box-shadow:inset 0 0 0 1px var(--s-edge)}.studio .s-iconbtn--edged:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-ink-faint)}.studio .s-field{background:var(--color-paper);width:100%;color:var(--color-ink);border:1px solid var(--s-edge);border-radius:var(--radius-input);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-size:1rem}.studio .s-field::placeholder{color:var(--color-ink-faint)}.studio .s-field:hover:not(:disabled){border-color:var(--color-ink-faint)}.studio .s-field:focus{border-color:var(--color-accent-deep);outline:none;box-shadow:0 0 0 3px #f6ce0059;box-shadow:0 0 0 3px lab(84.3328% 3.40465 86.5733/.35)}.studio .s-field:disabled{opacity:.55;cursor:not-allowed}.studio .s-field[aria-invalid=true]{border-color:var(--color-danger)}.studio .s-field[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b7162d40;box-shadow:0 0 0 3px lab(40.0011% 60.7611 33.4379/.25)}.studio select.s-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%234a4d55' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.625rem;padding-inline-end:2rem}.studio .s-seg{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--s-edge);padding:2px;display:flex}.studio .s-seg__opt{border-radius:var(--radius-pill);min-height:2rem;font-family:var(--font-spline-mono), ui-monospace, monospace;text-transform:uppercase;color:var(--color-ink-dim);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:.3rem .85rem;font-size:.75rem}.studio .s-seg__opt:hover:not(:disabled):not([aria-checked=true]){color:var(--color-ink)}.studio .s-seg__opt[aria-checked=true]{background:var(--color-ink);color:var(--color-paper)}.studio .s-seg__opt:disabled{opacity:.45;cursor:not-allowed}.studio .s-link{color:var(--color-cyan-ink);text-underline-offset:2px;cursor:pointer;transition:color var(--dur-fast) var(--ease-out);font-weight:600}.studio .s-link:hover{color:var(--color-focus);text-decoration:underline}.studio .s-audio{--color-accent:var(--color-cyan);--color-accent-strong:var(--color-cyan-deep);--color-accent-ink:var(--color-ink)}.studio .s-audio button{box-shadow:inset 0 0 0 1px var(--color-cyan-deep)}.studio .s-meter{border-radius:var(--radius-pill);background:#cfcbbb;background:lab(81.5705% -.576615 8.44499);overflow:hidden}.studio .s-meter__fill{border-radius:var(--radius-pill);background:var(--color-accent-strong);height:100%;transition:width .5s var(--ease-out)}.studio .s-meter__fill--low{background:var(--color-coral)}.studio-scrim{z-index:50;animation:s-scrim-in .16s var(--ease-out) both;background:#161b2052;background:lab(9.50177% -1.15329 -4.20978/.32);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.studio-dialog{background:var(--color-paper);border:1px solid var(--s-line);border-radius:var(--radius-card);box-shadow:var(--s-shadow-dialog);animation:s-dialog-in .2s var(--ease-out) both}@keyframes s-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes s-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.studio .s-navpill{border:1px solid var(--s-line);border-radius:var(--radius-pill);box-shadow:var(--s-shadow-raised);-webkit-backdrop-filter:blur(12px)saturate(1.4);background:#f7f5ecdb;background:lab(96.5939% -.359416 4.5732/.86)}.studio .s-skeleton{background:linear-gradient(90deg, var(--color-paper-2) 0%, var(--color-paper-3) 50%, var(--color-paper-2) 100%);border-radius:var(--radius-input);background-size:200% 100%;animation:1.4s linear infinite s-shimmer}@keyframes s-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.studio :focus-visible,.studio-scrim :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:4px}.studio .s-btn:focus-visible,.studio .s-iconbtn:focus-visible,.studio-scrim .s-btn:focus-visible,.studio-scrim .s-iconbtn:focus-visible{outline-offset:3px;border-radius:var(--radius-pill)}@media (prefers-reduced-motion:reduce){.studio .s-btn,.studio .s-btn:hover,.studio .s-btn:active,.studio .s-iconbtn:active{transform:none}.studio .s-skeleton{animation:none}.studio .s-meter__fill{transition:none}.studio-dialog{animation-name:s-scrim-in;animation-duration:.12s}}