.android-guide-view .topbar{height:68px}.android-guide-view .footer{display:none}.android-guide-view>.wrap{max-width:1660px;padding-inline:clamp(24px,3vw,52px)}
.ag-page{height:calc(100dvh - 68px);min-height:550px;display:flex;flex-direction:column;gap:22px;padding:16px 0 24px}.ag-toolbar{display:flex;align-items:center;gap:20px;min-height:52px;flex-shrink:0}.ag-back{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7d94}.ag-back svg{rotate:180deg}.ag-toolbar h1{font-size:22px;letter-spacing:-.02em;margin:0;white-space:nowrap}.ag-toolbar .client-tabs{margin:0;gap:7px}.ag-toolbar .client-tabs button{font-size:14px;padding:10px 14px;gap:8px}.ag-toolbar .guide-downloads{margin-left:auto}.ag-toolbar .guide-downloads .btn{font-size:13px;padding:10px 16px}
.ag-workspace{flex:1;min-height:0;display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px}.ag-sidebar{display:flex;flex-direction:column;justify-content:center;padding:28px 12px 28px 24px;min-height:0}.ag-steps{position:relative;flex:1;max-height:480px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px}.ag-step-line{position:absolute;left:7px;top:22px;bottom:22px;width:2px;background:#e0e8f2}.ag-step-line>span{display:block;width:100%;height:var(--ag-progress);background:#2464df}.ag-step{position:relative;display:flex;align-items:center;gap:16px;min-height:44px;text-align:left;background:transparent;font-size:16px;color:#73849a;padding:0}.ag-step>span{width:16px;height:16px;flex-shrink:0;border:2px solid #cbd8ea;background:#fff;border-radius:50%;z-index:1}.ag-step.is-current{color:#215bcd;font-weight:600}.ag-step.is-current>span{background:#2464df;border-color:#2464df;box-shadow:0 0 0 4px #edf3ff}.ag-step:hover{color:#215bcd}.ag-test{display:flex;align-items:center;gap:10px;font-size:12px;color:#235bb8;border-top:1px solid #e3eaf4;padding-top:20px;margin-top:28px;line-height:1.8}
.ag-stage{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid #e0e8f2;border-radius:16px;background:#f6f8fc;padding:22px 28px}.ag-stage-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#8390a3;flex-shrink:0}.ag-stage-meta>span:first-child{color:#516985}.ag-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:clamp(28px,4vw,70px);padding:18px 0 4px}.ag-portrait{height:min(100%,640px);aspect-ratio:9/17;width:auto;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px -24px #304d7d55;container-type:inline-size}.ag-status{height:6%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;font-size:3.4cqw;font-weight:600;color:#344258}.ag-app-top{display:flex;align-items:center;gap:8px;padding:5% 7%;font-size:5cqw;font-weight:600;border-bottom:1px solid #eef1f6}.ag-app-more{margin-left:auto;font-size:4cqw}.ag-app-content{padding:7%;flex:1;min-height:0;font-size:4.5cqw;color:#405570}.ag-app-content h3{font-size:6cqw;margin:0 0 7%;font-weight:600}.ag-app-intro{display:flex;align-items:center;text-align:center;flex-direction:column;gap:4cqw;padding:9% 0 16%}.ag-app-intro strong{font-size:6.5cqw;font-weight:600;color:#243d5d}.ag-app-intro>span{font-size:3.6cqw;color:#8290a3}.ag-app-intro>svg{color:#2464df}.ag-app-intro .software-icon{width:18cqw;height:18cqw}.ag-app-row{display:flex;align-items:center;justify-content:space-between;padding:6% 0;border-top:1px solid #edf1f6}.ag-app-content label{display:block;font-size:3.8cqw;color:#7b8aa1;margin:7% 0 3%}.ag-field{padding:5%;border:1px solid #e5eaf1;border-radius:7px;font-size:4cqw;line-height:1.8;background:#fafbfd;overflow-wrap:anywhere}.ag-field-focus{border:1px solid #79a7ef!important;background:#edf4ff!important}.ag-app-action{background:#2464df;color:#fff;text-align:center;border-radius:7px;padding:5%;margin-top:12%;font-size:4.5cqw}.ag-config{display:flex;flex-direction:column;gap:5cqw;padding:7%;border-radius:8px}.ag-config small{font-size:3.7cqw;color:#778ba5}.ag-config>span{font-size:4cqw;color:#2464df}.ag-app-heading{display:flex;justify-content:space-between;align-items:baseline}.ag-app-heading>span{font-size:3.7cqw;color:#2464df}.ag-node{display:flex;justify-content:space-between;gap:7px;padding:7% 5%;margin-bottom:5%;border:1px solid #e5eaf1;border-radius:7px;font-size:4.3cqw}.ag-node small{font-size:3.8cqw;color:#218966}.ag-switch{width:12cqw;height:7cqw;border-radius:20px;background:#2464df;padding:1cqw;display:flex;justify-content:flex-end}.ag-switch:after{content:'';width:5cqw;height:5cqw;border-radius:50%;background:#fff}.ag-auth{margin-top:10%;padding:6%;background:#f5f7fb;border-radius:8px;font-size:4cqw}.ag-auth p{font-size:3.7cqw;line-height:1.8;color:#75879f;margin:5% 0 0}.ag-browser-address{background:#f0f3f8;border-radius:8px;padding:5%;font-size:4cqw}.ag-app-bottom{font-size:3cqw;color:#98a3b3;text-align:center;padding:4%}
.ag-instruction{max-width:340px;flex:1;min-width:0;color:#536b88}.ag-current{font-size:13px;color:#2c65ca;margin:0 0 16px}.ag-instruction h2{font-size:clamp(24px,2.1vw,32px);line-height:1.45;margin:0 0 20px;color:#263d5b;font-weight:650;letter-spacing:-.02em}.ag-instruction>p:not(.ag-current){font-size:14px;line-height:1.95;margin:0 0 20px}.ag-focus{padding:18px 0;margin:20px 0;border-block:1px solid #dfe7f2;display:flex;flex-direction:column;gap:8px}.ag-focus>span{font-size:11px;color:#8491a5}.ag-focus strong{font-size:15px;color:#31567d;font-weight:600}.ag-instruction .ag-hint{color:#8592a5!important;font-size:12px!important}.ag-result{display:flex;gap:9px;align-items:flex-start;color:#53738a;font-size:12px;line-height:1.8}.ag-result svg{margin-top:2px;color:#547da7}.ag-paging{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.ag-paging button{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #d9e3f2;border-radius:8px;min-height:40px;padding:9px 15px;font-size:12px;color:#2b5eaa}.ag-paging button:last-child{background:#2464df;color:#fff;border-color:#2464df}.ag-paging button:disabled{opacity:.35;cursor:default}
@media(max-height:780px) and (min-width:901px){.ag-stage{padding:16px 22px}.ag-canvas{gap:30px;padding-top:14px}.ag-instruction h2{font-size:25px;margin-bottom:12px}.ag-current{margin-bottom:10px}.ag-instruction>p:not(.ag-current){margin-bottom:12px;font-size:13px}.ag-focus{margin:12px 0;padding:12px 0}.ag-paging{margin-top:18px}.ag-sidebar{padding-block:15px}.ag-test{margin-top:18px;padding-top:15px}}
@media(max-width:1100px){.ag-workspace{grid-template-columns:170px minmax(0,1fr);gap:15px}.ag-sidebar{padding-left:12px}.ag-step{font-size:14px}.ag-toolbar{gap:12px}.ag-canvas{gap:24px}.ag-instruction{max-width:300px}.ag-stage{padding-inline:20px}}
@media(max-width:900px){.ag-page{height:auto;min-height:calc(100dvh - 68px)}.ag-toolbar{flex-wrap:wrap}.ag-workspace{display:block}.ag-sidebar{padding:10px 0 20px}.ag-steps{flex-direction:row;gap:10px;overflow:auto;min-height:44px}.ag-step{white-space:nowrap;font-size:12px;gap:7px;flex-shrink:0}.ag-step-line{display:none}.ag-test{display:none}.ag-portrait{height:470px;max-width:45%}.ag-stage-meta{font-size:10px}.ag-instruction h2{font-size:24px}.ag-instruction{max-width:none}.ag-canvas{padding-top:25px}}
@media(max-width:600px){.ag-canvas{flex-direction:column;gap:24px}.ag-portrait{height:450px;max-width:100%}.ag-stage{padding:16px}.ag-toolbar .client-tabs{order:4;width:100%}.ag-toolbar h1{font-size:19px}.ag-toolbar .guide-downloads .btn{font-size:11px;padding:8px 10px}}