#extension-detail{padding:var(--space-10) 0}#extension-detail .container{gap:var(--space-16);grid-template-columns:minmax(0,1fr) 350px;align-items:flex-start;display:grid}.screenshot-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.feature-row{gap:var(--space-12);margin-bottom:var(--space-16);align-items:center;display:flex}.feature-row:last-child{margin-bottom:var(--space-5)}.feature-row:nth-child(2n){flex-direction:row-reverse}.feature-image{flex:1;max-width:45%}.feature-image img{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg)}.feature-text{flex:1}.feature-text h3{font-size:var(--text-ui-4xl);margin-bottom:var(--space-4);font-weight:700}.feature-text p{font-size:var(--text-body);line-height:var(--leading-prose)}.buy-box{background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8)}.price{font-size:var(--text-ui-7xl);color:var(--text-strong);font-weight:800;transition:color .3s}.renewal-link{text-align:center;margin-top:var(--space-4);font-size:var(--text-small);color:var(--text-subtle);text-decoration:none;display:block}.renewal-link:hover{color:var(--brand-text);text-decoration:underline}.sidebar-features li{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text-subtle);display:flex}.sidebar-features li svg{width:var(--space-5);height:var(--space-5);color:var(--brand-text);flex-shrink:0}#use-cases{padding:var(--space-16) 0;background:var(--surface-subtle)}.use-cases-grid{gap:var(--space-8);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.use-case-card h3{font-size:var(--text-h4);margin-bottom:var(--space-3)}.use-case-card p{color:var(--text-subtle)}.spec-list{padding:0;list-style:none}.spec-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--surface-subtle);font-size:var(--text-ui-lg);justify-content:space-between;display:flex}.spec-list li:last-child{border-bottom:none}.spec-list .spec-label{color:var(--text-strong);font-weight:600}.spec-list .spec-value{color:var(--text-subtle)}#demo-kb{padding:var(--space-16) 0;background:var(--surface-strong);color:var(--text-on-dark-strong)}.demo-kb-container{gap:var(--space-10);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.demo-kb-box{text-align:center;padding:var(--space-10);border:1px solid var(--border-on-dark);border-radius:var(--radius-xl);flex-direction:column;align-items:center;display:flex}.demo-kb-box h3{font-size:var(--text-h3);margin-bottom:var(--space-4)}.demo-kb-box p{color:var(--text-on-dark-muted);margin-bottom:var(--space-6)}.demo-kb-box .btn-primary{margin-top:auto}.extension-header{align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.extension-icon{width:var(--space-24);height:var(--space-24);background:var(--brand);color:var(--brand-on-brand);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.extension-icon svg{width:46px;height:46px}.extension-title{font-size:var(--text-ui-6xl);margin:0 0 var(--space-2) 0;font-weight:800;line-height:var(--leading-h2)}.extension-title-prefix{font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-subtle);margin-bottom:var(--space-1);line-height:var(--leading-h2);font-weight:700;display:block}.extension-title-name{color:var(--text-strong);display:block}.extension-subtitle{font-size:var(--text-body);line-height:var(--leading-compact);color:var(--text-subtle);max-width:var(--layout-5xl)}.feature-image-placeholder{border-radius:var(--radius-xl);background:var(--surface-subtle);width:100%;height:260px}.feature-modal-trigger{cursor:pointer}.feature-row,.feature-image,.feature-text{min-width:0}.feature-text{width:100%;max-width:100%}.feature-text h3,.feature-text p{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.feature-text h3{white-space:normal;line-height:var(--leading-h2)}#order.sidebar{top:var(--space-25);position:sticky}.bb-price-header{text-align:center;margin-bottom:var(--space-4)}.bb-price-header[data-price-state=pending] #bb-total-price,.buy-box:has(input[name="additional_options[]"]:checked) .bb-price-header[data-price-state=base] #bb-total-price,.buy-box:has(select[name=installation] option[value=installation]:checked) .bb-price-header[data-price-state=base] #bb-total-price,.buy-box:has(select[name=support_package] option[data-price-modifier="1"]:checked) .bb-price-header[data-price-state=base] #bb-total-price{visibility:hidden}#bb-total-price{font-size:var(--text-ui-5xl);color:var(--text-strong);font-weight:800}.bb-price-label{color:var(--text-subtle);font-size:var(--text-small)}.tabs{gap:var(--space-4);border-bottom:1px solid var(--border-strong);margin-bottom:var(--space-5);display:flex}.mobile-tabs-select{margin-bottom:var(--space-3);display:none}.mobile-tabs-select select{border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;padding:var(--space-3)}.tab-button{cursor:pointer;color:var(--text-subtle);padding:var(--space-3) 0;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;transition:color .2s,border-color .2s}.tab-button:hover,.tab-button.active{color:var(--brand-text);border-bottom:2px solid var(--brand)}.prose{color:var(--text-strong)}.prose a{color:var(--brand-text);text-decoration:none;transition:color .2s}.prose a:hover{color:var(--brand-hover);text-decoration:underline}.tab-content{display:none}#extension-detail #features.tab-content{display:block}#faq h3{font-size:var(--text-ui-xl);margin:0 0 var(--space-3);font-weight:700}.faq-item{border-bottom:1px solid var(--border-subtle)}.faq-question{padding:var(--space-4) 0;cursor:pointer;font-weight:600;transition:color .2s;position:relative}.faq-question:hover{color:var(--brand-text)}.faq-question:after{content:"+";font-size:var(--text-h3);font-weight:400;transition:transform .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faq-item.active .faq-question:after{transform:translateY(-50%)rotate(45deg)}.faq-answer{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.faq-answer p{padding:0 0 var(--space-4) 0;color:var(--text-default);margin:0}.faq-answer a{color:var(--brand-text);text-decoration:none}.faq-answer a:hover{color:var(--brand-hover);text-decoration:underline}.buy-box a.renewal-link{color:var(--text-subtle);align-items:center;gap:var(--space-2);text-align:left;text-decoration:none;display:inline-flex}.buy-box a.renewal-link svg{width:var(--space-4);height:var(--space-4);color:var(--brand-text);flex-shrink:0}.buy-box a.renewal-link:hover{color:var(--brand-text);text-decoration:underline}.screenshot-thumbnail{transition:transform .3s,box-shadow .3s}.screenshot-thumbnail:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.screenshot-card,.feature-card{border-radius:var(--radius-xl);cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.screenshot-thumbnail{border-radius:var(--radius-lg);width:100%;display:block}.feature-modal-trigger{border-radius:var(--radius-xl);cursor:pointer;width:100%;display:block}.screenshot-card:hover .screenshot-thumbnail,.screenshot-card:focus-visible .screenshot-thumbnail,.feature-card:hover .feature-modal-trigger,.feature-card:focus-visible .feature-modal-trigger{box-shadow:var(--shadow-lg);transform:scale(1.05)}.screenshot-card-overlay{background:var(--surface-strong);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.screenshot-card-overlay{background:color-mix(in srgb,var(--surface-strong) 24%,transparent)}}.screenshot-card-overlay{opacity:0;transition:opacity .25s}.screenshot-card:hover .screenshot-card-overlay,.screenshot-card:focus-visible .screenshot-card-overlay,.feature-card:hover .screenshot-card-overlay,.feature-card:focus-visible .screenshot-card-overlay{opacity:1}.screenshot-card-plus{border-radius:var(--radius-pill);background:var(--surface-default);width:52px;height:52px}@supports (color:color-mix(in lab,red,red)){.screenshot-card-plus{background:color-mix(in srgb,var(--surface-default) 94%,transparent)}}.screenshot-card-plus{color:var(--text-strong);font-size:var(--text-ui-5xl);line-height:var(--leading-none);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:inline-flex}.screenshot-card:focus-visible,.feature-card:focus-visible{outline:3px solid var(--brand)}@supports (color:color-mix(in lab,red,red)){.screenshot-card:focus-visible,.feature-card:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent)}}.screenshot-card:focus-visible,.feature-card:focus-visible{outline-offset:3px}#extension-detail .modal-media,.gallery-modal-media{position:relative}#extension-detail .gallery-modal-media{--gallery-zoom-min:1;--gallery-zoom-max:3;--gallery-zoom-step:.2;--gallery-zoom-scale:1;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}#extension-detail .gallery-modal-media .gallery-modal-image{object-fit:contain;transform-origin:50%;will-change:transform;cursor:pointer;width:100%;max-height:100%;transition:transform .12s;transform:translate(0)scale(1)}#extension-detail .gallery-modal-media.is-zoomed .gallery-modal-image{cursor:grab}#extension-detail .gallery-modal-media.is-zoomed.is-dragging .gallery-modal-image{cursor:grabbing}.gallery-zoom-toolbar{z-index:6;border-radius:var(--radius-pill);background:var(--surface-strong);align-items:center;gap:0;display:inline-flex;position:absolute;top:15px;right:62px}@supports (color:color-mix(in lab,red,red)){.gallery-zoom-toolbar{background:color-mix(in srgb,var(--surface-strong) 18%,transparent)}}.gallery-zoom-toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-1);color:var(--text-on-dark-strong);font-size:var(--text-ui-sm);box-shadow:var(--shadow-lg)}.gallery-zoom-btn{appearance:none;border:1px solid var(--surface-default)}@supports (color:color-mix(in lab,red,red)){.gallery-zoom-btn{border:1px solid color-mix(in srgb,var(--surface-default) 22%,transparent)}}.gallery-zoom-btn{background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){.gallery-zoom-btn{background:color-mix(in srgb,var(--surface-strong) 22%,transparent)}}.gallery-zoom-btn{color:var(--text-on-dark-strong);min-width:var(--space-9);height:var(--space-9);border-radius:var(--radius-pill);font-size:var(--text-ui-lg);font-weight:600;line-height:var(--leading-none);padding:0 var(--space-3);cursor:pointer;justify-content:center;align-items:center;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.gallery-zoom-btn:hover,.gallery-zoom-btn:focus-visible{background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){.gallery-zoom-btn:hover,.gallery-zoom-btn:focus-visible{background:color-mix(in srgb,var(--surface-strong) 40%,transparent)}}.gallery-zoom-btn:hover,.gallery-zoom-btn:focus-visible{border-color:var(--surface-default)}@supports (color:color-mix(in lab,red,red)){.gallery-zoom-btn:hover,.gallery-zoom-btn:focus-visible{border-color:color-mix(in srgb,var(--surface-default) 48%,transparent)}}.gallery-zoom-btn:focus-visible{outline:2px solid var(--surface-default)}@supports (color:color-mix(in lab,red,red)){.gallery-zoom-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--surface-default) 80%,transparent)}}.gallery-zoom-btn:focus-visible{outline-offset:1px}.gallery-zoom-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-zoom-btn.gallery-zoom-reset{width:var(--space-18);font-size:var(--text-small)}.gallery-zoom-btn.gallery-zoom-in,.gallery-zoom-btn.gallery-zoom-out{font-size:var(--text-ui-xl)}.gallery-zoom-toolbar .gallery-zoom-btn+.gallery-zoom-btn{margin-left:2px}#modal .screenshot-modal-content,#feature-modal .feature-modal-content{width:min(var(--layout-1280),calc(100vw - var(--space-9)));max-width:var(--layout-1280);max-height:min(92vh,var(--layout-7xl));background:var(--surface-default);color:var(--text-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);flex-direction:column;display:flex;position:relative;overflow:hidden}#modal .screenshot-modal-media,#feature-modal .feature-modal-media{background:var(--surface-muted);padding:var(--space-7) var(--space-14) var(--space-3);flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}#modal .screenshot-modal-media img,#feature-modal .feature-modal-media img{border-radius:var(--radius-xl);background:var(--surface-default);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}#modal .screenshot-modal-footer,#feature-modal .feature-modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);background:var(--surface-muted);justify-content:center;align-items:center;width:100%;display:flex}#modal .screenshot-modal-counter,#feature-modal .feature-modal-counter{width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--text-subtle);font-size:var(--text-ui-sm);letter-spacing:var(--tracking-wide);justify-content:center;align-items:center;font-weight:600;display:inline-flex}#modal .modal-close,#feature-modal .modal-close{top:var(--space-4);width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--text-strong);font-size:var(--text-ui-4xl);z-index:3;box-shadow:var(--shadow-md);border:0;justify-content:center;align-items:center;display:inline-flex;right:18px}#modal .screenshot-nav,#feature-modal .feature-modal-nav{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill);background:var(--surface-default);color:var(--text-strong);font-size:var(--text-ui-3xl);line-height:var(--leading-none);cursor:pointer;z-index:2;box-shadow:var(--shadow-lg);border:0;justify-content:center;align-items:center;transition:background .2s,box-shadow .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}#modal .screenshot-nav:hover,#feature-modal .feature-modal-nav:hover{background:var(--surface-muted);box-shadow:var(--shadow-xl)}#modal .screenshot-nav:disabled,#feature-modal .feature-modal-nav:disabled{opacity:.5;cursor:default}#modal .screenshot-nav-prev,#feature-modal .feature-modal-prev{left:var(--space-2)}#modal .screenshot-nav-next,#feature-modal .feature-modal-next{right:var(--space-2)}#feature-modal .feature-modal-header{padding:var(--space-6) var(--space-20) var(--space-2);gap:var(--space-2);border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg,var(--surface-default) 0%,var(--surface-muted) 100%);flex-direction:column;display:flex}#feature-modal #feature-modal-title{font-size:var(--text-h3);line-height:var(--leading-h2);color:var(--text-strong);margin:0}#feature-modal #feature-modal-description{font-size:var(--text-small);line-height:var(--leading-body);color:var(--text-muted);margin:0}@media not all and (min-width:64rem){#modal .screenshot-modal-content,#feature-modal .feature-modal-content{width:min(96vw,var(--layout-7xl));max-height:92vh}#modal .screenshot-modal-media,#feature-modal .feature-modal-media{padding:var(--space-5) var(--space-5) var(--space-2)}#modal .screenshot-modal-footer,#feature-modal .feature-modal-footer{padding:var(--space-3) var(--space-5) var(--space-5)}#feature-modal .feature-modal-header{padding:var(--space-5) var(--space-16) var(--space-2) var(--space-6)}}.sidebar-features{margin-top:var(--space-4);list-style:none}.use-case-card .icon{width:50px;height:50px;margin:0 auto var(--space-5) auto;color:var(--brand-text)}.use-case-card .icon svg{width:50px;height:50px}.use-cases-heading{text-align:center;font-size:var(--text-ui-5xl);margin-bottom:var(--space-10);font-weight:800}.use-cases-grid .use-case-card-empty{grid-column:1/-1}.addon-info{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-pill);margin-left:var(--space-2);font-size:var(--text-ui-xs);background:var(--border-subtle);color:var(--text-default);border:1px solid var(--border-strong);cursor:pointer;justify-content:center;align-items:center;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.addon-info:hover{background:var(--action);color:var(--brand-on-brand);border-color:var(--action)}.addon-tooltip{z-index:2147483000;background:var(--surface-strong);max-width:320px;color:var(--text-on-dark-strong);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-small);line-height:var(--leading-compact);position:fixed}.addon-tooltip:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--surface-strong);width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.addon-tooltip.below:after{border-top:none;border-bottom:6px solid var(--surface-strong);top:-6px;bottom:auto;left:50%;transform:translate(-50%)}.addon-note-content{display:none}.buy-box label{align-items:flex-start;gap:var(--space-3);line-height:var(--leading-h3);display:flex}.buy-box label>input[type=checkbox]+span{flex-direction:column;gap:2px;display:flex}.buy-box label>input[type=checkbox]+span>span{align-items:center;gap:var(--space-2);display:inline-flex}.buy-box label>input[type=checkbox]{margin-top:2px}.buy-box input[type=checkbox]{width:var(--size-checkbox);height:var(--size-checkbox);accent-color:var(--brand)}.order-field{margin-bottom:var(--space-4)}.order-field>label{margin-bottom:var(--space-2);font-weight:600;display:block}.order-field input[type=text],.order-field input[type=email],.order-field select{border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;padding:var(--space-3);font-size:var(--text-ui-lg)}.addons-grid{gap:var(--space-2);display:grid}.addons-collapsible:not(.is-expanded) .addon-extra{display:none}.addons-toggle{margin-top:var(--space-2);color:var(--brand-text);font-size:var(--text-small);font-weight:600;line-height:var(--leading-h3);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.addons-toggle:hover,.addons-toggle:focus-visible{color:var(--brand-hover)}.addon-price{color:var(--text-strong);font-weight:400;font-size:var(--text-small)}#support_note_v2,.support-note{color:var(--text-subtle);font-size:var(--text-ui-sm);margin-top:var(--space-2)}.order-field-heading{margin-bottom:var(--space-2);font-weight:600}.changelog-history .changelog-version{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);padding:var(--space-3) 0}.changelog-history .changelog-version:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.changelog-history .changelog-version-title{font-size:var(--text-ui-lg);margin:0 0 var(--space-2);font-weight:700}.changelog-history .changelog-date{color:var(--text-subtle);font-weight:400}.changelog-history .changelog-category{margin:var(--space-2) 0 var(--space-3)}.changelog-history .changelog-category .badge{padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-ui-xs);color:var(--text-on-dark-strong);margin-bottom:var(--space-2);font-weight:700;display:inline-block}.changelog-history .changelog-category .badge.added{background-color:var(--success)}.changelog-history .changelog-category .badge.changed{background-color:var(--warning)}.changelog-history .changelog-category .badge.fixed,.changelog-history .changelog-category .badge.bugfix{background-color:var(--danger)}.changelog-history .changelog-change-list{padding-left:var(--space-6);list-style:outside}.changelog-history .changelog-change-list li{margin-bottom:var(--space-1)}.changelog-repo-item{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden}.changelog-repo-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--surface-muted);cursor:pointer;transition:background .2s;display:flex;position:relative}.changelog-repo-header:hover{background:var(--surface-subtle)}.changelog-repo-header:after{content:"+";right:var(--space-4);font-size:var(--text-h3);color:var(--text-subtle);font-weight:400;transition:transform .3s;position:absolute}.changelog-repo-item.active .changelog-repo-header:after{transform:rotate(45deg)}.changelog-download-icon{color:var(--brand-text);padding:var(--space-1);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.changelog-download-icon:hover{color:var(--brand-hover)}.changelog-repo-name{font-weight:700;font-size:var(--text-body);color:var(--text-strong);flex:1}.changelog-repo-content{max-height:0;transition:max-height .4s ease-out;overflow:hidden}.changelog-repo-item.active .changelog-repo-content{max-height:none}.changelog-repo-content .changelog-history{border:1px solid var(--surface-subtle);border-radius:var(--radius-lg);max-height:400px;padding:var(--space-4);overflow-y:auto}.changelog-repo-content .changelog-show-more{width:fit-content;margin:var(--space-3) auto;display:flex}#extension-detail .modal-overlay{background:var(--surface-strong);width:100%;height:100%;position:fixed;top:0;left:0}@supports (color:color-mix(in lab,red,red)){#extension-detail .modal-overlay{background:color-mix(in srgb,var(--surface-strong) 52%,transparent)}}#extension-detail .modal-overlay{z-index:10000;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex}#extension-detail .modal-overlay.active{opacity:1;visibility:visible}#extension-detail .modal-content{background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(95vw,var(--layout-1600));max-width:min(95vw,var(--layout-1600));box-sizing:border-box;max-height:95vh;padding:var(--space-7) var(--space-4) var(--space-4);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}#extension-detail .modal-overlay.active .modal-content{max-height:95vh}#extension-detail .modal-close{color:var(--text-subtle);font-size:var(--text-ui-4xl);cursor:pointer;top:15px;right:var(--space-5);z-index:1;font-weight:300;position:absolute}#extension-detail .modal-media{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-height:calc(95vh - 74px);display:flex;overflow:hidden}#extension-detail #modal-image{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%}#extension-detail .screenshot-nav{background:var(--surface-strong);border:none;position:absolute;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){#extension-detail .screenshot-nav{background:color-mix(in srgb,var(--surface-strong) 65%,transparent)}}#extension-detail .screenshot-nav{color:var(--text-on-dark-strong);border-radius:var(--radius-pill);width:42px;height:42px;font-size:var(--text-ui-4xl);line-height:var(--leading-none);cursor:pointer;z-index:2;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}#extension-detail .screenshot-nav:hover,#extension-detail .screenshot-nav:focus-visible{background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){#extension-detail .screenshot-nav:hover,#extension-detail .screenshot-nav:focus-visible{background:color-mix(in srgb,var(--surface-strong) 85%,transparent)}}#extension-detail .screenshot-nav:disabled{opacity:.35;cursor:default}#extension-detail .screenshot-nav-prev{left:var(--space-4)}#extension-detail .screenshot-nav-next{right:var(--space-4)}#extension-detail .modal-close:hover{color:var(--text-default)}#demo-response{margin-top:var(--space-4);display:none}#demo-modal .demo-modal-content{background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:min(var(--layout-md),92vw);max-width:92vw;max-height:90vh;padding:0;overflow:auto}.demo-modal-header{background:linear-gradient(135deg,var(--action) 0%,var(--action-hover) 100%);color:var(--brand-on-brand);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.demo-modal-header h3{font-size:var(--text-ui-xl);margin:0;font-weight:600}.demo-modal-header .modal-close{color:var(--brand-on-brand);font-size:var(--text-ui-3xl);position:static}.demo-modal-header .modal-close:hover{color:var(--brand-on-brand)}@supports (color:color-mix(in lab,red,red)){.demo-modal-header .modal-close:hover{color:color-mix(in srgb,var(--brand-on-brand) 80%,transparent)}}.demo-modal-body{padding:var(--space-6)}.demo-modal-body p{margin:0 0 var(--space-5);color:var(--text-muted)}.mobile-buy-bar,.mobile-buy-drawer,.mobile-buy-drawer-overlay{display:none}@media not all and (min-width:64rem){#extension-detail .container{padding:0 var(--space-4);display:block}#extension-detail{padding:var(--space-8) 0}#extension-detail .breadcrumbs{text-align:center}#extension-detail .extension-header{text-align:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-direction:column}#extension-detail .extension-icon{width:var(--space-18);height:var(--space-18)}#extension-detail .extension-icon svg{width:34px;height:34px}#extension-detail h1{font-size:var(--text-ui-4xl);line-height:var(--leading-h2)}#extension-detail .extension-subtitle{font-size:var(--text-small);overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.mobile-tabs-select{display:block}.tabs,.tab-button{display:none}.feature-row,.feature-row:nth-child(2n){align-items:stretch;gap:var(--space-5);margin-bottom:var(--space-8);flex-direction:column}.feature-image{max-width:100%}.feature-text h3{font-size:var(--text-h3);line-height:var(--leading-h4);white-space:normal}.use-cases-grid{gap:var(--space-5);grid-template-columns:1fr}#extension-detail .container>div:last-child{display:none}.mobile-buy-bar{z-index:1100;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);background:var(--surface-default);box-shadow:var(--shadow-lg);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-buy-bar__price{line-height:var(--leading-ui-tight);display:grid}.mobile-buy-bar__price strong{color:var(--text-strong);font-size:var(--text-ui-xl);font-weight:800}.mobile-buy-bar__price span{color:var(--text-muted);font-size:var(--text-ui-xs)}.mobile-buy-bar__button{flex:0 240px}body.drawer-open .mobile-buy-bar{display:none}:root:has(.mobile-buy-bar){--floating-bottom-reserve:var(--space-18)}#extension-detail{padding-bottom:var(--space-24)}.mobile-buy-drawer{top:var(--space-6);bottom:var(--space-4);left:var(--space-4);right:var(--space-4);background:var(--surface-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);visibility:hidden;pointer-events:none;z-index:2000;flex-direction:column;transition:transform .3s,visibility .3s;display:flex;position:fixed;overflow:hidden;transform:translateY(calc(100% + 32px))}.mobile-buy-drawer-content{flex:1;overflow-y:auto}.mobile-buy-drawer.active{visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-buy-drawer-overlay{background:var(--surface-strong);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.mobile-buy-drawer-overlay{background:color-mix(in srgb,var(--surface-strong) 52%,transparent)}}.mobile-buy-drawer-overlay{opacity:0;visibility:hidden;z-index:1999;transition:opacity .3s,visibility .3s;display:block}.mobile-buy-drawer-overlay.active{opacity:1;visibility:visible}.mobile-buy-drawer-header{padding:var(--space-3) var(--space-4);background:linear-gradient(to right,var(--action),var(--action-hover));color:var(--brand-on-brand);border-bottom:0;justify-content:space-between;align-items:center;display:flex}.mobile-buy-drawer-header h3{font-size:var(--text-ui-xl);color:var(--brand-on-brand);margin:0;font-weight:600}.mobile-buy-drawer-close{padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-ui-4xl);color:var(--brand-on-brand);cursor:pointer;line-height:var(--leading-none);background:0 0;border:0;transition:color .15s}.mobile-buy-drawer-close:hover{color:var(--brand-on-brand)}@supports (color:color-mix(in lab,red,red)){.mobile-buy-drawer-close:hover{color:color-mix(in srgb,var(--brand-on-brand) 80%,transparent)}}.mobile-buy-drawer .buy-box{padding:var(--space-4);box-shadow:none;background:var(--surface-default);border:0;border-radius:0}.mobile-buy-drawer input[type=checkbox]{width:var(--size-checkbox);height:var(--size-checkbox);accent-color:var(--brand)}.mobile-buy-drawer input[type=text],.mobile-buy-drawer input[type=email],.mobile-buy-drawer input[type=url],.mobile-buy-drawer select,.mobile-buy-drawer textarea{margin-bottom:var(--space-4);padding:var(--space-3);font-size:var(--text-ui-lg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-sizing:border-box;width:100%}.mobile-buy-drawer select{appearance:none;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px}.mobile-buy-drawer .buy-box button:not(.addon-info),.mobile-buy-drawer .buy-box .btn{margin-top:var(--space-2);padding:var(--space-4) var(--space-6);font-size:var(--text-ui-lg);border-radius:var(--radius-lg);width:100%}.mobile-buy-drawer .addon-info{width:auto;height:var(--size-icon-sm);flex:none;padding:0}.mobile-buy-drawer .order-field>label{margin-bottom:var(--space-2);font-weight:600;font-size:var(--text-ui-md);display:block}.changelog-repo-header{padding:var(--space-3);gap:var(--space-2)}.changelog-repo-name{font-size:var(--text-small)}.changelog-download-icon{width:var(--space-9);height:var(--space-9)}.changelog-repo-content .changelog-history{padding:var(--space-3)}.faq-question{font-size:var(--text-small);padding:var(--space-3) 0}.modal-content:not(.demo-modal-content){width:95%;max-width:95%;margin:0 var(--space-3);padding:var(--space-5) var(--space-2) var(--space-3)}#modal .screenshot-modal-content{width:calc(100vw - var(--space-2));max-width:calc(100vw - var(--space-2));max-height:calc(100vh - var(--space-2));margin:0 var(--space-1);border-radius:var(--radius-xl);padding:0}#modal .screenshot-modal-media{padding:var(--space-14) var(--space-3) 0}#modal .screenshot-modal-media img{border-radius:var(--radius-lg);max-height:calc(100vh - 160px)}#modal .screenshot-modal-footer{padding:var(--space-2) var(--space-3) var(--space-2);background:var(--surface-default)}#modal .gallery-zoom-toolbar{top:var(--space-2);background:var(--surface-default);padding:1px;right:44px}@supports (color:color-mix(in lab,red,red)){#modal .gallery-zoom-toolbar{background:color-mix(in srgb,var(--surface-default) 96%,transparent)}}#modal .gallery-zoom-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);color:var(--text-strong);z-index:7;border:1px solid var(--border-subtle)}#modal .gallery-zoom-btn{min-width:var(--space-7);height:var(--space-7);font-size:var(--text-ui-sm);color:var(--text-strong);padding:0 var(--space-2);box-shadow:none;background:0 0;border-color:#0000}#modal .gallery-zoom-btn.gallery-zoom-reset{width:50px;font-size:var(--text-ui-2xs);background:var(--surface-muted);border-color:var(--border-strong)}#modal .modal-close{top:var(--space-2);right:var(--space-2);width:30px;height:30px;font-size:var(--text-ui-xl);background:var(--surface-default)}@supports (color:color-mix(in lab,red,red)){#modal .modal-close{background:color-mix(in srgb,var(--surface-default) 96%,transparent)}}#modal .modal-close{box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);z-index:8}#modal .screenshot-nav{width:var(--space-6);height:var(--space-6);font-size:var(--text-ui-sm);top:calc(50% + 6px);transform:translateY(-50%)}#modal .screenshot-nav-prev{left:var(--space-2)}#modal .screenshot-nav-next{right:var(--space-2)}#feature-modal .feature-modal-nav{width:var(--space-6);height:var(--space-6);font-size:var(--text-ui-sm);top:calc(50% + var(--space-7));transform:translateY(-50%)}#modal .screenshot-modal-counter{padding:3px var(--space-2);font-size:var(--text-ui-2xs)}#feature-modal .feature-modal-header{padding:var(--space-14) var(--space-12) var(--space-3) var(--space-4);background:var(--surface-default)}#feature-modal .feature-modal-content{width:calc(100vw - var(--space-4));max-width:calc(100vw - var(--space-4));max-height:calc(100dvh - var(--space-4));margin:0 var(--space-2);border-radius:var(--radius-xl);padding:0}#feature-modal .feature-modal-media{padding:var(--space-3) var(--space-3) 0}#feature-modal .feature-modal-media img{border-radius:var(--radius-lg);max-height:calc(100dvh - 250px)}#feature-modal .feature-modal-footer{padding:var(--space-2) var(--space-3) var(--space-2);background:var(--surface-default)}#feature-modal .modal-close{top:var(--space-2);right:var(--space-2);width:30px;height:30px;font-size:var(--text-ui-xl);background:var(--surface-default)}@supports (color:color-mix(in lab,red,red)){#feature-modal .modal-close{background:color-mix(in srgb,var(--surface-default) 96%,transparent)}}#feature-modal .modal-close{border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);z-index:8}#feature-modal #feature-modal-title{max-width:100%;font-size:var(--text-ui-lg);line-height:var(--leading-snug);white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}#feature-modal #feature-modal-description{font-size:var(--text-small);line-height:var(--leading-small)}#demo-modal .demo-modal-content{width:calc(100vw - var(--space-6));max-width:calc(100vw - var(--space-6))}#extension-detail .modal-media{max-height:calc(95vh - var(--space-16))}#demo-kb{padding:var(--space-10) 0}.demo-kb-container{padding:0 var(--space-4);display:block}.demo-kb-box{padding:var(--space-6);margin-bottom:var(--space-5)}.demo-kb-box:last-child{margin-bottom:0}.demo-kb-box h3{font-size:var(--text-h4)}.demo-kb-box p{font-size:var(--text-small)}.back-to-top{width:var(--space-10);height:var(--space-10);bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0));right:calc(var(--space-5) + env(safe-area-inset-right,0))}.back-to-top svg{width:var(--space-5);height:var(--space-5)}}#extension-detail #faq .faq-group{background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5) var(--space-2) var(--space-5);margin:var(--space-5) 0}#extension-detail #faq .faq-group-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}#extension-detail #faq .faq-group-header h3{font-size:var(--text-ui-xl);margin:0}#extension-detail #faq .faq-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-ui-2xs);letter-spacing:var(--tracking-normal);text-transform:uppercase;background:var(--brand);align-items:center;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){#extension-detail #faq .faq-badge{background:color-mix(in srgb,var(--brand) 12%,transparent)}}#extension-detail #faq .faq-badge{color:var(--brand-text);border:1px solid var(--brand)}@supports (color:color-mix(in lab,red,red)){#extension-detail #faq .faq-badge{border:1px solid color-mix(in srgb,var(--brand) 25%,transparent)}}#extension-detail #faq .faq-badge-neutral{background:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){#extension-detail #faq .faq-badge-neutral{background:color-mix(in srgb,var(--surface-strong) 8%,transparent)}}#extension-detail #faq .faq-badge-neutral{color:var(--text-strong);border-color:var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){#extension-detail #faq .faq-badge-neutral{border-color:color-mix(in srgb,var(--surface-strong) 20%,transparent)}}#extension-detail #faq .faq-group-body .faq-item:last-child{border-bottom:0}#extension-guides{padding:var(--space-16) 0;background:var(--surface-default)}.extension-guides-heading{text-align:center;font-size:var(--text-ui-4xl);color:var(--text-strong);margin-bottom:var(--space-9);font-weight:800}.extension-guides-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),calc((100% - 2 * var(--space-8)) / 3)));justify-content:center;gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.extension-guide{background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.extension-guide-title{font-size:var(--text-h4);color:var(--text-strong);margin-bottom:var(--space-3);font-weight:700;text-decoration:none;transition:color .2s;display:block}.extension-guide-title:hover{color:var(--brand-text)}.extension-guide-excerpt{color:var(--text-subtle);font-size:var(--text-small);margin:0}@media not all and (min-width:64rem){.extension-guides-list{gap:var(--space-5);grid-template-columns:1fr}}