/* MELBSKY Rich Editor 스타일 — 원본: ModernBoard assets/app.css (편집기 부분, .editor-shell 네임스페이스) */
.editor-shell{border:1px solid #d8e0ea;border-radius:14px;overflow:visible;background:#fff;position:relative}
.editor-shell .toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:8px;background:#f8fafc;border-bottom:1px solid #e5eaf0;position:sticky;top:120px;z-index:20;border-radius:14px 14px 0 0}
.editor-shell .tool{border:1px solid #dbe3ed;background:#fff;border-radius:8px;min-width:34px;height:34px;padding:0 8px;display:grid;place-items:center;cursor:pointer;font-size:12px;font-weight:700}
.editor-shell .tool:hover{background:#eef5ff;border-color:#b8d0f6}.editor-shell .tool.wide{padding:0 10px}.editor-shell .sep{width:1px;height:24px;background:#dce3ec;margin:0 2px}
.editor-shell .editor{min-height:420px;padding:18px;outline:none;line-height:1.65;font-size:15px}
.editor-shell .editor:empty:before{content:attr(data-placeholder);color:#98a2b3}
.editor-shell .editor img{max-width:100%;height:auto;border-radius:12px;margin:8px 0}
.editor-shell .editor .mb-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.editor-shell .editor .mb-gallery img{width:100%;margin:0;aspect-ratio:4/3;object-fit:cover}
.editor-shell .editor blockquote{margin:14px 0;padding:10px 14px;border-left:4px solid #0b5bd3;background:#f4f8ff}
.editor-shell .editor pre{background:#101828;color:#e5e7eb;padding:13px;border-radius:10px;overflow:auto}
.editor-shell .source-area{display:none;width:100%;min-height:420px;border:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;outline:none;resize:vertical}
.editor-shell .drop-zone{margin:10px;padding:14px;border:1px dashed #b9c8da;border-radius:12px;text-align:center;color:#667085;font-size:12px;background:#fbfdff}
.editor-shell .drop-zone.drag{background:#eef5ff;border-color:#6099eb}
.editor-shell .upload-status{font-size:11px;color:#667085;padding:0 12px 6px}
.editor-shell .progress{height:5px;background:#edf1f5;border-radius:99px;overflow:hidden;margin:0 12px 10px}.editor-shell .progress i{display:block;height:100%;width:0;background:#0b5bd3;transition:width .3s}
.editor-shell .emoji-pop{display:none;position:absolute;top:52px;left:8px;width:min(360px,calc(100vw - 50px));background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px rgba(16,24,40,.18);padding:10px;z-index:60}
.editor-shell .emoji-pop.open{display:block}.editor-shell .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.editor-shell .emoji-grid button{border:0;background:#f8fafc;border-radius:8px;height:34px;font-size:20px;cursor:pointer}.editor-shell .emoji-grid button:hover{background:#eef4ff}
@media(max-width:760px){.editor-shell .toolbar{top:62px;gap:4px;padding:6px}.editor-shell .tool{min-width:32px;height:32px}.editor-shell .editor{min-height:360px;padding:13px}.editor-shell .emoji-grid{grid-template-columns:repeat(7,1fr)}}