/* 공개 이미지 편집기의 여는 화면(/image-editor) — 문서 스킨은 공용(legal.css)을 그대로 쓰고,
   여는 단추와 받은 파일 자리만 더한다. 개별 css 가 공용 css 를 @import 하므로 뷰에는 이 파일만 건다.
   편집기 창의 화면은 제품(Mayya.ImageEditor/css/editor.css)의 것이라 여기서 손대지 않는다. */
@import "legal.css";

.ie-opener { margin-top: 32px; padding: 22px 24px; border: 1px solid #23306a; border-radius: 10px; background: #111938; }

.ie-open {
	padding: 14px 26px;
	border: 1px solid #f5c542;
	border-radius: 8px;
	background: #f5c542;
	color: #1d1600;
	font-size: 16px;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 4px 4px 0 #000;
}
.ie-open:hover { background: #ffd65e; }
.ie-open:active { transform: translate(2px, 2px); box-shadow: 2px 2px 0 #000; }

.lg-doc .ie-state { margin: 14px 0 0; color: #8da0d6; font-size: 14px; }
.lg-doc .ie-state:empty { display: none; }
.lg-doc .ie-blocked { margin: 14px 0 0; color: #e0707c; font-size: 14px; }

.ie-result { margin-top: 22px; }
/* 문서 스킨의 h2 는 구분선과 위 여백이 커서 상자 안에서는 줄인다. */
.lg-doc .ie-result h2 { margin: 0 0 8px; padding-top: 18px; font-size: 16px; }

@media (max-width: 640px) {
	.ie-opener { padding: 18px 16px; }
	.ie-open { width: 100%; }
}