.article-edit-button{font-size:12px;padding:10px 0;background:transparent;color:inherit;white-space:nowrap}
.article-editor-open{overflow:hidden}
.article-editor{width:min(1180px,94vw);max-width:none;height:min(880px,94dvh);max-height:none;margin:auto;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #25252330;font-family:var(--ui)}
.article-editor::backdrop{background:#25252380}
.editor-shell{height:100%;display:flex;flex-direction:column;min-height:0}
.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid var(--rule)}
.editor-toolbar h2{font-size:24px;font-weight:600;letter-spacing:-.025em}.editor-toolbar h2:focus{outline:none}
.editor-close{min-height:44px;padding:8px 12px;background:transparent}
.editor-selectors{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 28px}
.editor-selectors label{display:grid;gap:6px;font-size:12px;font-weight:500}
.article-editor input,.article-editor select,.article-editor textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #aaa99e;border-radius:4px;max-width:100%;min-width:0}
.article-editor input,.article-editor select{padding:10px 12px;min-height:44px;width:100%}
.article-editor textarea{width:100%;flex:1;min-height:220px;padding:14px;font-size:15px;line-height:1.9;resize:vertical}
.article-editor input:focus,.article-editor select:focus,.article-editor textarea:focus{outline:2px solid var(--ink);outline-offset:2px}
.article-editor :disabled{opacity:.6;cursor:default}
.editor-workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 28px 24px;flex:1;overflow:auto;min-height:0}
.editor-fields{display:flex;flex-direction:column;gap:8px;min-width:0}.editor-fields>label,.editor-body-label label{font-size:13px;font-weight:500}
.editor-body-label{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.editor-body-label span,#editor-help{font-size:12px;color:#65655d}
.editor-preview{min-width:0;overflow:auto;border-left:1px solid var(--rule);padding-left:28px}.editor-preview>h3{font-size:13px;font-weight:500;margin-bottom:16px}
.editor-preview-content{background:#fff;padding:24px;overflow-wrap:anywhere}.editor-preview h4{font-size:28px;font-weight:500;line-height:1.45;margin:0 0 24px;letter-spacing:-.025em}.editor-preview p{font-size:15px;line-height:2;white-space:pre-line;margin:18px 0}
.editor-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--rule);padding:16px 28px}.editor-status{flex:1;font-size:13px;line-height:1.7}.editor-status.is-error{color:#9d242c}.editor-save{background:var(--ink);color:#fff;border-radius:4px;min-height:44px;padding:10px 20px;white-space:nowrap}.editor-reload{min-height:44px;background:transparent;text-decoration:underline;font-size:12px}
@media(max-width:700px){.article-editor{width:100vw;height:100dvh}.editor-toolbar{padding:12px 20px}.editor-selectors{padding:16px 20px;grid-template-columns:100px 1fr;gap:12px}.editor-workspace{display:flex;flex-direction:column;padding:0 20px 20px;gap:24px}.editor-fields{flex:none}.editor-fields textarea{min-height:320px}.editor-preview{overflow:visible;border-left:0;border-top:1px solid var(--rule);padding:20px 0 0}.editor-footer{padding:12px 20px;flex-wrap:wrap}.editor-status{flex-basis:100%}.editor-save{margin-left:auto}.article-editor input,.article-editor select,.article-editor textarea{font-size:16px}}
.editor-title-tools,.editor-format-tools{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.editor-title-tools>label,.editor-format-tools>label{display:grid;gap:4px;font-size:11px;color:#55564f;flex:1;min-width:95px}
.article-editor .editor-title-tools select,.article-editor .editor-format-tools select{font-size:13px;padding:8px;min-height:40px}
.editor-title-tools>button,.editor-mark-tools button{background:#fff;border:1px solid #aaa99e;border-radius:4px;padding:8px 10px;min-height:40px;font-size:12px;white-space:nowrap}
.editor-title-tools>button[aria-pressed=true],.editor-mark-tools button[aria-pressed=true]{background:#252523;color:#fff;border-color:#252523}
.editor-mark-tools{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.editor-format-tools{padding-bottom:4px}
.editor-rich-body{background:#fff;border:1px solid #aaa99e;border-radius:4px;width:100%;flex:1;min-height:260px;overflow:auto;padding:14px;font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-wrap;caret-color:#252523}
.editor-rich-body p{margin:0 0 18px;line-height:1.9;min-height:1.9em}.editor-rich-body p:last-child{margin-bottom:0}
.editor-rich-body:focus{outline:2px solid #252523;outline-offset:2px}.editor-rich-body[contenteditable=false]{opacity:.6}
.editor-rich-body ::selection{background:#dce2ff;color:#252523}
.editor-preview-content>div p{font-size:16px;line-height:1.9}
@media(max-width:700px){.editor-rich-body{min-height:340px;max-height:560px}.article-editor .editor-title-tools select,.article-editor .editor-format-tools select{font-size:16px;min-height:44px}.editor-mark-tools button,.editor-title-tools>button{min-height:44px}}