.packing-viewport[data-v-0995c8b6]{position:relative;width:100%;height:100%;min-height:360px}.packing-viewport__canvas[data-v-0995c8b6]{position:absolute;inset:0;-ms-touch-action:none;touch-action:none}.packing-viewport__canvas[data-v-0995c8b6] canvas{display:block;width:100%;height:100%;outline:none}.packing-viewport__axes[data-v-0995c8b6]{position:absolute;left:22px;bottom:18px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;font-size:11px;color:#8fa8bb;pointer-events:none}.packing-viewport__axes span[data-v-0995c8b6]:first-child{color:#d7a593}.packing-viewport__axes span[data-v-0995c8b6]:nth-child(2){color:#9abbac}.packing-viewport__axes span[data-v-0995c8b6]:last-child{color:#8eafcf}.packing-viewport__error[data-v-0995c8b6]{position:absolute;inset:30%;min-width:240px;color:#fff;background:#283c50;padding:24px;border-radius:8px;line-height:1.8}