[data-v-e4e80391] .prose iframe{aspect-ratio:16/9;border:0;border-radius:1rem;height:auto;width:100%}[data-v-e4e80391] .prose video{height:auto;margin-inline:auto;max-width:360px;width:100%}.blog-reader{font-family:var(--font-blog-body);padding-bottom:var(--space-blog-3xl);padding-top:var(--space-blog-2xl)}.blog-reader article{min-width:0}.blog-reader article>h1,.blog-reader article>p{margin-inline:auto;max-width:44rem}.blog-reader article>h1{font-family:var(--font-blog-display);font-size:var(--text-blog-display);font-weight:600;letter-spacing:-.035em;line-height:1.12;overflow-wrap:anywhere}.blog-reader article>p{color:var(--color-blog-body)}.blog-reader article>p:first-child{color:var(--color-blog-highlight);font-size:var(--text-blog-small);letter-spacing:.16em}.blog-reader article>p:nth-of-type(3){color:var(--color-blog-muted);font-size:var(--text-blog-small);gap:var(--space-blog-xs) var(--space-blog-md);line-height:1.7}.blog-reader .prose{color:var(--color-blog-body);font-size:var(--text-blog-body);line-height:1.85}.blog-reader .prose :where(h2,h3,strong){color:var(--color-blog-ink)}.blog-reader .prose h2{font-family:var(--font-blog-display);font-size:clamp(1.5rem,2.5vw,2rem);font-style:normal;font-weight:600;letter-spacing:-.025em;line-height:1.25;overflow-wrap:anywhere}.blog-reader-content>:is(p,h2,h3,ul,ol,table,details,aside,pre,.blog-code-block){margin-inline:auto;max-width:44rem}.blog-reader-content>h2{margin-bottom:var(--space-blog-lg);margin-top:var(--space-blog-3xl);scroll-margin-top:7rem}.blog-reader .prose p{color:var(--color-blog-body);margin-bottom:var(--space-blog-lg);margin-top:var(--space-blog-lg)}.blog-reader .prose :where(a){color:var(--color-blog-ink);text-decoration-color:var(--color-blog-accent);text-underline-offset:2px}.blog-reader .prose :where(a:hover){color:var(--color-blog-highlight)}.blog-reader .prose :where(a:active){color:var(--color-blog-accent)}.blog-reader .prose :where(a:focus-visible,summary:focus-visible){border-radius:.2rem;outline:2px solid var(--color-blog-focus);outline-offset:5px}.blog-reader .prose li{color:var(--color-blog-body);margin-block:var(--space-blog-sm);padding-left:var(--space-blog-xs)}.blog-reader .prose li::marker{color:var(--color-blog-accent)}.blog-reader .prose figure{margin-block:var(--space-blog-2xl)}.blog-reader .prose .blog-landscape-media{margin-inline:auto;max-width:44rem}.blog-reader .prose .blog-landscape-media video{border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);display:block;height:auto;max-width:100%;width:100%}.blog-reader .prose figcaption{color:var(--color-blog-muted);font-size:var(--text-blog-small);line-height:1.65;margin-top:var(--space-blog-md)}.blog-reader .prose img{margin:0}.blog-reader-content>figure>a:has(>img){display:block}.blog-reader-content>figure>a>img,.blog-reader-content>figure>img{display:block;height:auto;max-width:100%;width:100%}.blog-reader .prose table{font-size:.9rem;line-height:1.6;margin-block:var(--space-blog-xl);table-layout:fixed;width:100%}.blog-reader .prose :where(td,th){border-color:var(--color-blog-rule);overflow-wrap:anywhere;padding:var(--space-blog-sm)}.blog-reader .prose code,.blog-reader .prose th{color:var(--color-blog-ink)}.blog-reader .prose code{font-family:var(--font-blog-code);font-size:.85em;font-weight:400;overflow-wrap:anywhere}.blog-reader .prose code:after,.blog-reader .prose code:before{content:none}.blog-reader .prose pre{background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);font-size:.8125rem;line-height:1.7;margin-block:var(--space-blog-lg);overflow-x:auto;padding:var(--space-blog-md);-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}.blog-reader .prose pre code{font-size:inherit;overflow-wrap:normal}.blog-reader .prose .blog-preferred-source{align-items:center;background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);display:flex;flex-wrap:wrap;gap:var(--space-blog-lg);justify-content:space-between;margin-block:var(--space-blog-2xl);padding:var(--space-blog-xl)}.blog-reader .prose .blog-preferred-source p{display:grid;font-size:.9375rem;gap:var(--space-blog-xs);line-height:1.6;margin:0}.blog-preferred-source p>span{color:var(--color-blog-muted)}.blog-reader .prose .blog-preferred-source a{align-items:center;border:1px solid var(--color-blog-accent);border-radius:var(--radius-blog-sm);color:var(--color-blog-ink);display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-blog-sm);justify-content:center;line-height:1.5;max-width:100%;min-height:44px;padding:var(--space-blog-sm) var(--space-blog-md);text-align:center;text-decoration:none}.blog-reader .prose .blog-preferred-source a:hover{background:var(--color-blog-raised);border-color:var(--color-blog-focus)}.blog-reader .prose .blog-preferred-source a:focus-visible{outline:2px solid var(--color-blog-focus);outline-offset:4px}.blog-reader .prose .blog-transformation{margin-bottom:var(--space-blog-2xl);margin-top:var(--space-blog-xl)}.blog-transform-grid{align-items:center;background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);display:grid;gap:var(--space-blog-lg);grid-template-columns:minmax(0,1.25fr) minmax(5rem,.5fr) minmax(0,.8fr);padding:var(--space-blog-2xl)}.blog-reader .prose .blog-figure-label{color:var(--color-blog-ink);font-size:.9375rem;font-weight:600;margin:0 0 var(--space-blog-lg)}.blog-sheet{font-size:.875rem;line-height:1.5}.blog-sheet-heading,.blog-sheet-row{border-bottom:1px solid var(--color-blog-rule);display:grid;gap:var(--space-blog-md);grid-template-columns:minmax(0,1fr) auto;padding:var(--space-blog-sm) var(--space-blog-md)}.blog-sheet-heading{color:var(--color-blog-muted);font-size:var(--text-blog-small)}.blog-sheet-row-selected{background:var(--color-blog-raised);border-left:3px solid var(--color-blog-highlight)}.blog-reader .prose .blog-sheet-row-selected strong{color:var(--color-blog-highlight)}.blog-source-photo{align-items:center;color:var(--color-blog-muted);display:flex;font-size:var(--text-blog-small);gap:var(--space-blog-md);margin-top:var(--space-blog-lg)}.blog-source-photos{align-items:flex-start;flex-direction:column;gap:var(--space-blog-sm)}.blog-source-photos>div{display:flex;gap:var(--space-blog-sm)}.blog-reader .prose .blog-source-photo img{background:var(--color-blog-product-paper);border-radius:var(--radius-blog-sm);height:76px;-o-object-fit:contain;object-fit:contain;padding:var(--space-blog-xs);width:76px}.blog-flow-connector{align-items:center;color:var(--color-blog-muted);display:flex;flex-direction:column;font-size:.75rem;gap:var(--space-blog-xs);line-height:1.5;text-align:center}.blog-flow-arrow{color:var(--color-blog-accent);font-size:3rem;width:100%}.blog-output-frame{align-items:start;background:var(--color-blog-product-paper);border-radius:var(--radius-blog-sm);color:var(--color-blog-product-ink);display:flex;flex-direction:column;min-width:0;padding:var(--space-blog-lg)}.blog-output-kicker{color:var(--color-blog-product-muted);font-size:.55rem;letter-spacing:.14em}.blog-reader .prose .blog-output-title{color:var(--color-blog-product-ink);font-family:var(--font-blog-display);font-size:clamp(1.75rem,2.6vw,2.5rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin-top:var(--space-blog-lg)}.blog-reader .prose .blog-output-frame img{height:190px;-o-object-fit:contain;object-fit:contain;width:100%}.blog-output-footer{align-items:center;border-top:1px solid var(--color-blog-product-rule);display:flex;gap:var(--space-blog-xs);justify-content:space-between;padding-top:var(--space-blog-md);width:100%}.blog-reader .prose .blog-output-footer strong{color:var(--color-blog-product-ink);font-size:1.25rem}.blog-output-footer span{font-size:.7rem;line-height:1.4;max-width:8rem;text-align:right}.blog-downloads{border-block:1px solid var(--color-blog-rule);margin:var(--space-blog-xl) auto;max-width:44rem}.blog-reader .prose .blog-downloads a{display:flex;flex-direction:column;gap:var(--space-blog-xs);padding:var(--space-blog-lg) 0;text-decoration:none}.blog-downloads a+a{border-top:1px solid var(--color-blog-rule)}.blog-downloads strong{text-decoration:underline;text-decoration-color:var(--color-blog-accent);text-underline-offset:4px}.blog-downloads a[href^="https://github.com/"] strong{align-items:center;display:inline-flex;gap:.5em}.blog-downloads a[href^="https://github.com/"] strong:before{--blog-github-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65S8.93 17.38 9 18v4'/%3E%3Cpath d='M9 18c-4.51 2-5-2-7-2'/%3E%3C/svg%3E");background-color:currentColor;content:"";flex:0 0 auto;height:1.125em;-webkit-mask:var(--blog-github-icon) center /contain no-repeat;mask:var(--blog-github-icon) center /contain no-repeat;width:1.125em}.blog-downloads span{color:var(--color-blog-muted);font-size:var(--text-blog-small)}.blog-reader .prose .blog-ui-shot{margin-inline:auto;max-width:60rem}.blog-reader .prose .blog-ui-shot-narrow{max-width:32.5rem}.blog-reader .prose .blog-ui-shot img{border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);height:auto;width:100%}.blog-reader .prose .blog-takeaway{border-left:2px solid var(--color-blog-accent);margin-block:var(--space-blog-2xl);padding:var(--space-blog-xs) 0 var(--space-blog-xs) var(--space-blog-lg)}.blog-reader .prose .blog-takeaway p{margin-block:var(--space-blog-xs)}.blog-demo-pair{align-items:center;display:grid;gap:var(--space-blog-2xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin:var(--space-blog-3xl) auto;max-width:44rem}.blog-reader .prose .blog-demo-pair figure{margin:0}.blog-reader .prose .blog-demo-pair video{aspect-ratio:9/16;background:var(--color-blog-paper);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);display:block;height:auto;max-width:260px;width:100%}.blog-reader .prose .blog-demo-pair.blog-demo-square video{aspect-ratio:1/1}.blog-reader .prose .blog-demo-pair figcaption{margin-inline:auto;max-width:260px}.blog-reader .prose .blog-demo-copy h2{margin-top:0}.blog-reader .prose .blog-small-note{color:var(--color-blog-muted);font-size:var(--text-blog-small);line-height:1.7}.blog-product-videos{display:grid;gap:var(--space-blog-xl);grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-blog-xl) auto;max-width:52rem}.blog-reader .prose .blog-product-videos figure{margin:0;min-width:0}.blog-reader .prose .blog-product-videos video{aspect-ratio:9/16;background:var(--color-blog-paper);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);display:block;height:auto;width:100%}.blog-product-videos figcaption{display:flex;flex-direction:column;gap:var(--space-blog-xs)}.blog-product-videos figcaption strong{font-size:1rem}.blog-reader .prose .blog-text-link{font-size:.9375rem;font-weight:600;line-height:1.5}.blog-reader .prose .blog-storyboard{margin-inline:auto;max-width:50rem}.blog-storyboard-frames{align-items:center;display:grid;gap:var(--space-blog-md);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.blog-storyboard-frame{aspect-ratio:3/4;background:var(--color-blog-product-paper);border-radius:var(--radius-blog-sm);color:var(--color-blog-product-ink);display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--space-blog-lg)}.blog-reader .prose .blog-storyboard-frame img{min-height:0;-o-object-fit:contain;object-fit:contain;width:100%}.blog-storyboard-frame>span{font-size:.8125rem;line-height:1.4}.blog-storyboard-frame>span:last-child{margin-top:var(--space-blog-md)}.blog-reader .prose .blog-storyboard-detail strong{color:var(--color-blog-product-ink);font-family:var(--font-blog-display);font-size:1.6rem;line-height:1.1}.blog-reader .prose .blog-storyboard-detail img{margin-top:var(--space-blog-sm);max-height:150px}.blog-storyboard-arrow{color:var(--color-blog-accent);font-size:1.25rem}.blog-storyboard-offer{background:var(--color-blog-raised);color:var(--color-blog-ink)}.blog-reader .prose .blog-storyboard-offer strong{color:var(--color-blog-highlight);font-family:var(--font-blog-display);font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin-top:var(--space-blog-lg)}.blog-storyboard-cta{border-top:1px solid var(--color-blog-rule);padding-top:var(--space-blog-md)}.blog-reader .prose .blog-process{border-block:1px solid var(--color-blog-rule);margin-block:var(--space-blog-2xl);padding-block:var(--space-blog-xl)}.blog-reader .prose .blog-process ol{display:grid;gap:var(--space-blog-xl);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.blog-reader .prose .blog-process li{display:flex;flex-direction:column;font-size:.875rem;gap:var(--space-blog-xs);line-height:1.5;margin:0;padding:0;position:relative}.blog-process li:not(:last-child):after{color:var(--color-blog-accent);content:"→";position:absolute;right:-.8rem;top:.2rem}.blog-process-number{border:1px solid var(--color-blog-accent);border-radius:50%;color:var(--color-blog-accent);display:grid;font-size:.8125rem;height:2rem;margin-bottom:var(--space-blog-xs);place-content:center;width:2rem}.blog-reader .prose :is(.blog-technical-note,.blog-faq-item){background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);padding:var(--space-blog-lg)}.blog-reader .prose details>summary{align-items:center;color:var(--color-blog-ink);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:var(--space-blog-lg);justify-content:space-between;line-height:1.55;list-style:none}.blog-reader .prose summary::-webkit-details-marker{display:none}.blog-reader .prose details>summary:hover{color:var(--color-blog-highlight)}.blog-disclosure-icon,.blog-reader .prose details>summary:active{color:var(--color-blog-accent)}.blog-disclosure-icon{display:inline-block;flex:0 0 auto;font-size:1.5rem;font-weight:400;line-height:1;transition:transform var(--dur-blog-short) var(--ease-blog-out)}.blog-reader .prose details[open]>summary .blog-disclosure-icon{transform:rotate(45deg)}.blog-reader .prose .blog-technical-note{margin-block:var(--space-blog-xl)}.blog-reader .prose .blog-technical-note>p{font-size:.9375rem}.blog-reader .prose .blog-code-block{border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);margin-block:var(--space-blog-lg);min-width:0}.blog-reader .prose .blog-code-block pre{border:0;margin:0}.blog-code-block:has(>details[open]) .blog-code-preview{display:none}.blog-code-collapse,.blog-code-disclosure[open] .blog-code-expand{display:none}.blog-code-disclosure[open] .blog-code-collapse{display:inline}.blog-reader .prose .blog-code-disclosure>summary{background:var(--color-blog-raised);font-size:.8125rem;padding:var(--space-blog-sm) var(--space-blog-md)}.blog-reader .prose .blog-code-disclosure pre{border-top:1px solid var(--color-blog-rule);border-top-left-radius:0;border-top-right-radius:0}.blog-reader .prose .blog-faq-item{margin-block:var(--space-blog-sm)}.blog-reader .prose .blog-faq-answer p{font-size:1rem;margin-bottom:0}.blog-reader .prose .blog-next-step{border-block:1px solid var(--color-blog-accent);margin-block:var(--space-blog-3xl);padding-block:var(--space-blog-xl)}.blog-reader .prose .blog-next-step h2{margin:0}@media(max-width:767px){.blog-reader{padding-top:var(--space-blog-xl)}.blog-transform-grid{gap:var(--space-blog-lg);grid-template-columns:minmax(0,1fr);padding:var(--space-blog-lg)}.blog-source-record{width:100%}.blog-source-photo{margin-top:var(--space-blog-md)}.blog-flow-connector{flex-direction:row;gap:var(--space-blog-lg);justify-content:center}.blog-flow-connector br{display:none}.blog-flow-arrow{font-size:2rem;line-height:1;transform:rotate(90deg);width:auto}.blog-output-frame{justify-self:center;width:min(100%,260px)}.blog-reader .prose .blog-output-title{font-size:2rem}.blog-demo-pair{gap:var(--space-blog-lg);grid-template-columns:minmax(0,1fr)}.blog-demo-copy{grid-row:1}.blog-product-videos{gap:var(--space-blog-2xl);grid-template-columns:minmax(0,1fr);max-width:280px}.blog-storyboard-frames{gap:var(--space-blog-xs)}.blog-storyboard-frame{padding:var(--space-blog-sm)}.blog-storyboard-frame>span{font-size:.625rem}.blog-reader .prose .blog-storyboard-detail strong{font-size:1.1rem}.blog-reader .prose .blog-storyboard-offer strong{font-size:1.75rem}.blog-reader .prose .blog-process ol{gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr)}.blog-reader .prose .blog-process li{min-height:3rem;padding-left:3rem}.blog-process-number{left:0;position:absolute;top:0}.blog-process li:not(:last-child):after{content:"↓";left:.65rem;right:auto;top:3rem}.blog-reader .prose :is(.blog-technical-note,.blog-faq-item){padding:var(--space-blog-md)}.blog-reader .prose table{font-size:.8125rem}.blog-reader .prose :where(td,th){padding:var(--space-blog-xs)}}@media(max-width:420px){.blog-storyboard-frames{gap:var(--space-blog-md);grid-template-columns:minmax(0,1fr);justify-items:center}.blog-storyboard-frame{padding:var(--space-blog-lg);width:min(100%,230px)}.blog-storyboard-arrow{transform:rotate(90deg)}.blog-storyboard-frame>span{font-size:.8125rem}.blog-reader .prose .blog-storyboard-detail strong{font-size:1.75rem}.blog-reader .prose .blog-storyboard-offer strong{font-size:3rem}}@media(prefers-reduced-motion:reduce){.blog-disclosure-icon{transition:none}}@media print{.blog-review-bar{display:none}.blog-reader details>:not(summary){display:block!important}.blog-reader .blog-code-preview{display:none}}.blog-reader .prose .blog-car-example{align-items:center;display:grid;gap:var(--space-blog-2xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);margin-block:var(--space-blog-2xl)}.blog-car-record{background:var(--color-blog-product-paper);border-radius:var(--radius-blog-md);color:var(--color-blog-product-ink);min-width:0;padding:var(--space-blog-xl)}.blog-reader .prose .blog-car-kicker{color:var(--color-blog-product-muted);font-size:var(--text-blog-small);margin:0 0 var(--space-blog-md)}.blog-reader .prose .blog-car-record h3{color:var(--color-blog-product-ink);font-size:1.75rem;line-height:1.15;margin:0 0 var(--space-blog-lg)}.blog-car-record dl{margin:0}.blog-car-record dl>div{align-items:baseline;border-bottom:1px solid var(--color-blog-product-rule);display:flex;font-size:.8125rem;gap:var(--space-blog-md);justify-content:space-between;padding-block:var(--space-blog-sm)}.blog-reader .prose .blog-car-record dt{color:var(--color-blog-product-muted);margin:0}.blog-reader .prose .blog-car-record dd{font-weight:600;margin:0;padding:0;text-align:right}.blog-car-photos{display:grid;gap:var(--space-blog-sm);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-blog-lg)}.blog-reader .prose .blog-car-photos img{aspect-ratio:16/9;border-radius:var(--radius-blog-sm);height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.blog-reader .prose .blog-car-record .blog-small-note{color:var(--color-blog-product-muted);font-size:.75rem;margin-bottom:0}.blog-reader .prose .blog-car-result{margin:0;min-width:0}.blog-reader .prose .blog-car-result video{aspect-ratio:16/9;background:var(--color-blog-paper);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);display:block;height:auto;max-width:none;width:100%}.blog-car-result .blog-text-link{display:inline-block;margin-top:var(--space-blog-md)}.blog-reader .prose .blog-car-workflow{border-block:1px solid var(--color-blog-rule);margin-block:var(--space-blog-2xl);padding-block:var(--space-blog-xl)}.blog-reader .prose .blog-car-workflow ol{display:grid;gap:var(--space-blog-xl);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.blog-reader .prose .blog-car-workflow li{display:flex;flex-direction:column;font-size:.875rem;gap:var(--space-blog-sm);line-height:1.6;margin:0;padding:0;position:relative}.blog-car-owner{color:var(--color-blog-accent);font-size:.75rem;min-height:2.5em}.blog-car-workflow strong{font-size:1rem}.blog-car-workflow li:not(:last-child):after{color:var(--color-blog-accent);content:"→";position:absolute;right:calc(var(--space-blog-lg)*-1);top:2.6rem}.blog-reader .prose .blog-car-preparation{display:grid;gap:var(--space-blog-2xl);grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--space-blog-xl) auto;max-width:52rem}.blog-reader .prose .blog-car-preparation figure{margin:0;min-width:0}.blog-reader .prose .blog-car-preparation h3{font-size:1.2rem;margin-top:0}.blog-reader .prose .blog-car-preparation ul{font-size:.9375rem;padding-left:var(--space-blog-lg)}.blog-reader .prose .blog-car-changes{margin-block:var(--space-blog-2xl)}.blog-car-change-row{border-top:1px solid var(--color-blog-rule);display:grid;gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);padding-block:var(--space-blog-xl)}.blog-car-change-row:last-of-type{border-bottom:1px solid var(--color-blog-rule)}.blog-car-change-event{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-blog-sm)}.blog-car-change-event>span{color:var(--color-blog-accent);font-size:var(--text-blog-small)}.blog-reader .prose .blog-car-change-event>strong{color:var(--color-blog-highlight);font-family:var(--font-blog-display);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.3}.blog-car-change-event small{color:var(--color-blog-muted);font-size:.8125rem}.blog-reader .prose .blog-car-change-row ol{font-size:.9375rem;margin:0;padding-left:var(--space-blog-lg)}.blog-reader .prose .blog-car-change-row li{margin-top:0}.blog-reader .prose .blog-car-mapping{border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);margin-block:var(--space-blog-2xl);padding:var(--space-blog-xl)}.blog-reader .prose .blog-car-mapping ol{display:grid;gap:var(--space-blog-xl);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.blog-reader .prose .blog-car-mapping li{display:flex;flex-direction:column;font-size:.875rem;gap:var(--space-blog-sm);margin:0;padding:0}.blog-car-mapping .blog-car-owner{min-height:0}.blog-reader .prose .blog-car-library{align-items:center;display:grid;gap:var(--space-blog-2xl);grid-template-columns:minmax(0,280px) minmax(0,1fr);margin:var(--space-blog-xl) auto;max-width:52rem}.blog-reader .prose .blog-car-library figure{margin:0}.blog-reader .prose .blog-car-library h3{margin-top:0}.blog-reader .prose .blog-car-library video{aspect-ratio:9/16;border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);display:block;height:auto;width:100%}@media(max-width:767px){.blog-reader .prose .blog-car-example{gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr)}.blog-car-record{padding:var(--space-blog-lg)}.blog-reader .prose .blog-car-workflow ol{gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr)}.blog-reader .prose .blog-car-workflow li{border-left:1px solid var(--color-blog-rule);padding-left:var(--space-blog-lg)}.blog-car-owner{min-height:0}.blog-car-workflow li:not(:last-child):after{bottom:calc(var(--space-blog-lg)*-1);content:"↓";left:-.3rem;right:auto;top:auto}.blog-car-change-row,.blog-reader .prose .blog-car-preparation{gap:var(--space-blog-lg);grid-template-columns:minmax(0,1fr)}.blog-reader .prose .blog-car-library,.blog-reader .prose .blog-car-mapping ol{grid-template-columns:minmax(0,1fr)}.blog-reader .prose .blog-car-library figure{margin-inline:auto;max-width:280px;width:100%}}.blog-reader .prose .blog-subtitle-pair{display:grid;gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr);margin-inline:auto;max-width:44rem}.blog-reader .prose .blog-subtitle-pair figure{margin:0;min-width:0}.blog-reader .prose .blog-subtitle-pair video{aspect-ratio:9/16;background:var(--color-blog-paper);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);display:block;height:auto;margin-inline:auto;width:min(100%,17rem)}.blog-reader .prose .blog-subtitle-pair figcaption{margin-inline:auto;max-width:17rem}.blog-reader .prose .blog-subtitle-label{color:var(--color-blog-ink);display:block;font-family:var(--font-blog-display);font-size:var(--text-blog-body);font-weight:600;margin-bottom:var(--space-blog-xs)}.blog-reader .prose .blog-subtitle-pair figure:last-child .blog-subtitle-label{color:var(--color-blog-highlight)}.blog-reader .prose .blog-subtitle-timing{background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);padding:var(--space-blog-lg)}.blog-reader .prose .blog-subtitle-axis{border-bottom:1px solid var(--color-blog-rule);color:var(--color-blog-muted);display:flex;font:var(--text-blog-small) var(--font-blog-code);justify-content:space-between;padding-bottom:var(--space-blog-sm)}.blog-reader .prose .blog-subtitle-timing ol{list-style:none;margin:var(--space-blog-lg) 0 0;padding:0}.blog-reader .prose .blog-subtitle-timing li{margin:0 0 var(--space-blog-lg);padding:0}.blog-reader .prose .blog-subtitle-track{background:var(--color-blog-paper);border-radius:var(--radius-blog-sm);display:block;height:1.75rem;margin-top:var(--space-blog-xs);position:relative}.blog-reader .prose .blog-subtitle-bar{background:var(--color-blog-highlight);border-radius:var(--radius-blog-sm);bottom:0;color:var(--color-blog-paper);display:grid;font:var(--text-blog-small) var(--font-blog-code);place-items:center;position:absolute;top:0}.blog-subtitle-cue-1{left:6.25%;width:21.875%}.blog-subtitle-cue-2{left:33.25%;width:22.375%}.blog-subtitle-cue-3{left:64.25%;width:18.25%}.blog-reader .prose .blog-subtitle-timing li>span:first-child{display:block;font-size:.9375rem;line-height:1.6}.blog-reader .prose .blog-subtitle-timing .blog-subtitle-time{color:var(--color-blog-accent);display:inline-block;font-family:var(--font-blog-code);font-size:var(--text-blog-small);white-space:nowrap}.blog-reader .prose .blog-subtitle-timing figcaption{margin-bottom:0}.blog-reader .prose .blog-subtitle-result{border-block:1px solid var(--color-blog-rule);margin-block:var(--space-blog-xl);padding:var(--space-blog-lg)}.blog-reader .prose .blog-subtitle-result p{margin:0}.blog-reader:has(.blog-subtitle-pair) .blog-reader-content>:is(h3,pre,.blog-downloads,.blog-subtitle-timing){margin-inline:auto;max-width:44rem}.blog-reader:has(.blog-subtitle-pair) .prose pre{background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);overflow-x:auto;padding:var(--space-blog-md);white-space:pre}.blog-reader:has(.blog-subtitle-pair) .prose pre code{overflow-wrap:normal;white-space:pre}.blog-reader:has(.blog-subtitle-pair) .blog-downloads{grid-template-columns:minmax(0,1fr)}@media(min-width:36rem){.blog-reader .prose .blog-subtitle-pair{gap:var(--space-blog-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reader .prose .blog-subtitle-pair:has(>figure:only-child){grid-template-columns:minmax(0,1fr)}}.blog-reader:has(.blog-contract-map) .blog-reader-content>:is(h3,pre,.blog-code-block,.blog-downloads){margin-inline:auto;max-width:44rem}.blog-reader:has(.blog-contract-map) .prose pre{background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);overflow-x:auto;padding:var(--space-blog-md);white-space:pre}.blog-reader:has(.blog-contract-map) .prose pre code{overflow-wrap:normal;white-space:pre}.blog-reader:has(.blog-contract-map) .prose .blog-code-block pre{border:0}.blog-reader .prose .blog-contract-map{background:var(--color-blog-surface);border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-md);margin-inline:auto;max-width:56rem;padding:var(--space-blog-xl)}.blog-reader .prose .blog-contract-map ol{display:grid;gap:var(--space-blog-2xl);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.blog-reader .prose .blog-contract-map li{border-top:2px solid var(--color-blog-accent);font-size:.9375rem;line-height:1.65;margin:0;min-width:0;padding:var(--space-blog-md) 0 0;position:relative}.blog-reader .prose .blog-contract-map li.blog-contract-zvid{border-color:var(--color-blog-highlight)}.blog-contract-map li:not(:last-child):after{color:var(--color-blog-accent);content:"→";font-size:1.25rem;position:absolute;right:-2rem;top:var(--space-blog-md)}.blog-contract-map li>*{display:block}.blog-reader .prose .blog-contract-map li strong{font-family:var(--font-blog-display);font-size:1.25rem;line-height:1.3;margin-bottom:var(--space-blog-sm)}.blog-reader .prose .blog-contract-zvid strong{color:var(--color-blog-highlight)}.blog-reader .prose .blog-contract-map code{font-size:.875rem;margin-top:var(--space-blog-xs)}.blog-reader .prose .blog-contract-map figcaption{border-top:1px solid var(--color-blog-rule);margin:var(--space-blog-lg) 0 0;max-width:none;padding-top:var(--space-blog-md)}.blog-reader .prose .blog-contract-frames{display:grid;gap:var(--space-blog-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-blog-2xl) auto var(--space-blog-lg);max-width:56rem}.blog-reader .prose .blog-contract-frames figure{margin:0;min-width:0}.blog-reader .prose .blog-contract-frames img{border:1px solid var(--color-blog-rule);border-radius:var(--radius-blog-sm);display:block;height:auto;width:100%}.blog-contract-frame-label{color:var(--color-blog-ink);display:block;font:600 .9375rem var(--font-blog-display);margin-bottom:var(--space-blog-md)}.blog-contract-frames figure:not(:first-child) .blog-contract-frame-label{color:var(--color-blog-highlight)}.blog-reader .prose .blog-contract-frames figcaption{margin-top:var(--space-blog-sm)}@media(max-width:48rem){.blog-reader .prose .blog-contract-map ol{gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr)}.blog-reader .prose .blog-contract-map li{border-left:2px solid var(--color-blog-accent);border-top:0;padding:0 0 0 var(--space-blog-lg)}.blog-contract-map li:not(:last-child):after{bottom:-1.8rem;content:"↓";left:var(--space-blog-lg);right:auto;top:auto}}@media(max-width:35rem){.blog-reader .prose .blog-contract-map{padding:var(--space-blog-lg)}.blog-reader .prose .blog-contract-frames{gap:var(--space-blog-xl);grid-template-columns:minmax(0,1fr);max-width:19rem}.blog-reader:has(.blog-contract-map) .prose table{font-size:.875rem}.blog-reader:has(.blog-contract-map) .prose :is(th,td){padding:var(--space-blog-xs)}}
