.previewer-root {
	text-align: center;
}

div.previewer-edit-hint {
	margin-bottom: 8px;
}

div.previewer-toolbar-left-column {
	text-align: left;
	padding-left: 32px;
}

div.previewer-toolbar-right-column {
	text-align: right;
	padding-right: 32px;
}

div.previewer-wrapper {
	display: inline-block;
	overflow: hidden;
	padding: 12px;
	position: relative;
	max-width: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

img.previewer-image {
	max-width: 100%;
}

div.previewer-drop-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	z-index: 20;
	background-color: rgba(255, 255, 255, 0.9);
	color: #666;
	outline: 2px dashed #aaa;
	outline-offset: -5px;
	font-size: 2rem;
	text-align: center;
}

div.previewer-drop-overlay.previewer-drop-overlay-hover {
	background-color: rgba(224, 224, 224, 0.9);
}

div.previewer-drop-overlay-inner {
	display: table;
	width: 100%;
	height: 100%;
}

div.previewer-drop-overlay-text {
	display: table-cell;
	vertical-align: middle;
}

canvas.perspective-overlay {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

i.previewer-progress {
	position: relative;
	top: 5px;
	font-size: 22px;
	color: #888;
}