.puppet-rig{padding-top:var(--puppet-ceiling,140px);isolation:isolate;justify-content:center;display:inline-flex;position:relative}.puppet-rig--letters{perspective:900px;perspective-origin:50% 0;--puppet-glyph-nudge-factor:-.24;--puppet-lower-extra-factor:-.12;--puppet-string-bottom-inset:0px;--puppet-string-offset-x:0px;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:0;margin:0;padding-top:0;font-size:0;display:inline-flex}.puppet-letter{line-height:1;font-size:var(--puppet-restore-font-size,1rem);justify-content:center;align-items:flex-start;display:inline-flex;position:relative}.puppet-letter--u{margin-inline:var(--puppet-u-gutter,0);z-index:2}.puppet-letter--space{width:.3em}.puppet-letter__swing{transform-origin:top;transform-style:preserve-3d;will-change:transform,opacity;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;display:inline-flex;position:relative}.puppet-letter__string-fork{width:100%;height:calc(var(--puppet-ceiling,140px) - var(--puppet-string-bottom-inset,0px));pointer-events:none;transform:translateX(var(--puppet-string-offset-x,0px));transform-origin:top;display:block;position:absolute;top:0;left:0;overflow:visible}.puppet-letter__string{width:1px;height:calc(var(--puppet-ceiling,140px) - var(--puppet-string-bottom-inset,0px));pointer-events:none;transform:translateX(var(--puppet-string-offset-x,0px));transform-origin:top;border:none;flex-shrink:0;margin:0;padding:0;display:block}.puppet-letter__string--fork-trunk{-webkit-mask-image:linear-gradient(to bottom,var(--color-ink)0,var(--color-ink)79%,transparent 79%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,var(--color-ink)0,var(--color-ink)79%,transparent 79%,transparent 100%);mask-image:linear-gradient(to bottom,var(--color-ink)0,var(--color-ink)79%,transparent 79%,transparent 100%)}.puppet-letter__glyph{transform-style:preserve-3d;backface-visibility:hidden;margin:0;margin-top:calc(var(--puppet-glyph-nudge-factor,-.24)*1em + var(--puppet-string-bottom-inset,0px));padding:0;line-height:1;display:block}.puppet-letter__glyph[data-puppet-glyph=lower]{margin-top:calc(var(--puppet-glyph-nudge-factor,-.24)*1em + var(--puppet-lower-extra-factor,-.12)*1em + var(--puppet-string-bottom-inset,0px))}.puppet-test-page{background:var(--bg-landing);min-height:100svh;color:var(--text-on-light);font-family:var(--font-family-body);box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;width:100%;padding:clamp(1.25rem,3.2vw,2rem) clamp(1.25rem,5vw,1.25rem) 10rem;display:flex;overflow:clip auto}.puppet-test-page__editor{box-sizing:border-box;background:color-mix(in srgb,var(--text-on-light)7%,transparent);border:1px solid color-mix(in srgb,var(--text-on-light)14%,transparent);width:100%;max-width:min(42rem,100%);box-shadow:0 8px 28px color-mix(in srgb,var(--text-on-light)10%,transparent);border-radius:14px;margin-inline:auto;padding:1rem 1.25rem 1.1rem}.puppet-test-page__editor-row{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.puppet-test-page__editor-row:last-of-type{margin-bottom:.65rem}.puppet-test-page__editor-label{text-transform:uppercase;letter-spacing:.14em;opacity:.78;font-size:.68rem;font-weight:700}.puppet-test-page__editor-input{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text-on-light)22%,transparent);background:color-mix(in srgb,var(--color-cream)50%,var(--bg-landing));width:100%;color:var(--text-on-light);font-family:var(--font-family-body);border-radius:10px;padding:.65rem .85rem;font-size:.95rem}.puppet-test-page__editor-input::placeholder{color:color-mix(in srgb,var(--text-on-light)45%,transparent)}.puppet-test-page__editor-input:focus{outline:2px solid color-mix(in srgb,var(--text-on-light)32%,transparent);outline-offset:2px}.puppet-test-page__editor-hint{opacity:.72;margin:0;font-size:.78rem;line-height:1.45}.puppet-test-page__showcase-mirror{box-sizing:border-box;border:1px dashed color-mix(in srgb,var(--text-on-light)28%,transparent);background:color-mix(in srgb,var(--text-on-light)5%,transparent);border-radius:14px;width:100%;max-width:64rem;margin-inline:auto;padding:1.25rem clamp(.75rem,4vw,1.5rem) 1.5rem}.puppet-test-page__showcase-mirror-legend{color:color-mix(in srgb,var(--text-on-light)78%,transparent);text-align:center;max-width:42rem;margin:0 0 1rem;margin-inline:auto;font-size:.82rem;line-height:1.5}.puppet-test-page__showcase-mirror-legend strong{color:var(--text-on-light)}.puppet-test-page__code{background:color-mix(in srgb,var(--text-on-light)10%,transparent);border-radius:6px;padding:.12em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em}.puppet-test-page__showcase-mirror-inputs{margin-bottom:1.25rem}.puppet-test-page__showcase-mirror .showcase-panel__copy-head{width:100%;max-width:min(100%,960px);margin-inline:auto;position:relative;top:auto;left:auto;transform:none}.puppet-test-page__showcase-mirror .showcase-panel__title.puppet-rig--letters{margin-top:0}.puppet-test-page__stage{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:64rem;margin-inline:auto;padding:.5rem clamp(.75rem,4vw,1.5rem) 0;display:flex}.puppet-test-page__title{font-family:var(--font-family-title);letter-spacing:-.05em;box-sizing:border-box;--puppet-restore-font-size:clamp(2.35rem,11vw + .6rem,8rem);width:100%;max-width:100%;font-size:clamp(2.35rem,11vw + .6rem,8rem);font-weight:700;line-height:1.1}.puppet-test-page__title>.puppet-rig--letters{flex-wrap:wrap;justify-content:center;row-gap:.02em;width:100%;max-width:100%;display:flex}.puppet-test-page__title .puppet-rig--letters{--puppet-glyph-nudge-factor:-.32;--puppet-lower-extra-factor:-.16}.puppet-test-page__subtitle{font-family:var(--font-family-subtitle);font-size:clamp(.95rem,2.8vw + .35rem,var(--font-size-landing-subtitle));color:color-mix(in srgb,var(--text-on-light)72%,transparent);box-sizing:border-box;--puppet-restore-font-size:clamp(.95rem,2.8vw + .35rem,var(--font-size-landing-subtitle));width:100%;max-width:min(42rem,100%);margin-inline:auto;font-weight:400;line-height:1.4}.puppet-test-page__subtitle>.puppet-rig--letters{flex-wrap:wrap;justify-content:center;row-gap:.12em;width:100%;max-width:100%;display:flex}.puppet-test-page__subtitle .puppet-rig--letters{--puppet-glyph-nudge-factor:-.2;--puppet-lower-extra-factor:-.09}.puppet-test-page__title .puppet-rig--letters.puppet-rig--no-swing,.puppet-test-page__subtitle .puppet-rig--letters.puppet-rig--no-swing{--puppet-glyph-nudge-factor:0;--puppet-lower-extra-factor:0}.puppet-rig--letters.puppet-rig--no-swing{perspective:none}.puppet-debug{background:color-mix(in srgb,var(--color-ink)92%,transparent);width:min(320px,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--color-cream);border:1px solid color-mix(in srgb,var(--color-white-soft)8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;box-shadow:0 20px 60px color-mix(in srgb,var(--color-ink)35%,transparent);border-radius:14px;padding:1rem 1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;position:fixed;bottom:1rem;right:1rem;overflow:auto}.puppet-debug__header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.puppet-debug__title{letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;font-size:11px}.puppet-debug__row{border-top:1px solid #ffffff0f;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.35rem 0;display:grid}.puppet-debug__row:first-of-type{border-top:none}.puppet-debug__row label{color:#ffffffbf;grid-column:1/-1;justify-content:space-between;gap:.5rem;display:flex}.puppet-debug__row label span{color:var(--color-white-soft);font-variant-numeric:tabular-nums}.puppet-debug__row input[type=range]{width:100%;accent-color:var(--color-yellow);grid-column:1/-1}.puppet-debug__toggles{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.puppet-debug__toggles label{cursor:pointer;color:#fffc;align-items:center;gap:.5rem;display:flex}.puppet-debug__presets{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}.puppet-debug__btn{appearance:none;color:inherit;cursor:pointer;font:inherit;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;padding:.4rem .75rem;transition:background .12s,border-color .12s}.puppet-debug__btn:hover{background:#ffffff1a;border-color:#ffffff4d}.puppet-debug__btn--primary{background:var(--color-yellow);color:var(--color-ink);border-color:#0000}.puppet-debug__btn--primary:hover{background:color-mix(in srgb,var(--color-yellow)88%,var(--color-cream)12%)}