.nav-share{display:inline-flex;align-items:center;padding:7px 15px;border:1px solid var(--glass-border);border-radius:999px;font-size:13px;white-space:nowrap;color:var(--text)!important;background:var(--glass)}.nav-share:hover{border-color:var(--accent)}
.chrome-button{white-space:nowrap;gap:9px!important}.chrome-button svg{flex-shrink:0}.nav-right .chrome-button{font-size:13px;padding:8px 15px}.chrome-section{padding:0 24px 48px!important}.chrome-install-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;padding:36px 40px;border:1px solid var(--glass-border-lit);border-radius:24px;background:linear-gradient(120deg,#b794f420,#6ee7ff0d);box-shadow:0 15px 60px #00000015}.chrome-eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)!important;margin-bottom:12px}.chrome-install-card h2{font-size:clamp(23px,2.5vw,30px);line-height:1.45;margin-bottom:14px}.chrome-install-card p{font-size:14px;color:var(--text-dim);max-width:58ch}.chrome-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chrome-benefits span{font-size:12px;border:1px solid var(--glass-border);border-radius:999px;padding:6px 12px;color:var(--text-dim)}.chrome-install-action{text-align:center}.chrome-install-action>.btn{padding:14px 24px}.chrome-install-action p{font-size:12px;margin:12px 0 6px}.chrome-install-action>a:last-child{font-size:12px;color:var(--accent-2)}
@media(max-width:700px){.nav{flex-wrap:wrap;gap:10px!important}.nav-right{width:100%;justify-content:space-between}.chrome-install-card{grid-template-columns:1fr;gap:24px;padding:26px 22px}.chrome-install-action{text-align:left}.chrome-section{padding:0 24px 24px!important}}
.slide-img-box{position:relative}.slide-img-box img{object-fit:contain!important;cursor:zoom-in}.tutorial-enlarge{position:absolute;bottom:10px;right:10px;border:1px solid #ffffff55;background:#14102bdd;backdrop-filter:blur(12px);color:#ece9f7;padding:6px 12px;border-radius:99px;font:inherit;font-size:12px;cursor:zoom-in}.tutorial-enlarge:focus-visible{outline:2px solid #6ee7ff;outline-offset:3px}
.tutorial-lightbox{padding:0;border:1px solid #ffffff29;border-radius:18px;background:#14102b;color:#ece9f7;width:calc(100vw - 48px);max-width:1440px;height:calc(100dvh - 48px);max-height:1100px;overflow:hidden}.tutorial-lightbox::backdrop{background:#090719db;backdrop-filter:blur(8px)}.tutorial-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border-bottom:1px solid #ffffff21}.tutorial-lightbox-bar h2{font-size:15px;margin:0;color:#ece9f7}.tutorial-lightbox-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tutorial-lightbox button{border:1px solid #ffffff29;border-radius:99px;background:#ffffff0e;color:#ece9f7;font:inherit;font-size:13px;padding:8px 14px;cursor:pointer}.tutorial-lightbox button:focus-visible{outline:2px solid #6ee7ff}.tutorial-lightbox-viewport{height:calc(100% - 70px);padding:16px;overflow:auto;display:flex;align-items:center;justify-content:center;background:#0e0b1f}.tutorial-lightbox-viewport img{display:block;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in}.tutorial-lightbox-viewport.original{display:block}.tutorial-lightbox-viewport.original img{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out}.tutorial-lightbox-status{position:absolute;bottom:22px;left:28px;color:#a9a3c4}
@media(max-width:600px){.nav-share{padding:6px 11px;font-size:12px}.nav-right{gap:8px!important}.tutorial-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:12px}.tutorial-lightbox-bar{padding:10px 12px;gap:10px;align-items:flex-start}.tutorial-lightbox-bar h2{font-size:13px}.tutorial-lightbox-actions{gap:6px}.tutorial-lightbox button{font-size:12px;padding:7px 10px}.tutorial-lightbox-viewport{padding:8px}}