.yjkb-simple-builder {
	margin: 0 0 22px;
	border: 1px solid #cad9e0;
	border-top: 4px solid var(--yjkb-accent, #087faf);
	background: #fff;
	box-shadow: 0 8px 24px rgba(18, 57, 76, .08);
	color: #17384c;
}
.yjkb-simple-builder__header {
	display: flex;
	padding: 18px 22px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	background: #f4f9fb;
}
.yjkb-simple-builder__header span { display:block; margin-bottom:4px; color:var(--yjkb-accent,#087faf); font-size:10px; font-weight:800; letter-spacing:.14em; }
.yjkb-simple-builder__header h2 { margin:0!important; font-size:21px!important; line-height:1.3!important; }
.yjkb-simple-builder__header p { margin:6px 0 0!important; color:#627985; font-size:13px; line-height:1.55; }
.yjkb-simple-builder__body { padding:20px 22px 22px; }
.yjkb-simple-builder.is-collapsed .yjkb-simple-builder__body { display:none; }
.yjkb-simple-block {
	margin: 0 0 16px;
	padding: 18px;
	border: 1px solid #d6e1e6;
	background: #fff;
}
.yjkb-simple-block__head { display:flex; margin-bottom:14px; align-items:center; gap:8px; }
.yjkb-simple-block__type { display:inline-flex; min-width:68px; min-height:34px; padding:0 12px; align-items:center; justify-content:center; border:1px solid #9ab1bc; background:#f7fafb; color:#264d63; font-size:13px; font-weight:800; }
.yjkb-simple-block__tools { display:flex; margin-left:auto; gap:5px; }
.yjkb-simple-block label { display:block; margin:0 0 13px; }
.yjkb-simple-block label > span,
.yjkb-simple-field-label { display:block; margin-bottom:6px; color:#315365; font-size:13px; font-weight:750; }
.yjkb-simple-block input,
.yjkb-simple-block select { box-sizing:border-box; width:100%; min-height:42px; padding:9px 11px; border:1px solid #c6d5dc; border-radius:0; background:#fff; color:#183b50; font-size:14px; }
.yjkb-simple-rich-group { margin:0 0 13px; }
.yjkb-simple-rich-toolbar { display:flex; flex-wrap:wrap; gap:5px; padding:7px; border:1px solid #c6d5dc; border-bottom:0; background:#f6f9fa; }
.yjkb-simple-rich-toolbar .button { min-height:34px; padding:0 11px; border-radius:0; }
.yjkb-simple-richtext {
	box-sizing:border-box;
	width:100%;
	min-height:170px;
	padding:13px 14px;
	border:1px solid #c6d5dc;
	background:#fff;
	color:#183b50;
	font-size:15px;
	line-height:1.7;
	text-align:justify;
	text-justify:inter-word;
	outline:none;
	overflow-wrap:anywhere;
}
.yjkb-simple-richtext:focus { border-color:var(--yjkb-accent,#087faf); box-shadow:0 0 0 2px color-mix(in srgb, var(--yjkb-accent,#087faf) 16%, transparent); }
.yjkb-simple-richtext:empty::before { color:#8597a0; content:attr(data-placeholder); pointer-events:none; }
.yjkb-simple-richtext p,
.yjkb-simple-richtext div { margin:0 0 10px; }
.yjkb-simple-richtext ul { margin:8px 0 10px!important; padding-left:28px!important; list-style:disc outside!important; }
.yjkb-simple-richtext ol { margin:8px 0 10px!important; padding-left:28px!important; list-style:decimal outside!important; }
.yjkb-simple-richtext li { display:list-item!important; margin:3px 0!important; }
.yjkb-simple-richtext img { display:block; max-width:100%; height:auto; margin:10px 0; }
.yjkb-simple-image-row { display:grid; grid-template-columns:minmax(0,1fr) 170px; gap:14px; }
.yjkb-simple-media { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; }
.yjkb-simple-add,.yjkb-simple-actions { display:flex; flex-wrap:wrap; gap:8px; }
.yjkb-simple-actions { margin-top:18px; padding-top:18px; border-top:1px solid #dde7eb; }
.yjkb-simple-actions .button-primary { min-height:42px; padding:0 22px; border-color:var(--yjkb-accent,#087faf)!important; background:var(--yjkb-accent,#087faf)!important; }

@media (max-width:760px) {
	.yjkb-simple-builder__header { flex-direction:column; }
	.yjkb-simple-builder__body { padding:14px; }
	.yjkb-simple-block { padding:14px; }
	.yjkb-simple-image-row,.yjkb-simple-media { grid-template-columns:1fr; }
	.yjkb-simple-block__tools .button { min-width:34px; padding:0 8px; }
	.yjkb-simple-rich-toolbar .button { flex:1 1 auto; }
}

/* 업로드 권한이 없는 일반 사용자에게는 워드프레스 미디어 선택 버튼만 감춥니다.
   외부 이미지 주소와 붙여넣기, 이모티콘, 글머리표, 번호목록은 그대로 사용할 수 있습니다. */
.yjkb-simple-builder.yjkb-no-media-upload [data-media],
.yjkb-simple-builder.yjkb-no-media-upload [data-inline-media] { display:none !important; }

/* v2.5.2: 기존 글 자동 불러오기 + 사용자 컴퓨터 이미지 업로드 */
.yjkb-simple-upload-guide {
	margin: 0 0 16px;
	padding: 11px 13px;
	border: 1px solid #d4e3e9;
	background: #f7fbfc;
	color: #486675;
	font-size: 13px;
	line-height: 1.55;
}
.yjkb-simple-upload-guide strong { color: var(--yjkb-accent, #087faf); }
.yjkb-hidden-file { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.yjkb-computer-upload {
	border-color: var(--yjkb-accent, #087faf) !important;
	background: #fff !important;
	color: var(--yjkb-accent, #087faf) !important;
	font-weight: 700 !important;
}
.yjkb-simple-media {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
}
.yjkb-simple-media input[type="url"] { flex: 1 1 260px; min-width: 180px; }
.yjkb-simple-media .button { flex: 0 0 auto; min-height: 42px; }
.yjkb-upload-status {
	min-height: 20px;
	margin-top: -5px;
	font-size: 12px;
	line-height: 1.5;
}
.yjkb-upload-status.is-working { color: #4b6775; }
.yjkb-upload-status.is-success { color: #18734b; }
.yjkb-upload-status.is-error { color: #b42318; }
.yjkb-simple-richtext.is-dragover {
	border-color: var(--yjkb-accent, #087faf);
	background: #f0f9fc;
	box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--yjkb-accent, #087faf) 18%, transparent);
}
.yjkb-autosave-note {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	color: #617985;
	font-size: 12px;
}
.yjkb-original-editor-wrap.yjkb-original-editor-hidden { display: none !important; }

@media (max-width:760px) {
	.yjkb-simple-media { display:grid; grid-template-columns:1fr; }
	.yjkb-simple-media input[type="url"] { min-width:0; }
	.yjkb-simple-media .button { width:100%; }
	.yjkb-autosave-note { width:100%; margin-left:0; }
}


/* v2.5.3: 작성 화면에서도 이미지 해상도에 따라 폭을 미리 보여줍니다. */
.yjkb-simple-richtext img.yjkb-editor-image--wide {
	display:block !important;
	box-sizing:border-box !important;
	width:100% !important;
	max-width:100% !important;
	height:auto !important;
	margin:12px 0 !important;
}
.yjkb-simple-richtext img.yjkb-editor-image--center {
	display:block !important;
	box-sizing:border-box !important;
	width:auto !important;
	max-width:100% !important;
	height:auto !important;
	margin:12px auto !important;
}
.yjkb-simple-richtext img.yjkb-editor-image--icon {
	display:inline-block !important;
	width:auto !important;
	max-width:min(96px,100%) !important;
	height:auto !important;
	margin:0 .28em !important;
	vertical-align:middle !important;
}