/* Preserve-mode service UI. Native CSS; existing brand and icon assets retained. */
:root{--t-xs:12px;--t-sm:14px;--t-md:16px;--t-lg:18px;--t-xl:22px;--t-2xl:36px;--w:1184px;--bg:#f5f7fb;--hero-1:#edf2fc;--hero-2:#f5f7fb;--shadow:0 4px 18px -12px rgba(22,42,84,.18);--shadow-sm:0 2px 10px -8px rgba(22,42,84,.16)}
body{line-height:1.75}button,input{font:inherit}button{color:inherit}
[hidden]{display:none!important}a,button,input{touch-action:manipulation}
:focus-visible{outline:3px solid var(--brand-ink);outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:200;padding:12px 20px;background:var(--card);color:var(--brand-ink);border:2px solid var(--brand);border-radius:var(--r-md)}
.skip-link:focus{top:12px}.nav-in{height:72px;gap:24px;padding-inline:24px}.brand{gap:12px}.brand-mark{width:34px;height:34px}.brand-name{font-size:var(--t-lg)}
.nav-links{gap:6px}.nav-links a{min-height:44px;padding:10px 16px;font-size:var(--t-sm)}
.wrap{padding-inline:24px}.hero{background:var(--bg);padding:44px 0 36px;border-bottom:1px solid var(--line)}
.hero h1{font-size:clamp(28px,3.5vw,42px);letter-spacing:-1px;line-height:1.3;margin-bottom:12px;font-weight:750}.hero p{font-size:var(--t-md);max-width:52ch}
.stamp{border:0;background:transparent;padding:0;margin-top:14px;border-radius:0}.pull{margin-top:0}
section{margin-top:36px}.sec-head{display:block;margin:0 0 18px}.sec-title{font-size:var(--t-xl);line-height:1.4}.sec-note{text-align:left;font-size:var(--t-sm);margin-top:6px}
.card,.dl-card,.step{border:1px solid var(--line);box-shadow:var(--shadow)}
.row{padding:20px;gap:16px;min-height:84px}.row-t{font-size:var(--t-lg);line-height:1.5}.row-d{font-family:var(--font);font-size:var(--t-sm);line-height:1.65;margin-top:6px}
.ico{width:44px;height:44px}.ico svg{width:22px;height:22px}.chev{stroke:var(--sub)}
.grid:has(> .card:only-child){grid-template-columns:minmax(0,1fr)}
.btn{min-height:46px;padding:10px 18px}.btn.ghost{background:var(--card);border-color:var(--line)}
.btn:hover{background:var(--brand-deep)}.btn.ghost:hover{background:var(--brand-weak)}
.note{padding:16px 20px;line-height:1.8}.faq-q{min-height:64px;padding:18px 20px;font-size:var(--t-md);line-height:1.65}.faq-q svg{flex-shrink:0}.faq-a{font-size:var(--t-md);line-height:1.85}.faq-item{border:1px solid var(--line);box-shadow:none}
.crumb{margin-bottom:16px;color:var(--sub);font-size:var(--t-sm)}.crumb a{text-underline-offset:4px}.crumb span{margin-inline:10px}
.home-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);column-gap:40px;row-gap:0;align-items:start}
.home-layout section{min-width:0}.home-layout .home-help{grid-column:2;grid-row:1 / span 2}.home-layout .home-shortcuts{grid-column:1}
.home-layout #links{background:var(--brand-weak);border-color:var(--brand-line)}
.home-layout #links .row:first-child{min-height:124px}.home-layout #links .row:first-child .row-t{font-size:var(--t-xl)}
.home-layout #links .row:first-child .ico{width:54px;height:54px;background:var(--card)}
.home-layout #links .row:last-child{background:var(--card);border-top:1px solid var(--brand-line)}
.home-layout #quick{grid-template-columns:1fr;gap:0;border-block:1px solid var(--line)}
.home-layout #quick .card{border:0;border-radius:0;box-shadow:none;background:transparent;border-bottom:1px solid var(--line)!important;padding-inline:0}
.home-layout #quick .card:last-child{border-bottom:0!important}.home-layout #quick .card:hover{background:var(--card)}
.home-layout #quickq{background:transparent;border:0;box-shadow:none}.home-layout #quickq .row{padding:18px 0}.home-layout #quickq .row-t{font-size:var(--t-md)}
.home-layout #quickq .row-d{font-family:var(--font)!important}.home-layout .home-help{padding-left:30px;border-left:1px solid var(--line)}
.download-tools{display:grid;gap:18px;margin-bottom:28px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}
.search-label{display:block;font-size:var(--t-sm);font-weight:600;margin-bottom:8px}.search-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--sub);border-radius:var(--r-md);background:var(--bg);color:var(--ink);font-size:var(--t-md)}.search-input::placeholder{color:var(--sub);opacity:1}
.download-filter{display:flex;gap:8px;flex-wrap:wrap}.download-filter .chip{margin:0;font-size:var(--t-sm)}.result-count{font-size:var(--t-sm);color:var(--sub);margin:0}.empty-results{padding:32px 20px;border:1px dashed var(--line);border-radius:var(--r-lg);text-align:center}.empty-results p{color:var(--sub)}
.dl-group{margin-bottom:32px}.dl-gh{display:block;margin-bottom:16px}.dl-gt{font-size:var(--t-xl)}.dl-gn{margin-top:4px}.dl-card{padding:22px;gap:16px}.dl-d{font-size:var(--t-sm);line-height:1.8}.dl-t{font-size:var(--t-lg)}.dl-icon{width:40px;height:40px}.dl-body{display:flex;flex-direction:column;align-self:stretch}.dl-acts{margin-top:auto}.qr{width:92px;height:92px;padding:6px}.dl-grid{grid-template-columns:minmax(0,1fr)}
#bks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:transparent;border:0;box-shadow:none;gap:12px}
#bks .bk-row{border:1px solid var(--line);background:var(--card);border-radius:var(--r-md);padding:18px 16px;gap:12px}.bk-row .bk-n{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:var(--t-sm)}
.step{padding:24px}.step-t{font-size:var(--t-lg)}.step-d{line-height:1.85}.mt-nav{top:80px!important}.toc{top:80px!important}.mt-i{min-height:44px}.chip{line-height:1.5}
.modal-box{padding:28px;max-width:460px;max-height:calc(100dvh - 40px);overflow:auto}.modal-box h3{margin-bottom:16px}#toast{max-width:calc(100vw - 32px);text-align:center}
footer{border-top:1px solid var(--line);margin-top:56px;padding-top:24px}footer .cr{text-align:left;font-size:var(--t-sm)}
@media(min-width:1180px){.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-card{display:grid;grid-template-columns:40px minmax(0,1fr) 92px;gap:12px}.dl-icon{margin-top:2px}.dl-card .qr{align-self:start}.dl-acts .btn{padding-inline:12px;font-size:var(--t-sm)}}
@media(max-width:767px){:root{--t-sm:13px;--t-md:15px;--t-lg:17px;--t-xl:20px;--t-2xl:30px}.wrap{padding-inline:20px}.nav-in{height:64px;gap:10px;padding-inline:16px}.brand-name{display:none}.brand-mark{width:30px;height:30px}.nav-links{margin-left:auto;gap:0}.nav-links a{padding:10px 9px;font-size:13px}.hero{padding:30px 0 26px}.hero h1{font-size:30px}.home-layout{display:flex;flex-direction:column;gap:0}.home-layout section{width:100%}.home-layout .home-help{order:3;padding:0;border:0}.home-layout #links .row:first-child{min-height:104px}.row{padding:18px 16px;gap:12px}section{margin-top:28px}.download-tools{padding:16px;gap:14px}.dl-card{padding:18px 16px;gap:12px}.dl-card .qr{display:none}.dl-icon{width:36px;height:36px}.dl-acts{gap:8px}.dl-acts .btn{padding:10px 12px;font-size:var(--t-sm)}#bks{grid-template-columns:1fr}.mt-nav{top:72px!important}.step{padding:18px 16px}.note{padding:14px 16px}footer{margin-top:40px}.sec-head{margin-bottom:14px}.modal-box{padding:22px}.chip{padding:10px 12px}}
@media(prefers-color-scheme:dark){:root{--bg:#101622;--hero-1:#182237;--hero-2:#101622;--brand-deep:#245ac6}.home-layout #links{background:var(--brand-weak)}.card,.dl-card,.step{box-shadow:none}}
@media(prefers-reduced-motion:no-preference){a.row:hover .chev{transform:translateX(3px)}.chev{transition:transform .16s ease}.download-filter .chip{transition:background .16s ease,color .16s ease}}
@media(max-width:430px){.nav-links a{padding-inline:6px;font-size:12px}.nav-in{gap:8px}}
@media(max-width:999px){body.install-page .nav,body.install-page .toc{position:static!important}body.install-page{padding-bottom:0}}
.home-layout #quick .card.row{padding:22px 20px!important;gap:18px}.home-layout #quick .ico{flex-shrink:0}.home-layout #quick .chev{margin-right:4px;flex-shrink:0}
@media(max-width:480px){.home-layout #quick .card.row{padding:20px 14px!important;gap:14px}}
.install-page .g-wrap{grid-template-columns:minmax(0,1fr)!important}.version-select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;min-height:52px;padding:12px 16px}#version-picker{scroll-margin-top:24px}
@media(max-width:767px){#chips.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#chips.chips .chip{width:100%;margin:0;text-align:center}}
.install-page .start{padding:0;border:0;background:transparent;box-shadow:none;justify-content:center}.install-page .acts{justify-content:center;text-align:center}.install-page .acts-note{text-align:center}.need.on .need-b{padding:0 20px 20px}.need-b .srcs{width:100%;margin-inline:auto}.need-b .src{min-width:0}.need-b .src-b{justify-content:center}
@media(max-width:480px){.need.on .need-b{padding:0 14px 16px}}
@media(max-width:767px){.shot{margin-inline:auto!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.shot img{display:block;margin-inline:auto!important;object-fit:contain;object-position:center}.shot-row{justify-content:center}.src-b{display:flex;align-items:center;justify-content:center}.src-b img{display:block;margin-inline:auto;object-position:center}}
.shot img{background:transparent;box-shadow:none}.phone-shot img{clip-path:none;border-radius:0;object-fit:contain;object-position:center}.dl-icon[src*="-clear"]{background:transparent;object-fit:contain;border-radius:0}
@media(max-width:767px){.step{display:block!important}.step-n{margin-bottom:12px}.step-main{width:100%}.step .shot,.step .shot-row{width:100%;margin-inline:auto}.step .shot-row{flex-direction:column;align-items:center}.step .shot-row .shot{flex:auto;width:100%}.step .shot img{margin-inline:auto!important}.shot figcaption{text-align:center}}
.phone-shot{display:flex;flex-direction:column;align-items:center}.phone-shot img{clip-path:none!important;margin-inline:auto!important}
img[src*="-supplied.webp"]{background:transparent!important;object-fit:contain}