/* Website layout, palette and typography come directly from webupgrade/indextoupgrade.html. */
:root{--support:var(--accent)}
.logo span{color:inherit}.logo-tagline{color:var(--text)}
.interactive-area{position:relative;touch-action:pan-y}
@media(min-width:901px){body:not(.home-mode):not(.support-mode) .product-info-wrap{transform:translateY(var(--product-info-offset,0px))}}
#aeCanvas .demo-ui{overflow:auto}
.feature-list li.note{color:var(--text-muted)}
.product-actions{margin-top:25px;display:flex}.product-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 21px;border:1px solid var(--line-2);border-radius:8px;text-decoration:none;font-size:14px;color:var(--text);cursor:pointer}.product-link:hover{border-color:var(--accent);color:var(--accent)}.product-link[aria-disabled="true"]{opacity:.6;cursor:default}
.downgrader-trial span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.panel-tools{position:absolute;top:calc(50% + 295px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:420px;gap:10px;font-size:10px;color:var(--text-dim)}.panel-tools button{color:var(--text-muted);font:inherit;border:0;border-bottom:1px solid var(--line-2);background:none;cursor:pointer;padding:4px 0}
body.support-mode .interactive-area{display:none}body.support-mode main{justify-content:center}body.support-mode .product-info-wrap{max-width:640px;margin:0 auto;margin-top:-120px}
.saas-tab{border:0;background:none;padding:0 0 2px;line-height:normal}.changelog-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.changelog-selector button{font:inherit;font-size:11px;padding:8px 12px;border:1px solid var(--line-2);border-radius:6px;background:none;color:var(--text-muted);cursor:pointer}.changelog-selector button.active{color:var(--accent);border-color:var(--accent)}.changelog-entry{padding:22px 0;border-top:1px solid var(--line)}.changelog-entry h4{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:var(--accent);margin-bottom:12px}.changelog-entry time{font-size:11px;font-weight:400;color:var(--text-muted)}.changelog-entry ul{padding-left:18px;font-size:13px;line-height:1.9;color:var(--text-muted)}.drawer-copy{font-size:14px;line-height:1.9;color:var(--text-muted);margin-bottom:16px}.drawer-copy a{color:var(--accent)}.qa-item summary{cursor:pointer;font-size:14px;line-height:1.8;font-weight:550}.qa-item p{margin-top:14px;font-size:13px;color:var(--text-muted);line-height:1.95}.qa-drawer-body{padding-top:24px}.qa-drawer{width:min(560px,100%)}
button,input,select{font-family:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-downgrader button:focus-visible,.demo-downgrader input:focus-visible,.demo-downgrader select:focus-visible{outline-color:#30AA42}.search-item{width:100%;text-align:left;border:0;background:transparent;color:inherit;font:inherit}.search-dropdown{max-width:min(400px,85vw)}
#shopBtn.tooltip-open .tooltip-box,#shopBtn:focus-within .tooltip-box{display:block}
@media(max-width:1100px){.panel-tools{top:calc(50% + 275px);width:380px}body.support-mode .product-info-wrap{margin-top:-80px}}
@media(max-width:900px){.product-info-wrap{margin-left:0;margin-top:0}.panel-tools{top:calc(50% + 255px);width:min(340px,calc(100vw - 40px))}body.support-mode .product-info-wrap{margin-top:-40px}}
@media(max-width:380px){.ae-panel-wrap{width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Screenshot-based extension mockups. Scoped to the panel contents. */
.demo-ui {height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; background: #2c2c2c; color: #c7c9cd; font: 12px/1.5 Inter,'Microsoft YaHei',sans-serif; overflow: hidden; color-scheme: dark; text-align: left; cursor: default;}
.demo-ui button,.demo-ui input,.demo-ui select {font: inherit; color: inherit; min-width: 0;}
.demo-ui button {cursor: pointer;}
.demo-ui button:disabled {cursor: default; opacity: .35;}
.demo-top {display: flex; justify-content: flex-start; gap: 14px; align-items: center; background: #1e1e1e; color: #c9cbd0; height: 25px; min-height: 25px; font-size: 10px; padding: 0 10px;}
.demo-top span:first-child {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.demo-globe {flex: none; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background: none; border: 0; padding: 7px; color: #aeb3b8 !important;}
.demo-globe svg {width: 20px; height: 20px;}
.demo-radar-title {position: relative; display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0 9px; border-bottom: 1px solid #555;}
.demo-radar-title>strong {font-size: 20px; color: white; letter-spacing: 2px;}
.demo-radar-title>.demo-globe {position: absolute; right: 87px;}
.demo-radar-title>span {position: absolute; right: 4px; color: #b9bbc0; font-size: 18px; letter-spacing: 4px;}
.demo-radar-body {display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 17px 10px 10px;}
.demo-search-label {display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 650;}
.demo-query {flex: 1; width: 0; background: #474747; border: 1px solid #565656; border-radius: 7px; padding: 10px; font-weight: 400; font-size: 10px !important;}
.demo-query::placeholder {color: #909399;}
.demo-chips {display: flex; gap: 7px; margin: 17px 0 13px;}
.demo-chips button {padding: 5px 14px; border: 1px solid #5b5b5b; border-radius: 99px; background: #3b3b3b; font-weight: 650;}
.demo-chips button:last-child {border-style: dashed; background: none; padding: 5px 12px;}
.demo-search-actions {display: flex; gap: 6px;}
.demo-search-actions button {flex: 1; border: 1px solid #606060; background: #474747; padding: 10px; border-radius: 6px; font-size: 14px; font-weight: 650;}
.demo-search-actions button:first-child {background: #087aca; border-color: #087aca; color: white;}
.demo-results-heading {display: flex; justify-content: space-between; margin: 16px 0 10px; padding-top: 14px; border-top: 1px solid #555;}
.demo-results-heading span {color: #008fff; font-weight: 650;}
.demo-result-region {flex: 1; min-height: 140px; border: 1px solid #565656; border-radius: 7px; background: #393939; overflow: auto;}
.demo-empty {text-align: center; padding: 34px 10px; color: #999;}
.demo-sample-results {padding: 6px;}
.demo-sample-results>div {padding: 10px; border-bottom: 1px solid #ffffff12; display: flex; flex-direction: column; gap: 4px; font-size: 11px;}
.demo-sample-results small {color: #a3a7ae; font-size: 10px;}
.demo-subtabs {display: flex; background: #222; min-height: 41px; border-bottom: 1px solid #555;}
.demo-subtabs>button:not(.demo-globe) {flex: 1; border: 0; background: none; border-bottom: 2px solid transparent; font-weight: 650; font-size: 12px; padding: 6px;}
.demo-subtabs>button.active {background: #0089ff12; border-bottom-color: #008fff; color: #008fff;}
.demo-subtabs .demo-globe {border-left: 1px solid #444; width: 36px; height: 39px;}
.demo-batch {display: flex; flex-direction: column; flex: 1; min-height: 0;}
.demo-batch h2 {font-size: 21px; font-weight: 750; text-align: center; color: #fff; padding: 12px 7px; border-bottom: 1px solid #555;}
.demo-batch-card {margin: 12px 16px 10px; padding: 15px; background: #222; border-radius: 13px; flex: 1; overflow: auto;}
.demo-batch-notice {font-size: 14px; line-height: 1.7; display: block; margin-bottom: 18px; color: #ddd;}
.demo-batch-info {border: 1px solid #ff4d00; border-radius: 10px; padding: 12px; background: #3a2e43; line-height: 1.8;}
.demo-batch-info strong {font-size: 17px; color: #e7e8ec;}
.demo-batch-info p {margin-top: 7px; font-size: 12px;}
.demo-batch-cta {margin: 10px 0 12px; width: 100%; padding: 14px; border: 0; border-radius: 8px; color: #fff !important; font-size: 19px !important; font-weight: 750 !important; background: linear-gradient(110deg,#ff4d00,#ff8800);}
.demo-batch-card>p {font-size: 12px; line-height: 1.8; margin-bottom: 8px;}
.demo-batch>small {text-align: center; font-size: 10px; color: #7d929b; padding: 4px 8px 9px;}
.demo-chameleon {background: #101416;}
.demo-cham-header {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 15px 12px;}
.demo-cham-header>strong {font-size: 17px; color: #fff;}
.demo-active {color: #49bd5e; font-size: 11px; background: #102b17; padding: 4px 7px; border-radius: 4px; font-weight: 650;}
.demo-cham-header>span:last-child {font-size: 16px; letter-spacing: 5px; color: #b4b6ba;}
.demo-cham-body {padding: 0 13px 13px; display: flex; flex: 1; flex-direction: column; min-height: 0;}
.demo-scope {width: 100%; padding: 8px 12px; background: #111517; border: 1px solid #24292b; border-radius: 7px;}
.demo-cham-actions {display: flex; gap: 9px; margin: 11px 0;}
.demo-cham-actions>button {flex: 1; border: 0; border-radius: 8px; padding: 10px; background: linear-gradient(#24292c,#171b1d); color: white; font-size: 14px; font-weight: 650;}
.demo-cham-actions>button:last-child {background: linear-gradient(#3436cc,#3855d4);}
.demo-font-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 4px;}
.demo-font-grid>div {display: flex; justify-content: space-between; align-items: center; gap: 5px; padding: 4px 6px; background: #171b1e; border-radius: 5px; font-size: 11px; color: #9eafbc;}
.demo-font-grid strong {font-size: 11px; font-weight: 650; color: white;}
.demo-text-search {display: flex; align-items: center; gap: 10px; margin: 11px 0 0; font-size: 11px; color: #a3b8c8;}
.demo-text-search>button {flex: 1; background: linear-gradient(#24292c,#171b1d); border: 0; border-radius: 7px; padding: 6px; color: white; font-weight: 650;}
.demo-cham-results {flex: 1; min-height: 180px; margin-top: 3px; border: 1px solid #1a2023; border-radius: 9px; background: linear-gradient(#121618,#101416); overflow: auto; padding: 6px;}
.demo-cham-tips {display: flex; flex-direction: column; gap: 4px;}
.demo-cham-tips>p {background: linear-gradient(#191e21,#14181b); border-left: 2px solid #31515b; border-radius: 6px; font-size: 11px; color: #8e9caa; padding: 7px 8px; display: flex; gap: 6px;}
.demo-downgrader {background: #101416;}
.demo-down-header {display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 7px; padding: 12px 9px;}
.demo-down-header>strong {font-size: 15px; color: #fff; margin: 0; white-space: nowrap; text-align: center;}
.demo-down-header>small {color: #97afbb; font-size: 8px; max-width: 150px; min-width: 0;}
.demo-down-tools {display: flex; align-items: center; justify-content: flex-end; gap: 3px; min-width: 0;}
.demo-icons {font-size: 16px; color: #bbc5c9; white-space: nowrap;}
.demo-down-body {padding: 0 9px 12px; display: flex; flex: 1; min-height: 0; flex-direction: column;}
.demo-mode-tabs {display: flex; background: #202020; border-radius: 10px; padding: 4px; gap: 2px;}
.demo-mode-tabs>button {background: none; border: 0; flex: 1; padding: 9px 2px; font-size: 12px; border-radius: 5px; line-height: 1.4;}
.demo-mode-tabs>button.active {background: #30AA42; color: #fff;}
.demo-mode-hint {font-size: 10px; color: #a5bac8; margin: 9px 0;}
.demo-file-head {display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: #9eb5c6; margin-bottom: 6px;}
.demo-file-head>button {background: #1b2022; border: 0; border-radius: 6px; font-size: 10px; padding: 3px 8px;}
.demo-drop {display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-height: 120px; gap: 10px; border: 1px solid #30322f; border-radius: 11px; background: #222; color: #c0d8e9 !important; position: relative; padding: 20px 12px;}
.demo-drop::before {content: ''; position: absolute; inset: 12px; border: 1px dashed #444; border-radius: 8px; pointer-events: none;}
.demo-drop>svg {width: 28px; height: 28px; color: #999;}
.demo-drop strong {font-size: 13px; font-weight: 500;}
.demo-drop small {font-size: 10px; color: #91a6b4;}
.demo-down-settings {margin-top: 7px; background: #202020; border-radius: 9px; padding: 10px 9px; color: #bcd2e3;}
.demo-field {display: flex; align-items: center; gap: 9px; margin-bottom: 7px;}
.demo-field>span {font-size: 12px; min-width: 64px;}
.demo-field input,.demo-field select {flex: 1; width: 0; border: 1px solid #404040; border-radius: 6px; background: #111; padding: 6px 9px; font-size: 11px;}
.demo-field input::placeholder {color: #7d8790;}
.demo-field button,.demo-apply button {border: 0; border-radius: 6px; padding: 7px 9px; background: #25292a; color: #a2b7c8; font-weight: 650; font-size: 10px;}
.demo-down-settings>small {font-size: 9px; color: #9bafbe;}
.demo-years {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); flex: 1; gap: 4px;}
.demo-years label {display: flex; align-items: center; gap: 3px; background: #111; border-radius: 4px; font-size: 10px; padding: 1px 3px; cursor: pointer;}
.demo-years input {margin: 0; width: 10px; flex: none; accent-color: #30AA42;}
.demo-apply {display: flex; align-items: center; justify-content: space-between; margin: 2px 0 8px; gap: 8px;}
.demo-apply small {font-size: 9px; color: #91a4b4;}
.demo-warning {margin: 7px 0; background: #2b2813; border-left: 2px solid #dab200; padding: 6px 8px; font-size: 9px; line-height: 1.65; color: #e9deb7;}
.demo-add-first {font-size: 9px; color: #97b5c7; margin-bottom: 6px;}
.demo-convert {border: 0; background: #30AA42; color: #09270e !important; border-radius: 8px; min-height: 36px; font-size: 14px !important; font-weight: 700 !important;}
.demo-modal-overlay {position: absolute; inset: 0; background: #000b; z-index: 25; display: flex; align-items: center; justify-content: center; padding: 30px;}
.demo-language-dialog {width: min(290px,100%); border: 1px solid #616161; border-radius: 10px; background: #2b2b2b; box-shadow: 0 20px 40px #0008; overflow: hidden;}
.demo-language-dialog>h3 {padding: 17px 20px; border-bottom: 1px solid #4b4b4b; font-size: 16px; color: white;}
.demo-language-dialog>button {display: flex; justify-content: space-between; background: none; border: 0; width: 100%; padding: 13px 20px; font-size: 15px;}
.demo-language-dialog>button.selected {color: #008fff; background: #008fff21;}
.demo-language-dialog>footer {background: #252525 !important; border-top: 1px solid #444; margin: 0; padding: 11px 18px; display: flex; justify-content: flex-end;}
.demo-language-dialog footer button {background: #087aca; color: #fff; border: 0; border-radius: 4px; padding: 8px 17px; font-size: 12px; font-weight: 600;}
.demo-status {position: absolute; left: 14px; right: 14px; bottom: 14px; padding: 12px; border-radius: 8px; background: #203726; border: 1px solid #30AA42; color: #def9e3; font-size: 11px; z-index: 20; box-shadow: 0 5px 20px #0008;}
.demo-status[hidden] {display: none;}
@media (max-width:1250px){
.demo-mode-tabs>button {font-size: 11px;}
.demo-down-header>small {max-width: 100px;}
}
@media (max-width:600px){
.demo-ui {font-size: 10px;}
.demo-top {font-size: 9px;}
.demo-down-header {gap: 2px; padding: 10px 7px;}
.demo-down-header>small {max-width: 95px; font-size: 7px;}
.demo-down-header>strong {font-size: 12px;}
.demo-icons {display: none;}
.demo-mode-tabs>button {font-size: 9px;}
.demo-mode-hint {font-size: 9px;}
.demo-field>span {min-width: 48px; font-size: 10px;}
.demo-years {grid-template-columns: repeat(4,minmax(0,1fr));}
.demo-cham-header>strong {font-size: 14px;}
.demo-cham-header>span:last-child {font-size: 11px; letter-spacing: 2px;}
.demo-active {font-size: 9px;}
.demo-chips {gap: 5px;}
.demo-chips button {padding: 4px 12px;}
.demo-search-label {flex-direction: column; align-items: stretch; gap: 6px; font-size: 11px;}
.demo-query {width: 100%;}
.demo-radar-title>.demo-globe {right: 60px;}
.demo-radar-title>span {font-size: 13px; letter-spacing: 1px;}
.demo-batch h2 {font-size: 18px;}
.demo-batch-card {margin: 10px; padding: 12px;}
.demo-batch-info strong {font-size: 15px;}
.demo-batch-notice {font-size: 12px;}
.demo-batch-card>p,.demo-batch-info p {font-size: 10px;}
.demo-subtabs>button:not(.demo-globe) {font-size: 10px;}
.demo-font-grid>div,.demo-font-grid strong {font-size: 9px;}
.demo-cham-tips>p {font-size: 10px;}
}