.motion-code[data-v-bb34e702]{min-width:0;display:flex;flex-direction:column;border:1px solid #8883;border-radius:12px;overflow:hidden;height:100%}.code-toolbar[data-v-bb34e702]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8882;padding:0 14px;min-height:48px;gap:8px}.code-tabs[data-v-bb34e702]{display:flex;align-items:center;gap:18px}.code-tabs button[data-v-bb34e702]{font-size:12px;padding:15px 0;white-space:nowrap;opacity:.45;border-bottom:1px solid transparent}.code-tabs button[aria-selected=true][data-v-bb34e702]{opacity:1;border-color:currentColor}.vue-dot[data-v-bb34e702]{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62a885;margin-right:5px}.copy-source[data-v-bb34e702]{display:flex;align-items:center;gap:4px;font-size:11px;opacity:.65}.copy-source[data-v-bb34e702]:disabled{opacity:.3}.code-filename[data-v-bb34e702]{font-family:monospace;font-size:10px;display:flex;justify-content:space-between;padding:12px 16px;gap:8px;opacity:.5}.code-scroll[data-v-bb34e702]{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}.source-markdown[data-v-bb34e702]{max-width:none;font-size:11px}.source-markdown[data-v-bb34e702] pre.shiki{margin:0;padding:8px 18px 24px;min-height:100%;background:transparent;line-height:1.8;width:max-content;min-width:100%}.source-status[data-v-bb34e702]{padding:24px;font-size:12px;opacity:.5}.source-reveal-enter-active[data-v-bb34e702],.source-reveal-leave-active[data-v-bb34e702]{transition:opacity .18s,transform .18s}.source-reveal-enter-from[data-v-bb34e702]{opacity:0;transform:translateY(8px)}.source-reveal-leave-to[data-v-bb34e702]{opacity:0;transform:translateY(-5px)}@media (min-width: 1440px){.source-markdown[data-v-bb34e702]{font-size:12.5px}.code-filename[data-v-bb34e702]{font-size:11px}}@media (prefers-reduced-motion: reduce){.source-reveal-enter-active[data-v-bb34e702],.source-reveal-leave-active[data-v-bb34e702]{transition:none}}.motion-page[data-v-61fcd828]{max-width:1480px;margin:0 auto;padding:0 12px}.lab-toolbar[data-v-61fcd828]{display:flex;align-items:center;gap:28px;padding:0 0 26px}.lab-toolbar h1[data-v-61fcd828]{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:400;letter-spacing:-.04em;margin:0}.lab-toolbar h1 span[data-v-61fcd828]{font:10px monospace;opacity:.3;letter-spacing:0}.lab-filters[data-v-61fcd828]{display:flex;flex-wrap:wrap;min-width:0;gap:3px;flex:1}.lab-filters button[data-v-61fcd828]{font-size:11px;padding:6px 9px;opacity:.4;border-radius:5px;transition:opacity .2s,background .2s}.lab-filters button.chosen[data-v-61fcd828]{opacity:1;background:#8881}.category-count[data-v-61fcd828]{margin-left:5px;font:8px monospace;opacity:.4}.play-all[data-v-61fcd828]{display:grid;place-items:center;opacity:.5;font-size:14px;width:30px;height:30px}.motion-grid[data-v-61fcd828]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 17px}.motion-card[data-v-61fcd828]{min-width:0}.card-art[data-v-61fcd828]{position:relative;display:block;width:100%;aspect-ratio:4/3;background:#0d1015;border-radius:9px;overflow:hidden;isolation:isolate}.card-art[data-v-61fcd828]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a;background:radial-gradient(180px circle at var(--mx, 50%) var(--my, 50%),#ffffff0c,transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}.card-art[data-v-61fcd828]:hover:after{opacity:1}.source-hidden .card-art[data-v-61fcd828]{visibility:hidden}.card-number[data-v-61fcd828]{position:absolute;top:10px;left:11px;color:#fff6;font:8px monospace;pointer-events:none;mix-blend-mode:difference}.card-open[data-v-61fcd828]{position:absolute;right:10px;top:8px;color:#fff;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s;pointer-events:none}.card-art:hover .card-open[data-v-61fcd828],.card-art:focus-visible .card-open[data-v-61fcd828]{opacity:.7;transform:none}.card-footer[data-v-61fcd828]{display:flex;align-items:center;justify-content:space-between;padding:7px 1px 0}.card-footer h2[data-v-61fcd828]{font-size:11px;font-weight:400;margin:0;opacity:.65}.card-code[data-v-61fcd828]{display:grid;place-items:center;width:27px;height:27px;opacity:.3;font-size:14px;border-radius:5px;transition:opacity .2s,background .2s}.card-code[data-v-61fcd828]:hover{opacity:1;background:#8881}.motion-page button[data-v-61fcd828]:focus-visible,.motion-dialog button[data-v-61fcd828]:focus-visible,.motion-dialog input[data-v-61fcd828]:focus-visible{outline:2px solid #70a898;outline-offset:4px}.motion-dialog[data-v-61fcd828]{padding:clamp(24px,2.5vw,60px);border:0;color:inherit;background:transparent;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;overflow:hidden}.motion-dialog[open][data-v-61fcd828]{display:grid;place-items:center}.motion-dialog[data-v-61fcd828]::backdrop{background:#080a0fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .4s,backdrop-filter .4s}.motion-dialog.closing[data-v-61fcd828]::backdrop{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.detail-shell[data-v-61fcd828]{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;padding:0 22px 22px;border:1px solid #8883;border-radius:16px;background:var(--c-bg, #fff);overflow:hidden;box-shadow:0 25px 100px #0005;transition:opacity .3s}.closing .detail-shell[data-v-61fcd828]{opacity:0;pointer-events:none}.detail-header[data-v-61fcd828]{flex-shrink:0;position:sticky;top:0;z-index:3;background:var(--c-bg, #fff);display:flex;justify-content:space-between;align-items:center;padding:20px 0 18px;gap:12px}.detail-heading[data-v-61fcd828]{display:flex;align-items:center;gap:12px}.detail-index[data-v-61fcd828]{font:10px monospace;opacity:.35}.detail-heading h2[data-v-61fcd828]{margin:0;font-size:17px;font-weight:400}.close-detail[data-v-61fcd828]{display:grid;place-items:center;width:28px;height:28px;opacity:.6}.detail-body[data-v-61fcd828]{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px}.detail-preview[data-v-61fcd828]{container-type:size;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.detail-art[data-v-61fcd828]{width:min(100%,calc((100cqh - 216px) * 1.333333));flex-shrink:0;position:relative;aspect-ratio:4/3;background:#0d1015;border-radius:10px;overflow:hidden}.opening .detail-art[data-v-61fcd828],.closing .detail-art[data-v-61fcd828]{visibility:hidden}.controls[data-v-61fcd828]{width:min(100%,calc((100cqh - 216px) * 1.333333));flex-shrink:0;margin-top:20px;padding:0 4px}.controls-actions[data-v-61fcd828]{display:flex;justify-content:space-between;padding-bottom:3px}.controls-actions button[data-v-61fcd828]{display:flex;align-items:center;gap:6px;font-size:10px;opacity:.5}.controls-actions button[data-v-61fcd828]:disabled{opacity:.25}.control-row[data-v-61fcd828]{display:grid;grid-template-columns:60px minmax(0,1fr) 36px;align-items:center;gap:12px;margin-top:15px}.control-row>span[data-v-61fcd828]{font-size:10px;opacity:.55}.control-row output[data-v-61fcd828]{font:10px monospace;opacity:.45;text-align:right}.control-row input[data-v-61fcd828]{width:100%;height:3px;accent-color:#81aa9c;cursor:pointer}.experiment-navigation[data-v-61fcd828]{width:min(100%,calc((100cqh - 216px) * 1.333333));flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-top:23px;border-top:1px solid #8882;padding-top:12px}.experiment-navigation button[data-v-61fcd828]{display:grid;place-items:center;width:30px;height:26px;opacity:.5}.experiment-navigation>span[data-v-61fcd828]{font:9px monospace;opacity:.3}.detail-body[data-v-61fcd828]>:last-child{min-height:0;height:100%;max-height:none}@media (min-width: 1440px){.detail-shell[data-v-61fcd828]{padding:0 28px 28px}.detail-header[data-v-61fcd828]{padding:24px 0}.detail-heading h2[data-v-61fcd828]{font-size:20px}.controls-actions button[data-v-61fcd828],.control-row>span[data-v-61fcd828]{font-size:12px}.control-row output[data-v-61fcd828]{font-size:11px}.close-detail[data-v-61fcd828]{width:34px;height:34px;font-size:20px}}@media (max-height: 620px) and (min-width: 851px){.detail-shell[data-v-61fcd828]{overflow:auto}.detail-body[data-v-61fcd828]{flex:none;min-height:360px}.detail-art[data-v-61fcd828],.controls[data-v-61fcd828],.experiment-navigation[data-v-61fcd828]{width:min(100%,300px)}.detail-body[data-v-61fcd828]>:last-child{height:420px}}@media (max-width: 1100px){.motion-grid[data-v-61fcd828]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 850px){.motion-grid[data-v-61fcd828]{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-toolbar[data-v-61fcd828]{gap:16px;flex-wrap:wrap}.lab-filters[data-v-61fcd828]{order:3;flex-basis:100%}.play-all[data-v-61fcd828]{margin-left:auto}.motion-dialog[data-v-61fcd828]{padding:16px}.detail-body[data-v-61fcd828]{grid-template-columns:1fr}.detail-preview[data-v-61fcd828]{container-type:normal}.detail-body[data-v-61fcd828]>:last-child{height:460px}.detail-shell[data-v-61fcd828]{display:block;height:auto;overflow:auto}.detail-art[data-v-61fcd828],.controls[data-v-61fcd828],.experiment-navigation[data-v-61fcd828]{width:100%}}@media (max-width: 600px){.motion-page[data-v-61fcd828]{padding:0}.lab-toolbar[data-v-61fcd828]{gap:12px;padding-bottom:20px}.lab-toolbar h1[data-v-61fcd828]{font-size:19px}.lab-filters[data-v-61fcd828]{gap:1px}.lab-filters button[data-v-61fcd828]{font-size:10px;padding:6px 8px}.motion-grid[data-v-61fcd828]{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 11px}.card-art[data-v-61fcd828]{border-radius:7px}.card-footer h2[data-v-61fcd828]{font-size:10px}.card-code[data-v-61fcd828]{font-size:13px;width:23px;height:23px}.card-number[data-v-61fcd828]{font-size:7px;left:8px;top:8px}.detail-shell[data-v-61fcd828]{padding:0 14px 14px;border-radius:12px}.detail-heading h2[data-v-61fcd828]{font-size:15px}.detail-body[data-v-61fcd828]{gap:18px}}@media (prefers-reduced-motion: reduce){[data-v-61fcd828],[data-v-61fcd828]:after{transition:none!important}}