/**
 * 🌐 무료 편집기 「바로 공개하기」 창. (2026-08-22)
 * ⛔ 전부 `fep-` 접두 — 에디터 본체를 건드리지 않는다.
 */

.fe-cta-pub { background: #7c3aed; color: #fff; border-color: #7c3aed; }
.fe-cta-pub:hover { background: #6d28d9; }

.fep {
    position: fixed;
    inset: 0;
    z-index: 2390000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .7);
    font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;
}
.fep.is-on { display: flex; }

.fep-panel {
    width: min(560px, calc(100vw - 24px));
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    background: #16181d;
    border: 1px solid #343841;
    border-radius: 13px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .6);
    overflow: hidden;
}

.fep-head {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 16px;
    border-bottom: 1px solid #2a2f38;
    color: #e8eaed;
    font-size: 15px;
}
.fep-free {
    padding: 2px 8px;
    border-radius: 999px;
    background: #14532d;
    color: #86efac;
    font-size: 11.5px;
    font-weight: 800;
}
.fep-x {
    margin-inline-start: auto;
    width: 30px; height: 30px;
    border: 0; border-radius: 7px;
    background: #2a2f38; color: #cfd4dc;
    font-size: 19px; line-height: 1; cursor: pointer;
}
.fep-x:hover { background: #3a4049; }

.fep-body { padding: 15px 16px; overflow-y: auto; }

.fep-row { display: block; margin: 0 0 12px; }
.fep-row > span { display: block; margin-bottom: 5px; font-size: 12.5px; color: #9aa4b2; }
.fep-title {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #4a515c;
    border-radius: 8px;
    background: #10131a;
    color: #e8eaed;
    font-size: 14px;
}

.fep-note {
    margin: 0 0 12px;
    color: #8b93a1;
    font-size: 12.5px;
    line-height: 1.65;
    word-break: keep-all;
    overflow-wrap: normal;
}
.fep-note b { color: #cfd4dc; }

.fep-msg {
    margin: 0 0 12px;
    padding: 9px 12px;
    border-radius: 7px;
    background: #1e293b;
    color: #cbd5e1;
    font-size: 12.5px;
    line-height: 1.6;
    word-break: keep-all;
}
.fep-msg.is-warn  { background: #2e2312; color: #fbbf24; }
.fep-msg.is-error { background: #2e1616; color: #fca5a5; }

.fep-done {
    margin: 0 0 12px;
    padding: 12px 14px;
    border: 1px solid #2563eb;
    border-radius: 9px;
    background: #16213a;
}
.fep-done > span { display: block; margin-bottom: 5px; font-size: 11.5px; color: #93c5fd; }
.fep-url {
    display: block;
    color: #dbeafe;
    font-size: 14px;
    font-weight: 700;
    word-break: break-all;
    text-decoration: none;
}
.fep-url:hover { text-decoration: underline; }
.fep-acts { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.fep-acts button {
    min-height: 34px;
    padding: 7px 13px;
    border: 0; border-radius: 7px;
    background: #2a2f38; color: #cfd4dc;
    font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.fep-acts button:hover { background: #3a4049; }
.fep-del { color: #fca5a5 !important; }
.fep-del:hover { background: #3a1a1a !important; }

.fep-mine { margin-top: 4px; }
.fep-mine-t { margin: 0 0 6px; font-size: 11.5px; color: #8b93a1; }
.fep-mine-note { margin: 0; font-size: 12.5px; line-height: 1.65; color: #fbbf24; word-break: keep-all; }
.fep-mine-note a { color: #93c5fd; }
.fep-mine-row {
    display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
    padding: 6px 0; border-top: 1px solid #23272f;
}
.fep-mine-row a { color: #cfd4dc; font-size: 12.5px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fep-mine-row a:hover { color: #93c5fd; text-decoration: underline; }
.fep-mine-row span { color: #6b7280; font-size: 11px; white-space: nowrap; }

.fep-foot {
    display: flex; justify-content: flex-end; gap: 8px;
    padding: 12px 16px; border-top: 1px solid #2a2f38;
}
.fep-foot button {
    min-height: 40px; padding: 10px 20px;
    border: 0; border-radius: 8px;
    font-size: 13.5px; font-weight: 700; cursor: pointer;
}
.fep-cancel { background: #2a2f38; color: #cfd4dc; }
.fep-cancel:hover { background: #343b45; }
.fep-go { background: #7c3aed; color: #fff; }
.fep-go:hover:not(:disabled) { background: #6d28d9; }
.fep-go:disabled { background: #3a3f4a; color: #8b93a1; cursor: not-allowed; }