/* Uniform preview frames, with the app navigation collapsed to its icon rail. */
#inside .row{grid-template-columns:5fr 7fr;gap:64px}
#inside .row.flip{grid-template-columns:7fr 5fr}
#inside .dashboard-preview,#inside .analysis-preview,#inside .frame .shot{aspect-ratio:1400/787}
#inside .demo-dashboard{height:1076px;grid-template-columns:80px minmax(0,1fr)}
#inside .demo-sidebar{height:1076px;padding:24px 8px}
#inside .demo-brand{justify-content:center;margin:0 0 32px;gap:0}
#inside .demo-brand img{width:44px;height:44px;border-radius:12px}
#inside .demo-brand>div,#inside .demo-nav>span,#inside .demo-analysis,#inside .demo-user>div{display:none}
#inside .demo-nav{justify-content:center;gap:0;padding:14px 8px;border-radius:12px}
#inside .demo-sub{margin:12px 0 0;border:0}
#inside .demo-user{left:8px;right:8px;justify-content:center;gap:0;padding:22px 0 0}
#inside .demo-avatar{padding:8px}
#inside .performance-mock-stats .demo-card{height:128px}
#inside .performance-mock-stats,#inside .performance-mock-two{margin-bottom:16px;gap:16px}
#inside .performance-mock-radar{height:292px;padding:18px}
#inside .performance-mock-radar-svg{height:222px;margin-top:8px}
#inside .performance-mock-symbols,#inside .performance-mock-directions{height:226px;padding:18px}
#inside .performance-mock-symbol-row{padding:8px 0}
#inside .performance-mock-direction{padding:20px 0}
#inside .performance-mock-strategies{padding:18px}
#inside .performance-mock-strategy{padding:8px 0}
#inside .analysis-mock-page{width:1400px;height:787px;grid-template-rows:auto 300px 1fr;gap:16px}
#inside .analysis-mock-summary{padding:18px}
#inside .analysis-mock-screenshots{padding:18px}
#inside .analysis-mock-score-row{margin-bottom:3px}
#inside .analysis-mock-score-row>div:first-child{font-size:17px;margin-bottom:3px}
#inside .analysis-mock-track{height:6px}
#inside .analysis-mock-breakdown h3{margin-bottom:10px}
#inside .analysis-mock-ring{width:172px;height:172px}
#inside .analysis-mock-total{font-size:46px}
#inside .frame .shot{background-size:cover;background-position:center}
@media(max-width:900px){#inside .row,#inside .row.flip{grid-template-columns:1fr;gap:36px}}

#inside .frame .shot{aspect-ratio:1400/787!important}

#inside .performance-mock-stats .demo-card{height:145px;padding:16px}
#inside .performance-mock-stats strong{margin-top:8px}
#inside .performance-mock-stats p{font-size:17px;margin-top:3px}
#inside .performance-mock-stats,#inside .performance-mock-two{margin-bottom:12px}
#inside .performance-mock-radar{height:286px}
#inside .performance-mock-radar-svg{height:216px}

#inside .analysis-mock-breakdown{padding-right:64px}

.analysis-mock-shell{position:absolute;left:0;top:0;width:1400px;height:787px;display:grid;grid-template-columns:58px minmax(0,1fr);transform-origin:top left}
#inside .analysis-mock-shell>.demo-sidebar{width:58px;height:787px;padding:16px 5px;font-size:14px;line-height:1.4}
#inside .analysis-mock-shell .demo-brand img{width:32px;height:32px;border-radius:9px}
#inside .analysis-mock-shell .demo-brand{margin-bottom:23px}
#inside .analysis-mock-shell .demo-nav{padding:10px 5px;border-radius:9px}
#inside .analysis-mock-shell .demo-nav svg{width:18px;height:18px}
#inside .analysis-mock-shell .demo-user{left:5px;right:5px;bottom:22px;padding-top:16px}
#inside .analysis-mock-shell .demo-avatar{padding:6px}
#inside .analysis-mock-shell .analysis-mock-page{position:relative;width:100%;height:787px;transform:none!important}