html,body{background:#fff;margin:0}a{color:#0f7a50;text-decoration:none}a:hover{color:#1c2c49}.cn-side{scrollbar-width:none;-ms-overflow-style:none}.cn-side::-webkit-scrollbar{width:0;height:0;display:none}.cn-nav a:hover{background:#f0f4f9!important}.cn-row:hover{background:#fbfcfe}.cn-studio{grid-template-columns:minmax(0,1fr) 414px}@media (width<=1420px){.cn-hex{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=1100px){.cn-studio{grid-template-columns:minmax(0,1fr)!important}.cn-studio-preview{position:static!important}}.cn-studio-preview{width:100%;min-width:0;max-width:414px;margin:0 auto}.cn-phone{width:414px;max-width:100%}.cn-phone-screen{height:780px}@media (width<=470px){.cn-phone-screen{aspect-ratio:392/758;height:auto!important}}@media (width<=1240px){.cn-cols{grid-template-columns:minmax(0,1fr)!important}.cn-panel{position:static!important}}@media (width<=900px){.cn-root{grid-template-columns:minmax(0,1fr)!important}.cn-side{border-bottom:1px solid #edf3f9!important;border-right:none!important;gap:12px!important;height:auto!important;padding:12px 14px!important;position:static!important}.cn-side .cn-side-fold{display:none!important}.cn-side.cn-side-open{padding-bottom:24px!important}.cn-side.cn-side-open .cn-side-fold{display:flex!important}.cn-cols{padding:24px 20px 80px!important}.cn-bar{padding:12px 20px!important}.cn-hide-sm{display:none!important}.cn-t{grid-template-columns:1fr!important;row-gap:4px!important}.cn-t span:nth-child(n+2){text-align:left!important}.cn-2{grid-template-columns:1fr!important}}