html,body.xp{height:100%}body.xp{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.xp__bar{align-items:center;gap:var(--space-4);padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:12px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--line);display:flex}.xp__bar .nav__brand img{width:auto;height:30px;display:block}.xp__title{font:500 14px/1 var(--font-sans);color:var(--brand)}.xp__bar .nav__lang{margin-inline-start:auto}.xp__main{grid-template-columns:380px minmax(0,1fr);min-height:0;display:grid}.xp__unit{grid-area:1/2;min-width:0;min-height:0;position:relative}.xp__unit .stage__canvas{touch-action:none}.xp__side{align-content:start;justify-items:center;gap:var(--space-6);min-height:0;padding:var(--space-6) var(--space-6) var(--space-8);border-inline-end:1px solid var(--line);background:var(--surface-100);grid-area:1/1;display:grid;overflow-y:auto}.xp__side .phone{width:280px}.xp__controls{gap:var(--space-3);width:100%;display:grid}@media (max-width:860px){body.xp{height:auto;min-height:100%;overflow:auto}.xp__main{grid-template-columns:1fr}.xp__unit{grid-area:1/1;height:56svh}.xp__side{border-inline-end:0;border-top:1px solid var(--line);grid-area:2/1;overflow:visible}.xp__title{display:none}}