.ranto-plugin-page,.ranto-plugin-authorize{--plugin-muted:#96999f;color:#eceef1;background:#0b0c0e;min-height:100vh;font-family:inherit}.ranto-plugin-page *,.ranto-plugin-authorize *{box-sizing:border-box}.plugin-nav{justify-content:space-between;align-items:center;max-width:1320px;height:84px;margin:auto;padding:0 48px;display:flex}.plugin-nav img,.plugin-auth-brand img{width:112px;height:auto}.plugin-nav nav{align-items:center;gap:28px;display:flex}.ranto-plugin-page a{color:inherit;text-decoration:none}.plugin-nav a{color:#b9bcc2;font-size:13px}.plugin-nav a:hover,.plugin-text-link:hover{color:#fff}.ranto-plugin-page main{max-width:1160px;margin:auto;padding:0 28px}.plugin-hero{text-align:center;padding:56px 0 48px}.plugin-orbit{justify-content:center;align-items:center;gap:12px;height:122px;margin-bottom:22px;display:flex;position:relative}.plugin-orbit:before{content:"";background:radial-gradient(#6252a324,#0000 70%);width:300px;height:100px;position:absolute}.plugin-orbit>span{color:#b7bac3;background:#191a1e;border:1px solid #2b2c31;border-radius:15px;padding:14px;font-size:12px;position:relative;transform:rotate(-5deg)}.plugin-orbit>span:nth-last-child(-n+2){transform:rotate(5deg)}.plugin-orbit img{border-radius:24px;width:100px;height:100px;position:relative;box-shadow:0 20px 60px #0008}.plugin-eyebrow{letter-spacing:.14em;color:#aaa4c7;margin:0 0 14px;font-size:11px}.plugin-hero h1{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(28px,3.7vw,44px);font-weight:600;line-height:1.3}.plugin-hero>p:not(.plugin-eyebrow){color:#b0b3ba;margin:0;font-size:15px;line-height:1.8}.plugin-hero>.plugin-hero-note{color:#7f828b!important;margin-top:4px!important;font-size:13px!important}.plugin-mobile-break{display:none}.plugin-install{background:#111215;border:1px solid #2a2c31;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #0003}.plugin-install-top{border-bottom:1px solid #25262b;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.plugin-client-tabs{flex-wrap:wrap;gap:5px;display:flex}.plugin-client-tabs button{color:#9699a1;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;display:flex}.plugin-client-tabs button[aria-selected=true]{color:#f0f1f4;background:#222326}.plugin-client-tabs button:hover{color:#eceef1;background:#1b1c20}.plugin-client-tabs button>span{font-size:17px;line-height:1}.plugin-remote-tag{color:#81858e;white-space:nowrap;font-size:12px}.plugin-install-steps{grid-template-columns:1.12fr 1fr;display:grid}.plugin-install-steps article{padding:30px}.plugin-install-steps article+article{border-left:1px solid #24262b}.plugin-step-number{color:#dedee7;background:#25262c;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:inline-grid}.plugin-install h2{margin:20px 0 10px;font-size:18px;font-weight:500}.plugin-install p{color:var(--plugin-muted);margin:0;font-size:13px;line-height:1.8}.plugin-prompt{background:#0c0d10;border:1px solid #24262c;border-radius:12px;height:176px;margin-top:22px;padding:18px 42px 18px 18px;position:relative}.plugin-prompt pre{color:#aaadb6;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:#414249 transparent;height:100%;margin:0;font-family:inherit;font-size:12px;line-height:1.9;overflow:auto}.plugin-prompt button{color:#9a9da6;cursor:pointer;background:0 0;border:0;padding:3px;position:absolute;top:14px;right:12px}.plugin-prompt svg{width:19px;height:19px}.plugin-copy-button,.plugin-auth-login button,.plugin-allow{color:#191a1f;cursor:pointer;background:#e6e7ec;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:30px;min-width:166px;margin-top:18px;padding:11px 16px;font-size:13px;font-weight:500;display:flex}.plugin-copy-button:hover,.plugin-auth-login button:hover,.plugin-allow:hover{background:#fff}.plugin-copy-state{min-height:43px;padding:0 30px 15px}.plugin-install-steps ol{counter-reset:steps;gap:22px;margin:24px 0 22px;padding:0;list-style:none;display:grid}.plugin-install-steps li{counter-increment:steps;grid-template-columns:22px 1fr;column-gap:9px;font-size:13px;display:grid}.plugin-install-steps li:before{content:counter(steps);color:#777b85;grid-row:span 2}.plugin-install-steps li b{color:#d1d3d9;font-weight:400}.plugin-install-steps li span{color:#80848f;margin-top:6px;font-size:12px;line-height:1.7}.plugin-text-link{font-size:12px;color:#bdc0ca!important}.plugin-capabilities{padding-top:76px}.plugin-capabilities header{text-align:center;margin-bottom:32px}.plugin-capabilities h2,.plugin-examples h2,.plugin-guide h2{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:500;line-height:1.45}.plugin-capabilities>div{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plugin-capabilities article{background:#121316;border:1px solid #25262d;border-radius:16px;padding:28px}.plugin-capabilities article>span{color:#767183;font-size:12px}.plugin-capabilities h3{margin:24px 0 12px;font-size:17px;font-weight:500}.plugin-capabilities article p,.plugin-guide p{color:#91959f;margin:0;font-size:13px;line-height:1.9}.plugin-examples{padding-top:76px}.plugin-examples header p{color:#9296a1;margin:10px 0 22px;font-size:13px}.plugin-examples>div{gap:10px;display:grid}.plugin-examples button{text-align:left;color:#b8bbc5;cursor:pointer;width:100%;font:inherit;background:#111215;border:1px solid #25262c;border-radius:12px;align-items:center;gap:24px;padding:18px 22px;display:flex}.plugin-examples button:hover{background:#191a1e}.plugin-examples button>span{color:#777b85;font-size:12px}.plugin-examples button>span:last-child{margin-left:auto;font-size:19px}.plugin-examples p{margin:0;font-size:13px;line-height:1.8}.plugin-guide{grid-template-columns:1fr 1.3fr;gap:64px;padding:76px 0 46px;scroll-margin-top:30px;display:grid}.plugin-guide h2{margin-bottom:16px}.plugin-guide ol{counter-reset:guide;gap:22px;margin:0;padding:0;list-style:none;display:grid}.plugin-guide li{counter-increment:guide;padding-left:40px;position:relative}.plugin-guide li:before{content:counter(guide);color:#b8bbc5;background:#232429;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;position:absolute;top:1px;left:0}.plugin-guide li b{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.plugin-faq{padding:0 0 54px}.plugin-faq details{border-top:1px solid #26272d;padding:18px 0}.plugin-faq summary{color:#c6c9d0;cursor:pointer;font-size:13px}.plugin-faq p{color:#91959f;margin:14px 0 0;font-size:13px;line-height:1.9}.plugin-faq details a{color:#c4bfd9;margin:14px 22px 0 0;font-size:12px;display:inline-block}.plugin-faq code{word-break:break-all;font-size:12px}.plugin-footer{color:#747984;border-top:1px solid #25262c;justify-content:space-between;max-width:1160px;margin:auto;padding:24px 28px;font-size:12px;display:flex}.ranto-plugin-page button:focus-visible,.ranto-plugin-page a:focus-visible,.ranto-plugin-authorize button:focus-visible{color:#fff;background:#292a31;outline:none}.ranto-plugin-promo{background:radial-gradient(at 85% 40%,#74609913,#0000 60%),#0c0e12;border:1px solid #262832;border-radius:24px;justify-content:space-between;align-items:center;gap:38px;max-width:1180px;margin:40px auto 80px;padding:56px;display:flex}.ranto-plugin-promo small{color:#aba3c2;letter-spacing:.16em;font-size:10px}.ranto-plugin-promo h2{letter-spacing:-.03em;margin:18px 0 12px;font-size:32px;font-weight:500}.ranto-plugin-promo p{color:#9296a1;font-size:13px;line-height:1.9}.ranto-plugin-promo a{color:#e2e3ea;background:#1c1e25;border:1px solid #393b45;border-radius:9px;margin-top:14px;padding:11px 16px;font-size:13px;text-decoration:none;display:inline-block}.plugin-promo-flow{color:#9698a3;flex-shrink:0;align-items:center;gap:14px;font-size:12px;display:flex}.plugin-promo-flow span{text-align:center;line-height:1.8}.plugin-promo-flow i{color:#585965;font-style:normal}.plugin-promo-flow img{border-radius:18px;width:68px;height:68px}.public-home-a .public-plugin-entry{color:#d3d4df;white-space:nowrap;border-radius:8px;padding:9px 12px;font-size:13px;text-decoration:none}.public-home-a .public-plugin-entry:hover{color:#fff;background:#222326}.ranto-plugin-authorize{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px 16px;display:flex}.plugin-auth-card{background:#141518;border:1px solid #33353c;border-radius:20px;width:min(100%,520px);max-height:calc(100dvh - 135px);padding:28px;overflow:auto}.plugin-auth-card h1{margin:0 0 8px;font-size:23px;font-weight:500;line-height:1.5}.plugin-callback{word-break:break-all;color:#838894;font-size:11px;line-height:1.8}.plugin-auth-login p{color:#a5a8b1;font-size:13px;line-height:1.9}.plugin-auth-login{padding:22px 0}.plugin-auth-login button{margin-top:14px}.plugin-auth-account{color:#9da2ad;margin:18px 0;font-size:12px}.plugin-search-label{color:#bfc1ca;font-size:12px;display:block}.plugin-search-label input{color:#dedfe7;width:100%;font:inherit;background:#0c0d0f;border:1px solid #303139;border-radius:8px;outline:none;margin:9px 0 12px;padding:10px 12px;display:block}.plugin-search-label input:hover,.plugin-search-label input:focus{border-color:#555}.plugin-project-list{background:#0e0f12;border:1px solid #2a2b33;border-radius:10px;max-height:144px;padding:4px;overflow:auto}.plugin-project-list button{text-align:left;color:#c9cbd4;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:11px 10px;font-size:12px;display:flex}.plugin-project-list button[aria-selected=true]{color:#e5e7ec;background:#222326}.plugin-project-list button:hover{background:#1c1d20}.plugin-project-list small{color:#787d89;margin-top:5px;font-size:10px;display:block}.plugin-project-list p{color:#8f949f;padding:12px;font-size:12px;line-height:1.8}.plugin-project-list a{color:#ccc6df}.plugin-scope-list{gap:6px;margin:18px 0;display:grid}.plugin-scope-list button{color:#b8bdc8;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:flex}.plugin-scope-list button:disabled{cursor:default}.plugin-scope-list i{color:#ebedf3;background:#24262d;border:1px solid #484a55;border-radius:4px;place-items:center;width:17px;height:17px;font-size:12px;font-style:normal;display:inline-grid}.plugin-auth-note{color:#828894;font-size:11px;line-height:1.9}.plugin-allow{justify-content:center;width:100%}.plugin-allow:disabled{opacity:.4;cursor:default}.plugin-auth-cancel{color:#9da2ae;text-align:center;margin-top:16px;font-size:12px;text-decoration:none;display:block}.plugin-auth-error{color:#dfb4af;margin:0;padding:12px 0 0;font-size:12px;line-height:1.8}.plugin-login-modal{max-width:min(1000px,100vw - 32px);max-height:calc(100dvh - 32px)}@media (width<=800px){.plugin-nav{padding:0 24px}.plugin-install-steps{grid-template-columns:1fr}.plugin-install-steps article+article{border-top:1px solid #24262b;border-left:0}.plugin-capabilities>div{grid-template-columns:1fr}.plugin-guide{grid-template-columns:1fr;gap:28px}.ranto-plugin-promo{flex-direction:column;align-items:flex-start;margin:32px 24px 64px;padding:32px}.ranto-plugin-promo h2{font-size:27px}.plugin-promo-flow{justify-content:center;width:100%;padding-top:12px}.plugin-orbit>span:first-child,.plugin-orbit>span:last-child{display:none}.plugin-install-top{padding:12px}.plugin-client-tabs{gap:2px}.plugin-client-tabs button{padding:10px;font-size:12px}.plugin-remote-tag{display:none}.plugin-capabilities,.plugin-examples{padding-top:54px}}@media (width<=480px){.plugin-nav{height:72px;padding:0 20px}.plugin-nav nav{gap:18px}.plugin-nav img{width:96px}.ranto-plugin-page main{padding:0 16px}.plugin-hero{padding:36px 0}.plugin-mobile-break{display:block}.plugin-install-steps article{padding:24px}.plugin-copy-state{min-height:52px;padding-left:24px;padding-right:24px}.plugin-client-tabs button>span{display:none}.plugin-client-tabs button{padding:9px;font-size:11px}.plugin-prompt{height:190px}.plugin-examples button{gap:14px;padding:16px}.plugin-footer{gap:16px;padding:22px 20px}.plugin-footer span{text-align:right;max-width:140px;line-height:1.8}.ranto-plugin-promo{margin-left:16px;margin-right:16px;padding:26px}.plugin-auth-card{padding:22px}.plugin-auth-card h1{font-size:20px}}