/*
 * PATCH 2026-05-20 / V3 ADMIN CORE MVP
 * 목적: v3.landingpager.kr 관리자 기본 UI 스타일
 * 보호 범위: 기존 admin v1/v2/v4 CSS와 분리
 */
:root{--lp3-bg:#f6f3ef;--lp3-card:#fff;--lp3-text:#2f2a26;--lp3-muted:#82766a;--lp3-line:#e8ded2;--lp3-point:#8f4d5a;--lp3-point-dark:#6f3945;--lp3-soft:#fbf7f2;--lp3-danger:#b42318;--lp3-success:#067647;--lp3-warning:#9a6700;--lp3-shadow:0 16px 40px rgba(56,42,32,.08);}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",Arial,sans-serif;color:var(--lp3-text);background:var(--lp3-bg)}a{color:var(--lp3-point);text-decoration:none}small{color:var(--lp3-muted)}
.lp3-login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top left,#fff 0,#f7ede6 36%,#efe4d9 100%)}.lp3-login-shell{width:min(420px,92vw)}.lp3-login-card{background:#fff;border:1px solid var(--lp3-line);border-radius:24px;box-shadow:var(--lp3-shadow);padding:32px}.lp3-login-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.lp3-login-brand strong{font-size:22px}.lp3-login-brand p{margin:4px 0 0;color:var(--lp3-muted)}.lp3-logo-dot{display:inline-block;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#8f4d5a,#c9aa73)}
.lp3-admin-body{display:flex;min-height:100vh}.lp3-sidebar{width:248px;background:#2f2a26;color:#fff;position:fixed;inset:0 auto 0 0;padding:24px 18px}.lp3-sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-weight:800;margin-bottom:28px}.lp3-sidebar-nav{display:flex;flex-direction:column;gap:6px}.lp3-sidebar-nav a{color:#e9ded4;border-radius:14px;padding:12px 14px;font-weight:700}.lp3-sidebar-nav a:hover,.lp3-sidebar-nav a.is-active{background:rgba(255,255,255,.12);color:#fff}.lp3-main{margin-left:248px;width:calc(100% - 248px);min-height:100vh}.lp3-topbar{height:86px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp3-line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.lp3-topbar h1{margin:0;font-size:24px}.lp3-topbar p{margin:4px 0 0;color:var(--lp3-muted);font-size:13px}.lp3-userbox{display:flex;gap:12px;align-items:center}.lp3-content{padding:28px 32px 60px}.lp3-card{background:var(--lp3-card);border:1px solid var(--lp3-line);border-radius:22px;box-shadow:var(--lp3-shadow);padding:22px;margin-bottom:20px}.lp3-card-narrow{max-width:860px}.lp3-card-wide{max-width:1180px}.lp3-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.lp3-card-head h2,.lp3-detail-head h2{margin:0;font-size:20px}.lp3-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.lp3-detail-head p{margin:6px 0 0;color:var(--lp3-muted)}.lp3-section-title{font-size:16px;margin:24px 0 12px;border-top:1px solid var(--lp3-line);padding-top:18px}.lp3-grid{display:grid;gap:14px}.lp3-grid-5{grid-template-columns:repeat(5,1fr)}.lp3-grid-4{grid-template-columns:repeat(4,1fr)}.lp3-stat{background:var(--lp3-soft);border:1px solid var(--lp3-line);border-radius:18px;padding:18px}.lp3-stat span{display:block;color:var(--lp3-muted);font-size:13px;margin-bottom:8px}.lp3-stat strong{font-size:28px}.lp3-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.lp3-table-wrap{overflow:auto}.lp3-table{width:100%;border-collapse:collapse}.lp3-table th,.lp3-table td{border-bottom:1px solid var(--lp3-line);padding:12px 10px;text-align:left;vertical-align:top}.lp3-table th{font-size:13px;color:var(--lp3-muted);background:#fbf8f4}.lp3-table input,.lp3-table textarea,.lp3-table select{width:100%;border:1px solid var(--lp3-line);border-radius:10px;padding:8px}.lp3-empty{text-align:center;color:var(--lp3-muted);padding:24px}.lp3-badge{display:inline-flex;align-items:center;border-radius:999px;background:#f1e8df;color:#5f5046;padding:5px 10px;font-size:12px;font-weight:700}.lp3-row-actions{display:flex;gap:10px;flex-wrap:wrap}.lp3-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lp3-line);background:#fff;color:var(--lp3-text);border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;white-space:nowrap}.lp3-btn:hover{border-color:#cdb9a6}.lp3-btn-primary{background:var(--lp3-point);border-color:var(--lp3-point);color:#fff}.lp3-btn-primary:hover{background:var(--lp3-point-dark);color:#fff}.lp3-btn-small{padding:7px 10px;font-size:12px}.lp3-btn-full{width:100%;padding:14px 16px}.lp3-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lp3-form{display:flex;flex-direction:column;gap:14px}.lp3-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lp3-field{display:flex;flex-direction:column;gap:7px}.lp3-field span{font-weight:800;font-size:13px}.lp3-field input,.lp3-field select,.lp3-field textarea,.lp3-search input,.lp3-inline-form input,.lp3-inline-form select{border:1px solid var(--lp3-line);border-radius:14px;padding:12px 13px;background:#fff;font-size:14px}.lp3-field textarea{resize:vertical}.lp3-search{display:flex;gap:8px;margin-bottom:16px}.lp3-search input{flex:1}.lp3-inline-form{display:grid;grid-template-columns:1.2fr 1fr 140px 1.5fr auto;gap:8px;align-items:center;margin-bottom:18px}.lp3-alert{border-radius:14px;padding:12px 14px;margin-bottom:14px;border:1px solid var(--lp3-line);background:#fff}.lp3-alert-danger{border-color:#f4b8b1;background:#fff1f0;color:var(--lp3-danger)}.lp3-alert-success{border-color:#a9dbc7;background:#ecfdf3;color:var(--lp3-success)}.lp3-alert-warning{border-color:#f7d68b;background:#fffaeb;color:var(--lp3-warning)}.lp3-help{color:var(--lp3-muted);font-size:13px}.lp3-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.lp3-info-list div{border:1px solid var(--lp3-line);border-radius:14px;padding:12px;background:#fff}.lp3-info-list span{display:block;color:var(--lp3-muted);font-size:12px;margin-bottom:5px}.lp3-info-list strong{word-break:break-all}.lp3-tabs{display:flex;gap:8px;flex-wrap:wrap}.lp3-tabs a{border:1px solid var(--lp3-line);border-radius:999px;padding:10px 14px;background:#fff;color:var(--lp3-text);font-weight:800}.lp3-preview-frame{width:100%;height:72vh;border:1px solid var(--lp3-line);border-radius:18px;background:#fff}.lp3-device-shell{margin:0 auto}.lp3-device-shell.is-mobile{max-width:430px}.lp3-device-shell.is-mobile .lp3-preview-frame{height:760px;border-radius:28px}.lp3-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.lp3-log-list li{border-bottom:1px solid var(--lp3-line);padding-bottom:10px}.lp3-log-list strong{display:block}.lp3-log-list span{color:var(--lp3-muted);font-size:12px}code{background:#f6efe8;border:1px solid var(--lp3-line);padding:3px 6px;border-radius:8px}
@media(max-width:980px){.lp3-sidebar{position:static;width:100%;height:auto}.lp3-admin-body{display:block}.lp3-main{margin-left:0;width:100%}.lp3-sidebar-nav{flex-direction:row;overflow:auto}.lp3-topbar{height:auto;padding:18px;position:static}.lp3-content{padding:18px}.lp3-grid-5,.lp3-grid-4,.lp3-two-col,.lp3-form-grid,.lp3-info-list{grid-template-columns:1fr}.lp3-inline-form{grid-template-columns:1fr}.lp3-card-head,.lp3-detail-head{flex-direction:column;align-items:flex-start}}

/*
 * PATCH 2026-05-20 / V3 ADMIN PATCH P1
 * 목적: 시스템 점검 상태 배지와 설정 허브 보강
 * 보호 범위: 기존 관리자 레이아웃/색상 토큰 유지
 */
.lp3-badge.is-ok{background:#ecfdf3;color:var(--lp3-success);border:1px solid #a9dbc7}.lp3-badge.is-bad{background:#fff1f0;color:var(--lp3-danger);border:1px solid #f4b8b1}.lp3-stat p{min-height:38px}.lp3-userbox a{font-weight:800;font-size:13px}

/*
 * PATCH 2026-05-20 / V3 ADMIN PATCH P2
 * 목적: 사이트 상세/미리보기/작업팩/로그 상세 UI 보강
 * 보호 범위: 기존 색상 토큰과 관리자 레이아웃 유지
 */
.lp3-card-warning{border-color:#f7d68b;background:#fffaf1}.lp3-info-list-3{grid-template-columns:repeat(3,1fr)}.lp3-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lp3-quick-card{display:flex;flex-direction:column;gap:7px;min-height:128px;border:1px solid var(--lp3-line);border-radius:18px;background:var(--lp3-soft);padding:18px;color:var(--lp3-text);transition:.18s ease}.lp3-quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(56,42,32,.08);border-color:#d8c6b4}.lp3-quick-card span{font-size:12px;color:var(--lp3-muted);font-weight:800}.lp3-quick-card strong{font-size:20px}.lp3-quick-card small{color:var(--lp3-muted);line-height:1.45}.lp3-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lp3-segmented{display:inline-flex;border:1px solid var(--lp3-line);border-radius:999px;overflow:hidden;background:#fff}.lp3-segmented a{padding:10px 16px;color:var(--lp3-text);font-weight:800;border-right:1px solid var(--lp3-line)}.lp3-segmented a:last-child{border-right:0}.lp3-segmented a.is-active{background:var(--lp3-point);color:#fff}.lp3-device-label{display:inline-flex;margin:0 0 10px 4px;padding:6px 10px;border-radius:999px;background:#f1e8df;color:#5f5046;font-size:12px;font-weight:800}.lp3-device-shell.is-pc{width:100%}.lp3-device-shell.is-mobile{padding:16px 12px;background:#eee8e0;border:1px solid var(--lp3-line);border-radius:34px}.lp3-device-shell.is-mobile .lp3-preview-frame{height:780px;background:#fff}.lp3-btn[disabled]{opacity:.45;cursor:not-allowed}.lp3-pre{white-space:pre-wrap;word-break:break-word;background:#2f2a26;color:#fff;border-radius:16px;padding:16px;max-height:420px;overflow:auto;font-size:13px;line-height:1.55}.lp3-site-summary-card .lp3-stat strong{font-size:24px}.lp3-preview-card{overflow:hidden}.lp3-preview-toolbar-card{position:relative;z-index:1}
@media(max-width:1180px){.lp3-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp3-info-list-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.lp3-quick-grid,.lp3-info-list-3{grid-template-columns:1fr}.lp3-preview-toolbar{align-items:flex-start}.lp3-segmented{width:100%}.lp3-segmented a{flex:1;text-align:center}.lp3-device-shell.is-mobile{padding:10px 6px}.lp3-device-shell.is-mobile .lp3-preview-frame{height:680px}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P3
   목적: FTP/root_path 없이 원본 ZIP 기반 작업팩을 생성하는 UI 보강
   보호 범위: 기존 P1/P2 관리자 레이아웃/테이블/미리보기 스타일 유지
   ========================================================= */
.lp3-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp3-workpack-source-grid{margin:10px 0 18px}
.lp3-source-card{border:1px solid var(--lp3-line);background:#fffaf5;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:178px}
.lp3-source-card h3{margin:0;font-size:17px}
.lp3-source-card p{margin:0;line-height:1.6}
.lp3-source-card.is-recommended{background:#fff;border-color:#c8a06a;box-shadow:0 12px 28px rgba(150,95,58,.12)}
.lp3-form-mini{display:flex;flex-direction:column;gap:10px}
.lp3-form-mini input[type=file]{border:1px solid var(--lp3-line);border-radius:12px;padding:10px;background:#fff}
@media(max-width:980px){.lp3-grid-3{grid-template-columns:1fr}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P4
   목적: 작업팩 임시 미리보기 → 최종 반영용 ZIP 생성 → 수동 배포 흐름 UI 보강
   보호 범위: 기존 P1/P2/P3 관리자 레이아웃/색상 토큰 유지
   ========================================================= */
.lp3-workpack-flow{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.lp3-workpack-flow span{display:inline-flex;align-items:center;border:1px solid var(--lp3-line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:var(--lp3-muted)}
.lp3-workpack-flow span.is-active{background:var(--lp3-point);border-color:var(--lp3-point);color:#fff}
.lp3-workpack-flow span.is-done{background:#ecfdf3;border-color:#a9dbc7;color:var(--lp3-success)}
.lp3-inline-button-form{display:inline-flex;margin:0}
.lp3-publish-ready{line-height:1.6}
.lp3-row-actions form{display:inline-flex;margin:0}
@media(max-width:720px){.lp3-workpack-flow{flex-direction:column}.lp3-workpack-flow span{justify-content:center}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P5
   목적: 수동 배포형 MVP 운영 허브, 작업팩 상태, 배포 체크리스트, 로그 필터 UI 보강
   보호 범위: 기존 P1~P4 색상 토큰/레이아웃 유지
   ========================================================= */
.lp3-badge.is-warn{background:#fffaeb;color:var(--lp3-warning);border:1px solid #f7d68b}
.lp3-operation-card{border-color:#dcc8b4}
.lp3-operation-grid{margin-top:6px}
.lp3-operation-box{border:1px solid var(--lp3-line);background:#fffaf5;border-radius:18px;padding:18px;min-height:176px;display:flex;flex-direction:column;gap:8px}
.lp3-operation-box>span{font-size:12px;color:var(--lp3-muted);font-weight:900}
.lp3-operation-box strong{font-size:20px;word-break:break-all}
.lp3-operation-box p{margin:0;color:var(--lp3-muted);line-height:1.55;font-size:13px}
.lp3-actions-tight{gap:6px;margin-top:auto}
.lp3-deploy-checklist{margin-top:18px;border:1px solid #f7d68b;background:#fffaf1;border-radius:18px;padding:18px}
.lp3-deploy-checklist h3{margin:0 0 10px;font-size:16px}
.lp3-deploy-checklist ol{margin:0;padding-left:20px;color:#6f5944;line-height:1.75;font-size:13px}
.lp3-mini-stats{margin-bottom:18px}
.lp3-mini-stats .lp3-stat strong{font-size:24px}
.lp3-flow-guide{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.lp3-flow-guide span{display:inline-flex;align-items:center;border:1px solid var(--lp3-line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;color:var(--lp3-muted)}
.lp3-flow-guide span.is-done{background:#ecfdf3;border-color:#a9dbc7;color:var(--lp3-success)}
.lp3-flow-guide span.is-active{background:var(--lp3-point);border-color:var(--lp3-point);color:#fff}
.lp3-log-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.lp3-log-filter a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--lp3-line);background:#fff;color:var(--lp3-text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}
.lp3-log-filter a.is-active{background:var(--lp3-point);border-color:var(--lp3-point);color:#fff}
.lp3-log-filter span{background:rgba(0,0,0,.08);border-radius:999px;padding:2px 6px;font-size:11px}
@media(max-width:980px){.lp3-operation-grid{grid-template-columns:1fr}.lp3-flow-guide{flex-direction:column}.lp3-flow-guide span{justify-content:center}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P6
   목적: 이미지·영상·링크 교체 기능 실사용화 및 P6 진행 매뉴얼 UI
   보호 범위: 기존 P1~P5 색상 토큰/레이아웃 유지, 라이브 자동 반영 없음
   ========================================================= */
.lp3-edit-manual-card{border-color:#dcc8b4}
.lp3-guide-grid{margin-top:8px}
.lp3-guide-box{border:1px solid var(--lp3-line);background:#fffaf5;border-radius:18px;padding:18px;min-height:150px;display:flex;flex-direction:column;gap:8px}
.lp3-guide-box>span{display:inline-flex;width:max-content;border-radius:999px;background:#f1e8df;color:#6f5944;padding:5px 10px;font-size:12px;font-weight:900}
.lp3-guide-box strong{font-size:18px}.lp3-guide-box p{margin:0;color:var(--lp3-muted);line-height:1.55;font-size:13px}
.lp3-inline-form-p6{grid-template-columns:1.1fr 1fr 120px 1.2fr 1.2fr auto}
.lp3-edit-table th{white-space:nowrap}.lp3-edit-item-row{background:#fff}.lp3-edit-item-form{display:block}
.lp3-edit-item-grid{display:grid;grid-template-columns:1.1fr 110px 1.4fr 1.4fr 1fr 1.4fr .9fr auto;gap:10px;align-items:start}
.lp3-edit-item-grid label{display:block;font-size:12px;font-weight:900;color:var(--lp3-muted);margin-bottom:6px}
.lp3-edit-item-grid input,.lp3-edit-item-grid textarea,.lp3-edit-item-grid select{width:100%;border:1px solid var(--lp3-line);border-radius:12px;padding:9px 10px;background:#fff;font-size:13px;margin-bottom:6px}
.lp3-edit-actions{display:flex;align-items:flex-start}.lp3-upload-mini{display:flex;gap:8px;align-items:center;margin:10px 0 4px;padding:10px;border:1px dashed #d9c6b5;background:#fffaf5;border-radius:14px;width:max-content;max-width:100%}
.lp3-upload-mini input[type=file]{border:1px solid var(--lp3-line);border-radius:10px;padding:7px;background:#fff;max-width:280px}
.lp3-edit-preview{margin-top:8px;border:1px solid var(--lp3-line);border-radius:12px;overflow:hidden;background:#fff;width:120px;height:78px;display:flex;align-items:center;justify-content:center}
.lp3-edit-preview img{max-width:100%;max-height:100%;display:block}.lp3-manual-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.lp3-manual-flow div{border:1px solid var(--lp3-line);background:#fffaf5;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.lp3-manual-flow span{display:inline-flex;width:30px;height:30px;border-radius:999px;align-items:center;justify-content:center;background:var(--lp3-point);color:#fff;font-weight:900}.lp3-manual-flow strong{font-size:15px}.lp3-manual-flow small{line-height:1.45;color:var(--lp3-muted)}.lp3-big-list{line-height:1.85;color:#6f5944}.lp3-big-list code{font-size:12px}
@media(max-width:1280px){.lp3-edit-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lp3-edit-actions{align-items:center}.lp3-manual-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.lp3-inline-form-p6,.lp3-edit-item-grid,.lp3-manual-flow{grid-template-columns:1fr}.lp3-upload-mini{width:100%;flex-direction:column;align-items:stretch}.lp3-upload-mini input[type=file]{max-width:100%}}


/* PATCH 2026-05-20 / V3 ADMIN PATCH P7 / 교체 계획 표시 */
.lp3-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.lp3-mini-list span{display:inline-flex;align-items:center;border:1px solid #d8c9ba;background:#fffaf4;border-radius:999px;padding:5px 9px;font-size:12px;color:#5f4b3a}
.lp3-replacement-note{border:1px dashed #d8c9ba;background:#fffaf7;border-radius:14px;padding:14px;margin-top:12px}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P8
   목적: 운영 화면 full-width 확장 및 텍스트 링크를 버튼형 액션으로 정리
   수정 범위: 관리자 UI 폭, 교체 항목 테이블, 액션 버튼, 모바일 접힘
   보호 범위: DB/작업팩/백업/로그 저장 로직 변경 없음
   ========================================================= */
.lp3-card-full{max-width:none;width:100%}
.lp3-table-wrap-full{width:100%;overflow-x:auto}
.lp3-row-actions{align-items:center}
.lp3-row-actions a:not(.lp3-btn){display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lp3-line);background:#fff;color:var(--lp3-text);border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}
.lp3-row-actions a:not(.lp3-btn):hover{border-color:#cdb9a6;color:var(--lp3-point)}
.lp3-actions a:not(.lp3-btn),.lp3-actions button:not(.lp3-btn){border-radius:12px}
.lp3-edit-table-wide{min-width:1480px}
.lp3-edit-table-wide th,.lp3-edit-table-wide td{padding:14px 10px}
.lp3-edit-item-grid{grid-template-columns:minmax(150px,1fr) 120px minmax(170px,1.2fr) minmax(210px,1.4fr) minmax(150px,.9fr) minmax(240px,1.5fr) minmax(130px,.8fr) 92px}
.lp3-edit-item-grid textarea{min-height:86px}
.lp3-edit-actions .lp3-btn{width:100%;min-height:44px}
.lp3-upload-mini .lp3-btn{min-height:38px}
.lp3-table .lp3-btn{vertical-align:middle}
.lp3-log-filter a{box-shadow:0 4px 12px rgba(56,42,32,.03)}
.lp3-log-filter a:hover{border-color:#cdb9a6;transform:translateY(-1px)}
.lp3-workpack-source-grid,.lp3-operation-grid,.lp3-guide-grid{width:100%}
@media(max-width:1500px){.lp3-edit-table-wide{min-width:1320px}.lp3-edit-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lp3-edit-actions .lp3-btn{width:auto}}
@media(max-width:980px){.lp3-card-full{border-radius:18px}.lp3-table-wrap-full{overflow-x:visible}.lp3-edit-table-wide{min-width:0}.lp3-edit-table-wide thead{display:none}.lp3-edit-table-wide,.lp3-edit-table-wide tbody,.lp3-edit-table-wide tr,.lp3-edit-table-wide td{display:block;width:100%}.lp3-edit-table-wide tr{border:1px solid var(--lp3-line);border-radius:18px;margin-bottom:14px;overflow:hidden;background:#fff}.lp3-edit-item-grid{grid-template-columns:1fr}.lp3-row-actions .lp3-btn,.lp3-row-actions a:not(.lp3-btn){width:100%}.lp3-row-actions{display:grid;grid-template-columns:1fr 1fr}.lp3-content{padding-left:18px;padding-right:18px}}
@media(max-width:640px){.lp3-row-actions{grid-template-columns:1fr}.lp3-actions .lp3-btn{width:100%}.lp3-card-head .lp3-actions{width:100%}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P9
   목적: 교체값 자동 반영 전 검증 화면 UI
   보호 범위: 기존 P8 full-width/버튼형 UI 유지
   ========================================================= */
.lp3-scan-hero .lp3-mini-stats{margin-top:18px}
.lp3-grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lp3-scan-results{display:grid;gap:16px}
.lp3-scan-item{border:1px solid #eadac8;border-radius:18px;background:#fffaf5;padding:18px}
.lp3-scan-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.lp3-scan-item-head h3{margin:0;font-size:20px}
.lp3-scan-item-head h3 small{font-size:12px;color:#8b7a6d;background:#f0e8df;border-radius:10px;padding:3px 8px;margin-left:6px}
.lp3-scan-item-head p{margin:6px 0 0;color:#7d6f65;font-size:14px}
.lp3-scan-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.lp3-scan-values>div{background:#fff;border:1px solid #eadac8;border-radius:14px;padding:12px;min-width:0}
.lp3-scan-values strong{display:block;margin-bottom:6px;font-size:13px;color:#7d6f65}
.lp3-scan-values code{display:block;white-space:normal;word-break:break-all;font-size:12px;color:#342b26}
.lp3-scan-hit-box{margin-top:12px;background:#fff;border:1px solid #eadac8;border-radius:14px;padding:14px}
.lp3-scan-hit-box h4{margin:0 0 10px;font-size:15px}
.lp3-scan-hit{padding:10px 0;border-top:1px solid #f0e3d5}
.lp3-scan-hit:first-of-type{border-top:0;padding-top:0}
.lp3-scan-hit code{display:block;margin-top:4px;white-space:normal;word-break:break-all;color:#665348;font-size:12px}
.lp3-scan-candidates{margin-top:12px;background:#fff;border:1px solid #eadac8;border-radius:14px;padding:12px}
.lp3-scan-candidates code{display:inline-block;margin:4px 4px 0 0;padding:4px 7px;background:#f5ede4;border-radius:8px;font-size:12px}
@media (max-width: 900px){.lp3-grid-5{grid-template-columns:1fr 1fr}.lp3-scan-item-head,.lp3-scan-values{display:block}.lp3-scan-values>div{margin-top:10px}}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P10
   목적: 선택 치환 + Diff 확인 화면 UI
   보호 범위: 기존 P8 full-width/버튼형 UI 유지
   ========================================================= */
.lp3-p10-hero .lp3-mini-stats{margin-top:18px}
.lp3-p10-form{display:flex;flex-direction:column;gap:16px}
.lp3-p10-select-actions,.lp3-p10-bottom-actions{position:sticky;top:96px;z-index:4;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--lp3-line);border-radius:16px;padding:12px}
.lp3-p10-list{display:grid;gap:18px}
.lp3-p10-item{border:1px solid #eadac8;border-radius:20px;background:#fffaf5;padding:18px}
.lp3-p10-item-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.lp3-p10-check-label{display:flex;align-items:center;gap:10px;font-size:17px}
.lp3-p10-check-label input{width:20px;height:20px;accent-color:var(--lp3-point)}
.lp3-p10-check-label code{font-size:12px;color:#7d6f65}
.lp3-p10-diffs{display:grid;gap:12px;margin-top:12px}
.lp3-p10-diff-card{border:1px solid #eadac8;border-radius:16px;background:#fff;overflow:hidden}
.lp3-p10-diff-card summary{cursor:pointer;padding:12px 14px;background:#fbf4ec;border-bottom:1px solid #eadac8;font-weight:800}
.lp3-diff-view{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;overflow:auto;background:#2f2a26;color:#f8efe7;padding:12px}
.lp3-diff-line{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;border-radius:6px;padding:2px 6px;min-width:720px}
.lp3-diff-line span{font-weight:900;text-align:center;color:#bdaea0}
.lp3-diff-line code{display:block;background:transparent;border:0;color:inherit;padding:0;white-space:pre-wrap;word-break:break-word}
.lp3-diff-line.is-remove{background:rgba(180,35,24,.25);color:#ffe7e3}
.lp3-diff-line.is-add{background:rgba(6,118,71,.25);color:#e7fff1}
@media(max-width:900px){.lp3-p10-select-actions,.lp3-p10-bottom-actions{position:relative;top:auto}.lp3-p10-item-head{display:block}.lp3-p10-item-head .lp3-badge{margin-top:10px}.lp3-diff-line{min-width:560px}}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P11
   목적: 교체 항목 현재값 안내, WebP 업로드 안내 가독성 보강
   보호 범위: 기존 관리자 전체 레이아웃/버튼 규칙 유지
   ========================================================= */
.lp3-alert-info{border-color:#a9d3e8;background:#f0f9ff;color:#24566f}
.lp3-field-note{margin-top:6px;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:800;line-height:1.45}
.lp3-field-note.is-warn{background:#fffaeb;border:1px solid #f7d68b;color:#9a6200}
.lp3-field-note.is-ok{background:#ecfdf3;border:1px solid #a9dbc7;color:#057a45}
.lp3-edit-preview img{image-rendering:auto}
.lp3-upload-mini:after{content:'이미지는 WebP 최적화 저장';display:inline-flex;align-items:center;border-radius:999px;background:#ecfdf3;border:1px solid #a9dbc7;color:#057a45;padding:6px 9px;font-size:11px;font-weight:900}
@media(max-width:720px){.lp3-upload-mini:after{justify-content:center}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P12
   목적: 현재값 후보 자동 탐색 화면 UI
   보호 범위: 기존 P1~P11 레이아웃/버튼 규칙 유지
   ========================================================= */
.lp3-p12-hero .lp3-alert code { font-weight: 700; }
.lp3-filter-buttons { flex-wrap: wrap; }
.lp3-candidate-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lp3-candidate-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 16px; padding: 16px; border: 1px solid var(--lp3-border, #eaded3); border-radius: 18px; background: #fffaf5; }
.lp3-candidate-preview { min-height: 112px; border-radius: 14px; background: #f5eee6; border: 1px solid #eaded3; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.lp3-candidate-preview img { width: 100%; height: 112px; object-fit: cover; display: block; }
.lp3-candidate-icon { width: 100%; height: 112px; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #9d5262; }
.lp3-candidate-body { min-width: 0; }
.lp3-candidate-head { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 8px; }
.lp3-candidate-head strong { font-size: 13px; word-break: break-all; }
.lp3-candidate-head span:not(.lp3-badge) { color: #8a7b6f; font-size: 12px; }
.lp3-candidate-value { display: block; padding: 10px 12px; background: #fff; border: 1px solid #eaded3; border-radius: 12px; word-break: break-all; white-space: normal; margin: 8px 0; }
.lp3-candidate-apply { display: grid; grid-template-columns: minmax(180px, 1fr) auto; gap: 10px; align-items: center; margin-top: 12px; }
.lp3-candidate-apply select { width: 100%; }
@media (max-width: 1100px) {
  .lp3-candidate-list { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .lp3-candidate-card { grid-template-columns: 1fr; }
  .lp3-candidate-preview img, .lp3-candidate-icon { height: 170px; }
  .lp3-candidate-apply { grid-template-columns: 1fr; }
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P13
   목적: 영상/링크 현재값 후보 적용 안내와 항목명 URL 오입력 경고 표시 보강
   보호 범위: UI 표시만 보강, 라이브 사이트 자동 반영 없음
   ========================================================= */
.lp3-btn small{display:block;font-size:11px;line-height:1.2;font-weight:600;opacity:.8;margin-top:2px;}
.lp3-field-note.is-warn{color:#9b4b5f;font-weight:700;}
.lp3-field-note.is-ok{color:#087a50;font-weight:700;}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P14
   목적: 이미지·영상·링크 교체 화면을 운영자용 단순 화면으로 정리
   보호 범위: 기존 P6~P13 기능 유지, UI 노출 구조만 단순화
   ========================================================= */
.lp3-edit-simple-hero .lp3-card-head { align-items:flex-start; }
.lp3-simple-flow {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.lp3-simple-flow div {
  border:1px solid var(--lp3-border, #ead9ca);
  background:#fffaf4;
  border-radius:16px;
  padding:14px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:64px;
}
.lp3-simple-flow b {
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#9b5363;
  color:#fff;
  font-size:14px;
  flex:0 0 auto;
}
.lp3-simple-flow span { font-weight:800; color:#352923; }
.lp3-advanced-box {
  border:1px dashed #ddc9b8;
  border-radius:16px;
  background:#fffdf9;
  margin-top:14px;
  overflow:hidden;
}
.lp3-advanced-box > summary {
  cursor:pointer;
  list-style:none;
  padding:14px 16px;
  font-weight:900;
  color:#7f4050;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.lp3-advanced-box > summary::-webkit-details-marker { display:none; }
.lp3-advanced-box > summary::after {
  content:'열기';
  font-size:12px;
  font-weight:800;
  color:#8f765f;
  background:#f4eadf;
  border-radius:999px;
  padding:5px 10px;
}
.lp3-advanced-box[open] > summary::after { content:'접기'; }
.lp3-advanced-inner { padding:0 16px 16px; }
.lp3-actions-wrap { flex-wrap:wrap; justify-content:flex-start; }
.lp3-alert-compact { margin:12px 0; padding:10px 12px; }
.lp3-add-request-box { margin-top:4px; }
.lp3-add-request-box .lp3-form { padding:0 16px 16px; }
.lp3-edit-simple-list { display:grid; grid-template-columns:1fr; gap:18px; }
.lp3-edit-simple-card {
  border:1px solid var(--lp3-border, #ead9ca);
  background:#fff;
  border-radius:20px;
  padding:18px;
  box-shadow:0 16px 40px rgba(63,45,35,.04);
}
.lp3-edit-simple-card label {
  display:block;
  font-size:13px;
  font-weight:900;
  color:#6f5b4a;
  margin-bottom:8px;
}
.lp3-edit-simple-card input,
.lp3-edit-simple-card select,
.lp3-edit-simple-card textarea {
  width:100%;
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:12px;
  padding:12px 13px;
  background:#fffdf9;
  font:inherit;
  box-sizing:border-box;
}
.lp3-edit-simple-head {
  display:grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(140px, .55fr) minmax(150px, .65fr);
  gap:14px;
  align-items:start;
}
.lp3-edit-simple-head small { display:block; margin-top:8px; color:#8f7b69; }
.lp3-edit-simple-body {
  display:grid;
  grid-template-columns:minmax(360px,1.6fr) minmax(280px,.9fr) 150px;
  gap:14px;
  align-items:start;
  margin-top:16px;
}
.lp3-edit-main-action { display:flex; align-items:flex-end; justify-content:flex-end; min-height:82px; }
.lp3-edit-main-action .lp3-btn { width:100%; justify-content:center; }
.lp3-edit-preview-simple { margin-top:12px; }
.lp3-edit-preview-simple img {
  max-width:190px;
  max-height:130px;
  border-radius:14px;
  border:1px solid var(--lp3-border, #ead9ca);
  object-fit:cover;
  background:#fff;
}
.lp3-item-advanced { margin-top:14px; }
.lp3-item-advanced-grid {
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(280px,1fr) minmax(180px,.5fr);
  gap:14px;
  padding:0 16px 16px;
  align-items:start;
}
.lp3-advanced-actions { display:flex; flex-direction:column; gap:8px; padding-top:26px; }
.lp3-upload-simple {
  margin-top:14px;
  padding:14px;
  border:1px dashed #d9c3b2;
  background:#fffaf5;
  border-radius:16px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.lp3-upload-simple input[type=file] {
  width:auto;
  min-width:260px;
  background:#fff;
}
.lp3-upload-simple .lp3-help { margin:0; }
.lp3-quick-create-card .lp3-card-head { margin-bottom:0; }

@media (max-width: 1180px) {
  .lp3-simple-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lp3-edit-simple-head { grid-template-columns:1fr 180px 180px; }
  .lp3-edit-simple-body { grid-template-columns:1fr; }
  .lp3-edit-main-action { min-height:0; justify-content:flex-start; }
  .lp3-edit-main-action .lp3-btn { width:auto; }
  .lp3-item-advanced-grid { grid-template-columns:1fr; }
  .lp3-advanced-actions { padding-top:0; flex-direction:row; flex-wrap:wrap; }
}
@media (max-width: 760px) {
  .lp3-simple-flow { grid-template-columns:1fr; }
  .lp3-edit-simple-head { grid-template-columns:1fr; }
  .lp3-upload-simple { align-items:stretch; }
  .lp3-upload-simple input[type=file], .lp3-upload-simple .lp3-btn { width:100%; }
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P15
   목적: “소냐와 함께” 화면을 다운로드·업로드·확인 중심으로 단순화
   보호 범위: P6~P14 고급 기능은 삭제하지 않고 기본 노출만 축소
   ========================================================= */
.lp3-sonya-brief-hero .lp3-card-head { align-items:flex-start; gap:18px; }
.lp3-sonya-step-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0;
}
.lp3-sonya-step-card {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:140px;
  padding:18px;
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:20px;
  background:#fffaf5;
  color:inherit;
  text-decoration:none;
  box-shadow:0 18px 44px rgba(63,45,35,.045);
}
.lp3-sonya-step-card:hover { border-color:#b87584; transform:translateY(-1px); transition:.18s ease; }
.lp3-sonya-step-card.is-muted { background:#fbf8f4; color:#8a7a6e; }
.lp3-sonya-step-card span {
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#9b5363;
  color:#fff;
  font-weight:900;
}
.lp3-sonya-step-card strong { font-size:18px; line-height:1.3; }
.lp3-sonya-step-card small { color:#75665d; line-height:1.6; }
.lp3-sonya-summary { margin-top:18px; }
.lp3-sonya-latest { margin-top:16px; }
.lp3-sonya-request-box .lp3-card-head { align-items:flex-start; }
.lp3-sonya-request-list { display:grid; grid-template-columns:1fr; gap:16px; }
.lp3-sonya-request-card {
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:20px;
  background:#fff;
  padding:18px;
  box-shadow:0 14px 36px rgba(63,45,35,.04);
}
.lp3-sonya-request-card label {
  display:block;
  font-size:13px;
  font-weight:900;
  color:#6f5b4a;
  margin-bottom:8px;
}
.lp3-sonya-request-card input,
.lp3-sonya-request-card select,
.lp3-sonya-request-card textarea {
  width:100%;
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:12px;
  padding:12px 13px;
  background:#fffdf9;
  font:inherit;
  box-sizing:border-box;
}
.lp3-sonya-request-main {
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(360px,1.45fr) minmax(320px,1.05fr) 140px;
  gap:14px;
  align-items:start;
}
.lp3-sonya-request-title input { font-weight:800; }
.lp3-sonya-badges { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:9px; }
.lp3-sonya-badges small { color:#8a7a6d; }
.lp3-sonya-mini-row { display:grid; grid-template-columns:1fr 90px; gap:8px; margin-top:10px; }
.lp3-sonya-request-actions { display:flex; align-items:flex-end; justify-content:flex-end; min-height:92px; }
.lp3-sonya-request-actions .lp3-btn { width:100%; justify-content:center; }
.lp3-sonya-upload { margin-top:14px; }
.lp3-sonya-admin-note { margin-top:12px; background:#fffaf5; }
.lp3-sonya-admin-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0 16px 16px;
}
.lp3-sonya-admin-grid div {
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:14px;
  background:#fff;
  padding:12px;
  min-width:0;
}
.lp3-sonya-admin-grid strong { display:block; color:#6f5b4a; margin-bottom:8px; }
.lp3-sonya-admin-grid code { display:block; white-space:normal; word-break:break-all; }
.lp3-sonya-future-card { border-color:#f0d2a3; }
.lp3-manual-flow-p15 { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width: 1400px) {
  .lp3-sonya-request-main { grid-template-columns:1fr 1.2fr; }
  .lp3-sonya-request-actions { min-height:0; justify-content:flex-start; }
  .lp3-sonya-request-actions .lp3-btn { width:auto; }
}
@media (max-width: 1100px) {
  .lp3-sonya-step-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lp3-sonya-request-main { grid-template-columns:1fr; }
  .lp3-sonya-admin-grid { grid-template-columns:1fr; }
  .lp3-manual-flow-p15 { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .lp3-sonya-step-grid { grid-template-columns:1fr; }
  .lp3-sonya-mini-row { grid-template-columns:1fr; }
}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P16
   목적: 사이트 상세에서 “소냐와 함께” 작업 요청/자료함 카드를 명확히 보이게 정리
   보호 범위: 기존 버튼/카드 시스템 유지, UI 강조 클래스만 추가
   ========================================================= */
.lp3-sonya-site-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:20px 0;
  padding:22px;
  border:1px solid #e7c4cc;
  border-radius:22px;
  background:linear-gradient(135deg,#fff7f8 0%,#fffaf4 100%);
  box-shadow:0 18px 44px rgba(73,48,44,.055);
}
.lp3-sonya-site-cta h3 {
  margin:6px 0 8px;
  font-size:22px;
  line-height:1.3;
}
.lp3-sonya-site-cta p {
  margin:0;
  color:#75665d;
  line-height:1.65;
}
.lp3-mini-label {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:#9b5363;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.lp3-quick-card-primary {
  border-color:#d7a8b2 !important;
  background:linear-gradient(135deg,#fff7f8 0%,#fffaf4 100%) !important;
}
.lp3-quick-card-primary strong { color:#8f4d5a; }
@media (max-width: 1100px) {
  .lp3-sonya-site-cta { flex-direction:column; align-items:flex-start; }
  .lp3-sonya-site-cta .lp3-actions { width:100%; }
  .lp3-sonya-site-cta .lp3-actions .lp3-btn { width:100%; justify-content:center; }
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P17
   목적: “소냐와 함께” 화면을 자료 다운로드·수정본 업로드·교체 요청 자료함 중심으로 최종 정리
   보호 범위: 실시간 교체/자동 치환은 별도 편집기 단계로 분리, 기존 고급 도구는 하단 보조 영역에 유지
   ========================================================= */
.lp3-sonya-handoff-hero .lp3-card-head,
.lp3-sonya-handoff-head {
  align-items:flex-start;
  gap:20px;
}
.lp3-btn-lg {
  min-height:48px;
  padding:14px 20px;
  font-size:15px;
  font-weight:900;
}
.lp3-sonya-handoff-flow {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0 18px;
}
.lp3-sonya-flow-item {
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:18px;
  background:#fffaf5;
  padding:16px;
  min-height:118px;
}
.lp3-sonya-flow-item.is-active {
  border-color:#d7a8b2;
  background:linear-gradient(135deg,#fff7f8 0%,#fffaf4 100%);
}
.lp3-sonya-flow-item span {
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#9b5363;
  color:#fff;
  font-weight:900;
  margin-bottom:8px;
}
.lp3-sonya-flow-item strong {
  display:block;
  font-size:17px;
  margin-bottom:7px;
}
.lp3-sonya-flow-item small {
  display:block;
  color:#75665d;
  line-height:1.55;
}
.lp3-sonya-materials-box .lp3-card-head { align-items:flex-start; }
.lp3-sonya-material-list {
  border-top:1px solid var(--lp3-border, #ead9ca);
  margin-top:18px;
}
.lp3-sonya-material-row {
  padding:20px 0;
  border-bottom:1px solid var(--lp3-border, #ead9ca);
}
.lp3-sonya-material-row:last-child { border-bottom:0; }
.lp3-sonya-material-form {
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(380px,1.4fr) minmax(320px,1.1fr) minmax(130px,.45fr) 92px;
  gap:16px;
  align-items:start;
}
.lp3-material-cell label {
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:900;
  color:#6f5b4a;
}
.lp3-material-cell input,
.lp3-material-cell select,
.lp3-material-cell textarea {
  width:100%;
  box-sizing:border-box;
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:12px;
  background:#fffdf9;
  padding:11px 12px;
  font:inherit;
}
.lp3-material-item input { font-weight:800; }
.lp3-material-badges {
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:9px;
}
.lp3-material-badges code {
  max-width:100%;
  white-space:normal;
  word-break:break-all;
}
.lp3-material-preview {
  margin-top:10px;
  width:92px;
  height:64px;
  border:1px solid var(--lp3-border, #ead9ca);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.lp3-material-preview img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lp3-material-status {
  display:grid;
  gap:8px;
}
.lp3-material-actions {
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding-top:27px;
}
.lp3-material-actions .lp3-btn { width:100%; justify-content:center; }
.lp3-sonya-material-extra {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
  padding-left:0;
}
.lp3-material-upload {
  margin-top:0;
  flex:1;
  max-width:720px;
}
.lp3-material-upload-note {
  color:#75665d;
  font-size:13px;
  line-height:1.55;
}
.lp3-sonya-admin-note {
  margin-left:auto;
  min-width:260px;
}
.lp3-sonya-workpack-guide { border-color:#f0d2a3; }
@media (max-width: 1500px) {
  .lp3-sonya-material-form {
    grid-template-columns:minmax(200px,.8fr) minmax(330px,1.2fr) minmax(280px,1fr) minmax(120px,.45fr) 88px;
  }
}
@media (max-width: 1250px) {
  .lp3-sonya-handoff-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lp3-sonya-material-form { grid-template-columns:1fr 1.2fr; }
  .lp3-material-actions { justify-content:flex-start; padding-top:0; }
  .lp3-material-actions .lp3-btn { width:auto; }
  .lp3-sonya-material-extra { align-items:flex-start; flex-direction:column; }
  .lp3-sonya-admin-note { margin-left:0; width:100%; }
}
@media (max-width: 760px) {
  .lp3-sonya-handoff-flow { grid-template-columns:1fr; }
  .lp3-sonya-material-form { grid-template-columns:1fr; }
  .lp3-material-actions .lp3-btn,
  .lp3-material-upload .lp3-btn,
  .lp3-material-upload input[type=file] { width:100%; }
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P18
   목적: 소냐와 함께 화면을 작업 자료 다운로드·업로드·확인 중심으로 단순화
   보호 범위: 기존 작업팩/검증/치환 기능은 삭제하지 않고 고급 영역으로만 이동
   ========================================================= */
.lp3-sonya-simple-hero,
.lp3-sonya-request-box{
  width:100%;
  max-width:none;
}
.lp3-sonya-simple-head{
  align-items:flex-start;
}
.lp3-sonya-main-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:18px 0 14px;
}
.lp3-sonya-main-action{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:126px;
  padding:18px;
  border:1px solid var(--lp3-border, #eaded2);
  border-radius:18px;
  background:#fffaf6;
  color:inherit;
  text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.lp3-sonya-main-action:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(54,38,28,.08);
  border-color:#caa6a9;
}
.lp3-sonya-main-action.is-primary{
  background:#fff4f4;
  border-color:#d9b3b8;
}
.lp3-sonya-main-action strong{
  display:block;
  font-size:18px;
  line-height:1.35;
}
.lp3-sonya-main-action small{
  color:#76695f;
  line-height:1.5;
}
.lp3-step-num{
  display:inline-flex;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#9b4f63;
  color:#fff;
  font-weight:800;
}
.lp3-sonya-status-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-radius:14px;
  background:#ecfff6;
  border:1px solid #b7eed2;
  color:#12643c;
}
.lp3-request-table-wrap{
  margin-top:18px;
  width:100%;
  overflow-x:auto;
}
.lp3-request-table{
  width:100%;
  border-collapse:collapse;
  min-width:960px;
}
.lp3-request-table th{
  text-align:left;
  padding:14px 12px;
  background:#fbf7f2;
  border-bottom:1px solid #eaded2;
  font-size:13px;
  color:#6b5a50;
}
.lp3-request-table td{
  padding:18px 12px;
  vertical-align:top;
  border-bottom:1px solid #eaded2;
  line-height:1.55;
}
.lp3-request-table tr:last-child td{
  border-bottom:0;
}
.lp3-request-data-cell code{
  display:inline-block;
  max-width:520px;
  white-space:normal;
  word-break:break-all;
}
.lp3-request-preview{
  margin:0 0 8px;
}
.lp3-request-preview img{
  width:108px;
  height:70px;
  object-fit:cover;
  border:1px solid #eaded2;
  border-radius:12px;
  background:#fff;
}
.lp3-muted{
  color:#9b8b80;
}
.lp3-sonya-editor-note{
  margin-top:18px;
}
.lp3-sonya-admin-tools{
  margin-top:14px;
}
@media (max-width: 980px){
  .lp3-sonya-main-actions{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 640px){
  .lp3-sonya-main-actions{
    grid-template-columns:1fr;
  }
  .lp3-sonya-main-action{
    min-height:auto;
  }
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P18-1 CLEAN
   목적: 소냐와 함께 화면을 읽기 전용 자료 전달 화면으로 강제 정리
   보호 범위: 기존 고급 교체/검증/치환 기능은 advanced.php 및 하단 고급 영역으로만 유지
   ========================================================= */
.lp3-sonya-clean-hero,
.lp3-sonya-clean-materials{
  width:100%;
  max-width:none;
}
.lp3-sonya-clean-head{
  align-items:flex-start;
  gap:20px;
}
.lp3-kicker{
  margin:0 0 8px;
  color:#9b4f63;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
.lp3-sonya-clean-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:20px 0 16px;
}
.lp3-sonya-clean-action{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:126px;
  padding:18px;
  border:1px solid var(--lp3-border, #eaded2);
  border-radius:18px;
  background:#fffaf6;
  color:inherit;
  text-decoration:none;
  box-sizing:border-box;
}
.lp3-sonya-clean-action:hover{
  border-color:#caa6a9;
  box-shadow:0 14px 28px rgba(54,38,28,.08);
  transform:translateY(-1px);
  transition:.16s ease;
}
.lp3-sonya-clean-action.is-primary{
  background:#fff2f3;
  border-color:#d8aeb7;
}
.lp3-sonya-clean-action span{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#9b4f63;
  color:#fff;
  font-weight:900;
}
.lp3-sonya-clean-action strong{
  display:block;
  font-size:18px;
  line-height:1.35;
}
.lp3-sonya-clean-action small{
  display:block;
  color:#74675e;
  line-height:1.55;
}
.lp3-sonya-clean-status{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  padding:14px 16px;
  border:1px solid #b7eed2;
  border-radius:14px;
  background:#edfff7;
  color:#12643c;
}
.lp3-sonya-clean-summary{
  margin-top:18px;
}
.lp3-sonya-material-readonly-list{
  margin-top:18px;
  border-top:1px solid var(--lp3-border, #eaded2);
  width:100%;
}
.lp3-sonya-material-head,
.lp3-sonya-material-readonly-row{
  display:grid;
  grid-template-columns:minmax(180px,.9fr) 110px minmax(280px,1.4fr) minmax(260px,1.2fr) 110px;
  gap:16px;
  align-items:center;
}
.lp3-sonya-material-head{
  padding:14px 8px;
  color:#6b5a50;
  font-size:13px;
  font-weight:900;
  background:#fbf7f2;
  border-bottom:1px solid var(--lp3-border, #eaded2);
}
.lp3-sonya-material-readonly-row{
  padding:18px 8px;
  border-bottom:1px solid var(--lp3-border, #eaded2);
  min-height:76px;
}
.lp3-sonya-material-readonly-row:last-child{
  border-bottom:0;
}
.lp3-sonya-material-title strong{
  display:block;
  margin-bottom:7px;
  font-size:15px;
}
.lp3-sonya-material-title code,
.lp3-sonya-material-data code{
  display:inline-block;
  max-width:100%;
  white-space:normal;
  word-break:break-all;
}
.lp3-sonya-material-data{
  min-width:0;
  overflow:hidden;
}
.lp3-sonya-material-note{
  color:#4b4039;
  line-height:1.6;
  word-break:keep-all;
}
.lp3-sonya-clean-note{
  margin-top:18px;
}
.lp3-sonya-clean-advanced{
  margin-top:14px;
}
@media (max-width: 1200px){
  .lp3-sonya-clean-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lp3-sonya-material-head{display:none;}
  .lp3-sonya-material-readonly-row{
    grid-template-columns:1fr;
    gap:10px;
    align-items:start;
  }
  .lp3-sonya-material-readonly-row > div{
    width:100%;
  }
}
@media (max-width: 640px){
  .lp3-sonya-clean-actions{grid-template-columns:1fr;}
  .lp3-sonya-clean-action{min-height:auto;}
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P18-2 CLEAN
   목적: 소냐와 함께 화면 중간 상세 목록 제거 + 하단 관리 버튼 상단 이동
   보호 범위: 기존 고급 도구 파일은 삭제하지 않고 버튼 접근만 유지
   ========================================================= */
.lp3-sonya-admin-tools-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:22px 0 0;
  padding:20px;
  border:1px solid var(--lp3-border, #eaded2);
  border-radius:18px;
  background:#fffdf9;
}
.lp3-sonya-admin-tools-top h3{
  margin:0 0 6px;
  font-size:18px;
}
.lp3-sonya-admin-tools-top .lp3-actions{
  justify-content:flex-end;
}
@media (max-width: 980px){
  .lp3-sonya-admin-tools-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .lp3-sonya-admin-tools-top .lp3-actions{
    justify-content:flex-start;
  }
}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P19-9 SITE-FIRST FLOW
   목적: 사이트 목록의 고객 서버 설치/삭제 버튼 가독성 보강
   보호 범위: 기존 버튼/테이블 레이아웃 유지, 사이트 목록 액션만 보강
   ========================================================= */
.lp3-btn-danger{background:#b94b55;border-color:#b94b55;color:#fff}
.lp3-btn-danger:hover{background:#9f3f49;border-color:#9f3f49;color:#fff}
.lp3-site-actions{min-width:360px;gap:8px}
.lp3-site-actions form{display:inline-flex;margin:0}
@media(max-width:980px){.lp3-site-actions{min-width:0}}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P19-11 MENU + SONYA CTA
   목적: 사이트 목록에서 고객 서버 설치 다음에 카카오 스타일의 '소냐와 함께' 버튼 추가
   수정 범위: 버튼 색상/목록 액션 가독성
   보호 범위: 기존 버튼/테이블/모바일 규칙 유지
   ========================================================= */
.lp3-btn-kakao{
  background:#FEE500;
  border-color:#FEE500;
  color:#191600;
  box-shadow:0 4px 10px rgba(254,229,0,.18);
}
.lp3-btn-kakao:hover{
  background:#f5dc00;
  border-color:#f5dc00;
  color:#191600;
}
.lp3-site-actions .lp3-btn-kakao{
  font-weight:900;
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P21 LIVE EDITOR
   목적: V4 실시간 편집기 이식 1차 진입 화면 및 클릭 인식 UI
   보호 범위: 기존 고객/사이트/설치/작업팩 레이아웃 유지, live-editor 전용 스타일만 추가
   ========================================================= */
.lp3-btn-live{
  background:#20273a;
  border-color:#20273a;
  color:#fff;
  box-shadow:0 4px 10px rgba(32,39,58,.18);
}
.lp3-btn-live:hover{background:#111827;border-color:#111827;color:#fff;}
.lp3-quick-card-live{
  border-color:#c9d3e7;
  background:linear-gradient(135deg,#f8fbff 0%,#eef4ff 100%);
}
.lp3-live-editor-intro code,
.lp3-live-editor-guide code{
  white-space:normal;
  word-break:break-all;
}
.lp3-live-editor-guide{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:14px;
  margin-top:18px;
}
.lp3-live-editor-guide > div{
  padding:16px;
  border:1px solid var(--lp3-border,#eaded2);
  border-radius:16px;
  background:#fffdf9;
}
.lp3-live-editor-guide strong{display:block;margin-bottom:6px;color:#2f261f;}
.lp3-live-editor-guide p{margin:0;color:#6e625a;line-height:1.6;}
.lp3-live-editor-shell{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:18px;
  align-items:start;
  min-height:72vh;
}
.lp3-live-panel,
.lp3-live-frame-wrap{
  border:1px solid var(--lp3-border,#eaded2);
  background:#fff;
  border-radius:20px;
  box-shadow:0 12px 35px rgba(40,30,20,.06);
}
.lp3-live-panel{
  position:sticky;
  top:22px;
  padding:18px;
}
.lp3-live-panel-head h3{margin:6px 0 4px;font-size:22px;}
.lp3-live-panel-head p{margin:0 0 14px;color:#6e625a;line-height:1.55;}
.lp3-live-selected-empty{
  padding:24px 16px;
  border:1px dashed #d9c8b6;
  border-radius:16px;
  background:#fffaf4;
  text-align:center;
  color:#6e625a;
  line-height:1.7;
}
.lp3-live-selected dl{margin:0;}
.lp3-live-selected dt{
  margin-top:12px;
  font-size:12px;
  font-weight:900;
  color:#8a7668;
  letter-spacing:.04em;
}
.lp3-live-selected dd{
  margin:4px 0 0;
  padding:10px 12px;
  border-radius:12px;
  background:#f8f3ec;
  color:#332820;
  word-break:break-all;
  line-height:1.55;
}
.lp3-live-selected code,
.lp3-live-debug pre{
  white-space:pre-wrap;
  word-break:break-all;
}
.lp3-live-next-note{margin-top:16px;}
.lp3-live-debug{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--lp3-border,#eaded2);
}
.lp3-live-debug summary{
  cursor:pointer;
  font-weight:800;
  color:#4b4039;
}
.lp3-live-debug pre{
  max-height:260px;
  overflow:auto;
  padding:12px;
  border-radius:12px;
  background:#1f2937;
  color:#e5e7eb;
  font-size:12px;
}
.lp3-live-frame-wrap{overflow:hidden;min-width:0;}
.lp3-live-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid var(--lp3-border,#eaded2);
  background:#fbf7f2;
}
.lp3-live-toolbar strong{display:block;color:#2f261f;}
.lp3-live-toolbar small{
  display:block;
  max-width:72vw;
  color:#7a6b61;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lp3-live-frame{
  display:block;
  width:100%;
  height:calc(100vh - 235px);
  min-height:680px;
  border:0;
  background:#fff;
}
@media(max-width:1180px){
  .lp3-live-editor-shell{grid-template-columns:1fr;}
  .lp3-live-panel{position:relative;top:auto;}
  .lp3-live-editor-guide{grid-template-columns:1fr;}
  .lp3-live-frame{height:72vh;min-height:560px;}
}
@media(max-width:720px){
  .lp3-live-toolbar{align-items:flex-start;flex-direction:column;}
  .lp3-live-frame{height:70vh;min-height:480px;}
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P22 LIVE EDITOR DEVICE PANEL
   목적: 실시간 편집기 PC/모바일 전환, V4 참고형 왼쪽 편집 패널 UI
   보호 범위: 저장/치환/업로드 기능은 연결하지 않고 UI 및 선택값 표시만 보강
   ========================================================= */
.lp3-live-editor-shell{
  grid-template-columns:360px minmax(0,1fr);
}
.lp3-live-panel{
  max-height:calc(100vh - 120px);
  overflow:auto;
}
.lp3-editor-selected-summary{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  border-radius:14px;
  background:#f8f3ec;
  border:1px solid #eaded2;
  margin-bottom:14px;
}
.lp3-editor-selected-summary strong{display:block;font-size:16px;color:#1f1712;line-height:1.35;}
.lp3-editor-selected-summary small{display:block;margin-top:4px;color:#7a6b61;word-break:break-all;}
.lp3-editor-type-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  background:#9b5063;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.lp3-editor-field,
.lp3-editor-upload-box{
  margin-top:12px;
}
.lp3-editor-field label,
.lp3-editor-upload-box label{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:900;
  color:#2f261f;
}
.lp3-editor-field input,
.lp3-editor-field textarea,
.lp3-editor-upload-box input[type="file"]{
  width:100%;
  border:1px solid #e7d9ca;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  color:#211a16;
  font-size:14px;
  box-sizing:border-box;
}
.lp3-editor-field textarea{resize:vertical;min-height:62px;}
.lp3-editor-upload-box{
  padding:12px;
  border:1px solid #eaded2;
  border-radius:14px;
  background:#fffaf4;
}
.lp3-editor-upload-box small{
  display:block;
  margin-top:7px;
  color:#7a6b61;
  line-height:1.5;
}
.lp3-editor-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.lp3-editor-options label{
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px;
  border:1px solid #eaded2;
  border-radius:12px;
  background:#fffdf9;
  color:#2f261f;
  font-size:13px;
  font-weight:800;
}
.lp3-editor-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:14px;
}
.lp3-live-toolbar-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.lp3-device-toggle{
  display:inline-flex;
  gap:6px;
  padding:4px;
  border-radius:14px;
  border:1px solid #eaded2;
  background:#fff;
}
.lp3-device-btn.is-active{
  background:#9b5063;
  border-color:#9b5063;
  color:#fff;
}
.lp3-live-stage{
  background:#eef0f4;
  padding:18px;
  min-height:calc(100vh - 295px);
  overflow:auto;
}
.lp3-live-stage.is-desktop .lp3-live-frame{
  width:min(1234px,100%);
  margin:0 auto;
  height:calc(100vh - 300px);
  min-height:720px;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(20,25,40,.12);
}
.lp3-live-stage.is-mobile{
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.lp3-live-stage.is-mobile .lp3-live-frame{
  width:430px;
  max-width:100%;
  height:820px;
  min-height:820px;
  border-radius:24px;
  box-shadow:0 16px 42px rgba(20,25,40,.2);
  border:12px solid #1f2937;
  background:#fff;
}
.lp3-live-debug dl{margin:10px 0 0;}
.lp3-live-debug dt{font-size:12px;font-weight:900;color:#8a7668;margin-top:8px;}
.lp3-live-debug dd{margin:4px 0 0;padding:8px 10px;border-radius:10px;background:#f8f3ec;word-break:break-all;}
@media(max-width:1180px){
  .lp3-live-stage.is-desktop .lp3-live-frame{height:72vh;min-height:560px;}
  .lp3-live-stage.is-mobile .lp3-live-frame{height:760px;min-height:760px;}
}
@media(max-width:720px){
  .lp3-editor-options{grid-template-columns:1fr;}
  .lp3-device-toggle{width:100%;}
  .lp3-device-toggle .lp3-btn{flex:1;}
  .lp3-live-stage{padding:10px;}
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P23 LIVE EDITOR PANEL CLEANUP
   목적:
   - P22 full 기준의 안정적인 클릭 인식 유지
   - PC 미리보기는 1234px 고정이 아니라 가로 100%로 표시
   - 왼쪽 편집 패널을 텍스트/이미지/영상/링크별 입력 UI로 정리
   보호 범위:
   - 저장/업로드/치환 기능은 연결하지 않음
   - P22-1 mobile fix 스타일은 기준으로 사용하지 않음
   ========================================================= */
.lp3-live-stage.is-desktop .lp3-live-frame{
  width:100%;
  max-width:none;
  margin:0;
  height:calc(100vh - 300px);
  min-height:720px;
}
.lp3-live-stage.is-desktop{
  padding:18px;
}
.lp3-editor-section-title{
  margin:14px 0 8px;
  padding:9px 12px;
  border-radius:12px;
  background:#2f2a26;
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
}
.lp3-editor-field small{
  display:block;
  margin-top:7px;
  color:#7a6b61;
  line-height:1.5;
  font-size:12px;
}
.lp3-editor-field[hidden],
.lp3-editor-upload-box[hidden]{
  display:none !important;
}
.lp3-live-panel .lp3-editor-field textarea,
.lp3-live-panel .lp3-editor-field input{
  font-family:inherit;
}
.lp3-live-panel .lp3-editor-field-text textarea{
  min-height:92px;
}
.lp3-live-panel .lp3-editor-field-image textarea,
.lp3-live-panel .lp3-editor-field-video textarea{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12px;
}
.lp3-live-debug{
  margin-top:18px;
}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P24 LIVE EDITOR FOCUS WINDOW
   목적:
   - 실시간 편집을 새 창 전용 화면으로 분리하여 관리자 사이드바/상단바/CSS 충돌을 줄임
   - 편집 패널 + iframe 미리보기만 안정적으로 표시
   보호 범위: 기존 P22 full/P23 클릭 인식 구조 유지, 저장/업로드/치환 없음
   ========================================================= */
.lp3-live-focus-body{
  margin:0;
  min-height:100vh;
  background:#eef0f4;
  color:#241f1b;
  overflow:hidden;
}
.lp3-live-focus-topbar{
  height:58px;
  padding:10px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:#fff;
  border-bottom:1px solid #e6d8c9;
  box-sizing:border-box;
}
.lp3-live-focus-topbar strong{display:block;font-size:16px;color:#241f1b;}
.lp3-live-focus-topbar small{display:block;margin-top:2px;color:#7a6b61;font-size:12px;}
.lp3-live-focus-body .lp3-live-editor-shell{
  height:calc(100vh - 58px);
  display:grid;
  grid-template-columns:340px minmax(0,1fr);
  gap:0;
  padding:0;
}
.lp3-live-focus-body .lp3-live-panel{
  position:relative;
  top:auto;
  height:calc(100vh - 58px);
  overflow:auto;
  border-radius:0;
  border:0;
  border-right:1px solid #e6d8c9;
  box-shadow:none;
  background:#fffaf4;
}
.lp3-live-focus-body .lp3-live-frame-wrap{
  height:calc(100vh - 58px);
  overflow:hidden;
  border-radius:0;
  border:0;
  box-shadow:none;
  background:#eef0f4;
}
.lp3-live-focus-body .lp3-live-toolbar{
  height:54px;
  padding:8px 14px;
  border-radius:0;
  border:0;
  border-bottom:1px solid #e6d8c9;
  box-shadow:none;
  box-sizing:border-box;
}
.lp3-live-focus-body .lp3-live-stage{
  height:calc(100vh - 112px);
  min-height:0;
  overflow:auto;
  padding:18px;
  box-sizing:border-box;
}
.lp3-live-focus-body .lp3-live-stage.is-desktop .lp3-live-frame{
  width:100%;
  max-width:none;
  margin:0;
  height:calc(100vh - 150px);
  min-height:620px;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(20,25,40,.12);
  background:#fff;
}
.lp3-live-focus-body .lp3-live-stage.is-mobile{
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.lp3-live-focus-body .lp3-live-stage.is-mobile .lp3-live-frame{
  width:430px;
  max-width:100%;
  height:calc(100vh - 150px);
  min-height:720px;
  border-radius:24px;
  border:12px solid #1f2937;
  box-shadow:0 16px 42px rgba(20,25,40,.2);
  background:#fff;
}
@media(max-width:980px){
  .lp3-live-focus-body{overflow:auto;}
  .lp3-live-focus-body .lp3-live-editor-shell{grid-template-columns:1fr;height:auto;}
  .lp3-live-focus-body .lp3-live-panel{height:auto;max-height:none;border-right:0;border-bottom:1px solid #e6d8c9;}
  .lp3-live-focus-body .lp3-live-frame-wrap{height:80vh;}
  .lp3-live-focus-body .lp3-live-stage{height:calc(80vh - 54px);}
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P26 LIVE EDITOR TARGET AUDIT
   목적: 실시간 편집 저장 전, 선택 요소/전체 요소 정의 상태를 눈에 보이게 진단
   보호 범위: 기존 P24 새 창 편집 레이아웃 유지, 저장/업로드/치환 없음
   ========================================================= */
.lp3-live-diagnosis{
  margin:12px 0 14px;
  padding:12px 14px;
  border:1px solid #eadbc9;
  border-radius:14px;
  background:#fff7ed;
}
.lp3-live-diagnosis strong{display:block;margin-bottom:8px;color:#2f261f;font-size:13px;}
.lp3-live-diagnosis p{margin:0;color:#75685e;line-height:1.55;font-size:12px;}
.lp3-live-diagnosis ul{margin:0;padding-left:18px;}
.lp3-live-diagnosis li{margin:5px 0;font-size:12px;line-height:1.45;}
.lp3-live-diagnosis li.is-ok{color:#047857;}
.lp3-live-diagnosis li.is-warn{color:#a16207;}
.lp3-live-diagnosis li.is-danger{color:#b91c1c;font-weight:800;}
.lp3-live-audit-box{
  margin-top:16px;
  padding:13px;
  border:1px solid #eadbc9;
  border-radius:14px;
  background:#fffdf8;
}
.lp3-live-audit-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.lp3-live-audit-head strong{font-size:13px;color:#2f261f;}
.lp3-live-audit-box p{margin:0 0 10px;color:#75685e;font-size:12px;line-height:1.5;}
.lp3-live-audit-result{font-size:12px;color:#4b4038;}
.lp3-live-audit-warn{
  padding:10px 12px;
  border:1px solid #f6c76f;
  border-radius:12px;
  background:#fff8e6;
  color:#7c4a03;
  line-height:1.55;
}
.lp3-live-audit-summary{
  padding:9px 10px;
  border-radius:10px;
  background:#f4eadf;
  margin-bottom:10px;
  color:#3b3028;
}
.lp3-live-audit-table-wrap{
  max-height:300px;
  overflow:auto;
  border:1px solid #eadbc9;
  border-radius:12px;
  background:#fff;
}
.lp3-live-audit-table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px;}
.lp3-live-audit-table th,
.lp3-live-audit-table td{padding:8px 9px;border-bottom:1px solid #f0e2d2;text-align:left;vertical-align:top;}
.lp3-live-audit-table th{background:#fbf6ef;color:#6a5b50;font-weight:900;position:sticky;top:0;z-index:1;}
.lp3-live-audit-table tr.is-ok td{background:#f0fdf4;}
.lp3-live-audit-table tr.is-warn td{background:#fffbeb;}
.lp3-live-audit-table tr.is-danger td{background:#fef2f2;}
.lp3-live-audit-table code{font-size:11px;}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P28 SECTION LEVEL ASSET MODAL
   목적: 실시간 편집에서 요소 직접 교체 대신 섹션 단위 이미지·영상·링크 후보를 모달로 확인
   ========================================================= */
.lp3-editor-section-tools{
  margin:12px 0;
  padding:14px;
  border:1px solid #ead9c8;
  border-radius:14px;
  background:#fffaf5;
}
.lp3-editor-section-tools strong{display:block;font-weight:800;margin-bottom:4px;}
.lp3-editor-section-tools p{margin:0 0 10px;color:#7a6d61;font-size:13px;line-height:1.55;}
.lp3-section-tool-actions{gap:8px;flex-wrap:wrap;}
.lp3-section-assets-modal[hidden]{display:none!important;}
.lp3-section-assets-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:28px;}
.lp3-section-assets-backdrop{position:absolute;inset:0;background:rgba(33,38,45,.62);backdrop-filter:blur(3px);}
.lp3-section-assets-dialog{position:relative;width:min(1180px,calc(100vw - 56px));max-height:calc(100vh - 56px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.28);border:1px solid #ead9c8;}
.lp3-section-assets-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #ead9c8;background:#fffaf7;position:sticky;top:0;z-index:2;}
.lp3-section-assets-head h3{margin:6px 0 4px;font-size:24px;line-height:1.25;}
.lp3-section-assets-head p{margin:0;color:#7a6d61;}
.lp3-section-assets-body{padding:20px 24px 8px;}
.lp3-section-assets-summary{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:16px;border:1px solid #b9ead0;background:#ecfff4;border-radius:14px;}
.lp3-section-assets-summary p{margin:4px 0 0;color:#446554;line-height:1.55;}
.lp3-section-asset-group{margin:0 0 22px;}
.lp3-section-asset-group h4{font-size:18px;margin:0 0 10px;}
.lp3-section-asset-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #ead9c8;}
.lp3-section-asset-row:first-of-type{border-top:0;}
.lp3-section-asset-thumb{width:112px;height:76px;border-radius:12px;background:#f7f1eb;border:1px solid #ead9c8;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:800;color:#9d4f61;}
.lp3-section-asset-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.lp3-section-asset-thumb.is-video{background:#2a231f;color:#fff;}
.lp3-section-asset-info{min-width:0;display:flex;flex-direction:column;gap:4px;}
.lp3-section-asset-info strong{font-size:15px;}
.lp3-section-asset-info small{color:#7a6d61;}
.lp3-section-asset-info code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;border-radius:8px;background:#f7f1eb;color:#4b3f37;}
.lp3-section-asset-actions{display:flex;justify-content:flex-end;}
.lp3-section-assets-note{margin:0 24px 22px;}
@media (max-width: 900px){
  .lp3-section-assets-modal{padding:12px;}
  .lp3-section-assets-dialog{width:calc(100vw - 24px);}
  .lp3-section-assets-head{flex-direction:column;}
  .lp3-section-asset-row{grid-template-columns:86px 1fr;}
  .lp3-section-asset-actions{grid-column:1 / -1;justify-content:flex-start;}
  .lp3-section-asset-thumb{width:86px;height:64px;}
}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P29 SECTION ASSET PREVIEW APPLY
   목적: 섹션 자료 모달에서 후보별 새 값 입력/업로드/미리보기 교체 버튼을 안정적으로 표시
   ========================================================= */
.lp3-section-asset-control{margin-top:10px;display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr);gap:8px 10px;align-items:center;max-width:760px;}
.lp3-section-asset-control label{font-size:12px;font-weight:800;color:#5d5149;}
.lp3-section-asset-control input[type="text"],.lp3-section-asset-control textarea{width:100%;border:1px solid #ead9c8;border-radius:10px;padding:9px 10px;background:#fff;color:#1e1c1a;font:inherit;}
.lp3-section-asset-control input[type="file"]{width:100%;border:1px dashed #d8c4b4;border-radius:10px;padding:9px;background:#fffaf7;}
.lp3-section-asset-control small{grid-column:2 / -1;color:#8a7a6d;line-height:1.45;}
.lp3-section-asset-row{grid-template-columns:112px minmax(0,1fr) 132px;}
.lp3-section-asset-actions{align-self:stretch;align-items:center;}
@media (max-width:760px){
  .lp3-section-asset-control{grid-template-columns:1fr;}
  .lp3-section-asset-control small{grid-column:1 / -1;}
  .lp3-section-asset-row{grid-template-columns:86px 1fr;}
}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P29-1 SECTION TEXT CONTROL FIX
   목적: 섹션 자료 모달의 텍스트 후보 입력 영역이 좁게 보이는 문제 보정
   보호 범위: 실시간 편집 저장/DB/FTP 흐름은 건드리지 않음
   ========================================================= */
.lp3-section-asset-thumb.is-text{background:#fff4db;color:#7a4b00;border-color:#f0d199;}
.lp3-section-asset-thumb.is-link{background:#eaf5ff;color:#24517c;border-color:#bfdcf5;}
.lp3-section-asset-thumb.is-placeholder{background:#f6efe8;color:#6b5b50;}
.lp3-section-asset-row.is-text{align-items:flex-start;}
.lp3-section-asset-row.is-text .lp3-section-asset-info{width:100%;}
.lp3-section-asset-row.is-text .lp3-section-asset-control{max-width:none;}
.lp3-section-asset-control-text{grid-template-columns:minmax(96px,128px) minmax(0,1fr);align-items:start;}
.lp3-section-current-text{width:100%;min-height:44px;border:1px solid #ead9c8;border-radius:10px;padding:9px 10px;background:#fbf7f2;color:#5d5149;white-space:pre-wrap;word-break:break-word;line-height:1.55;}
.lp3-section-asset-control-text textarea{width:100%!important;min-height:118px!important;box-sizing:border-box;display:block;resize:vertical;line-height:1.55;}
.lp3-section-asset-row.is-text .lp3-section-asset-actions{align-items:flex-start;padding-top:34px;}
@media(max-width:900px){
  .lp3-section-asset-control-text{grid-template-columns:1fr;}
  .lp3-section-asset-row.is-text .lp3-section-asset-actions{padding-top:0;}
}


/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P29-2 TEXT ROW REBUILD
   목적: 섹션 자료 모달 텍스트 후보가 좁게 찌그러지는 문제를 전용 full-row 구조로 보정
   보호 범위: 이미지/링크/영상 후보와 저장/DB/FTP 흐름은 건드리지 않음
   ========================================================= */
.lp3-section-asset-text-row{
  display:block!important;
  padding:18px 0!important;
  border-top:1px solid #ead9c8;
}
.lp3-section-asset-text-head{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) 132px;
  gap:14px;
  align-items:start;
  width:100%;
}
.lp3-section-asset-text-editor{
  margin-top:14px;
  padding-left:126px;
  width:100%;
}
.lp3-section-asset-text-row .lp3-section-asset-control-text{
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  gap:10px 12px!important;
  width:100%!important;
  max-width:none!important;
  align-items:start!important;
}
.lp3-section-asset-text-row .lp3-section-current-text,
.lp3-section-asset-text-row .lp3-section-asset-control-text textarea{
  width:100%!important;
  max-width:none!important;
}
.lp3-section-asset-text-row .lp3-section-asset-control-text textarea{
  min-height:140px!important;
  font-size:14px!important;
}
.lp3-section-asset-text-row .lp3-section-asset-control-text small{
  grid-column:2 / -1!important;
}
@media(max-width:900px){
  .lp3-section-asset-text-head{grid-template-columns:86px minmax(0,1fr);}
  .lp3-section-asset-text-head .lp3-section-asset-actions{grid-column:1 / -1;justify-content:flex-start;padding-top:0;}
  .lp3-section-asset-text-editor{padding-left:0;}
  .lp3-section-asset-text-row .lp3-section-asset-control-text{grid-template-columns:1fr!important;}
  .lp3-section-asset-text-row .lp3-section-asset-control-text small{grid-column:1 / -1!important;}
}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P30 LIVE EDITOR DRAFT SAVE
   목적: 섹션 후보 미리보기 교체 후 임시 저장 버튼/상태 표시
   보호 범위: 실시간 편집 모달 UI 보강만 수행
   ========================================================= */
.lp3-btn-kakao{background:#fee500!important;color:#191600!important;border-color:#e6c900!important;font-weight:900;}
.lp3-btn-kakao:hover{filter:brightness(.98);}
.lp3-section-asset-actions{gap:8px;flex-wrap:wrap;}
.lp3-section-draft-note{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:999px;background:#eafff2;border:1px solid #b8eccb;color:#0a7c42;font-size:12px;font-weight:800;}
.lp3-section-draft-note:before{content:'저장됨';}

/* =========================================================
   PATCH 2026-05-20 / V3 ADMIN PATCH P31 DRAFT REVIEW MANAGER
   목적: 실시간 편집 임시 저장값 목록/전후 비교/삭제/초기화 UI
   보호 범위: 고객 사이트 원본 파일/DB/최종 ZIP 반영 없음
   ========================================================= */
.lp3-draft-manager-modal[hidden]{display:none!important;}
.lp3-draft-manager-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:28px;}
.lp3-draft-manager-backdrop{position:absolute;inset:0;background:rgba(33,38,45,.62);backdrop-filter:blur(3px);}
.lp3-draft-manager-dialog{position:relative;width:min(1120px,calc(100vw - 56px));max-height:calc(100vh - 56px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.28);border:1px solid #ead9c8;}
.lp3-draft-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #ead9c8;background:#fffaf7;position:sticky;top:0;z-index:2;}
.lp3-draft-manager-head h3{margin:6px 0 4px;font-size:24px;line-height:1.25;}
.lp3-draft-manager-head p{margin:0;color:#7a6d61;}
.lp3-draft-manager-body{padding:20px 24px 8px;}
.lp3-draft-manager-summary{padding:12px 14px;margin-bottom:14px;border:1px solid #b9ead0;background:#ecfff4;color:#315946;border-radius:14px;}
.lp3-draft-row{padding:16px 0;border-top:1px solid #ead9c8;}
.lp3-draft-row:first-child{border-top:0;}
.lp3-draft-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;}
.lp3-draft-row-head h4{margin:6px 0 4px;font-size:17px;}
.lp3-draft-row-head small{color:#75685e;display:block;line-height:1.45;}
.lp3-draft-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lp3-draft-before-after>div{border:1px solid #ead9c8;border-radius:14px;background:#fffaf7;padding:12px;min-width:0;}
.lp3-draft-before-after strong{display:block;font-size:12px;color:#6b5b50;margin-bottom:8px;}
.lp3-draft-before-after pre{margin:0;white-space:pre-wrap;word-break:break-word;max-height:180px;overflow:auto;border:0;background:transparent;color:#2f261f;font-family:inherit;line-height:1.5;}
.lp3-draft-thumb{width:100%;height:160px;border-radius:12px;overflow:hidden;background:#f3ece5;border:1px solid #ead9c8;display:flex;align-items:center;justify-content:center;}
.lp3-draft-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.lp3-draft-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:#8a7a6d;font-size:12px;}
.lp3-draft-meta code{background:#f6eee6;border:1px solid #ead9c8;border-radius:999px;padding:4px 8px;}
.lp3-draft-manager-note{margin:0 24px 22px;}
.lp3-btn-danger-soft{background:#fff!important;color:#a04e60!important;border-color:#e3c8cf!important;}
.lp3-btn-danger-soft:hover{background:#fff4f6!important;}
@media(max-width:820px){
  .lp3-draft-manager-modal{padding:12px;}
  .lp3-draft-manager-dialog{width:calc(100vw - 24px);}
  .lp3-draft-manager-head,.lp3-draft-row-head{flex-direction:column;}
  .lp3-draft-before-after{grid-template-columns:1fr;}
}

/* =========================================================
   PATCH 2026-05-21 / V3 ADMIN PATCH P32 LIVE EDITOR FINAL PACKAGE
   목적: 실시간 편집 임시 저장값을 최종 반영 검토 ZIP으로 생성했을 때 결과 박스를 보기 좋게 표시
   보호 범위: 기존 실시간 편집/섹션 모달/임시 저장 UI 구조 유지
   ========================================================= */
.lp3-final-package-result {
  margin: 0 0 18px;
  line-height: 1.8;
}
.lp3-final-package-result .lp3-btn {
  margin-top: 10px;
}

/* =========================================================
   PATCH 2026-05-21 / V3 ADMIN PATCH P35 SEO PORTAL PANEL
   목적: 사이트 목록 SEO/포털 버튼, 레이어 팝업, SEO 설정 화면 UI
   보호 범위: 기존 P34 실시간 편집/고객 서버 적용 스타일 유지
   ========================================================= */
.lp3-btn-seo{background:#ffd900!important;border-color:#e1bd00!important;color:#211a12!important;font-weight:900!important;box-shadow:0 6px 14px rgba(225,189,0,.18)}
.lp3-btn-seo:hover{transform:translateY(-1px);filter:brightness(.98)}
html.lp3-modal-open,html.lp3-modal-open body{overflow:hidden}
.lp3-seo-modal[hidden]{display:none!important}
.lp3-seo-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:28px}
.lp3-seo-modal-backdrop{position:absolute;inset:0;background:rgba(32,28,25,.62);backdrop-filter:blur(4px)}
.lp3-seo-modal-panel{position:relative;width:min(1560px,96vw);height:min(900px,92vh);background:#f6f0ea;border:1px solid #eadac8;border-radius:24px;box-shadow:0 28px 70px rgba(31,25,20,.28);overflow:hidden;display:flex;flex-direction:column}
.lp3-seo-modal-top{height:62px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eadac8;background:#fffaf6}
.lp3-seo-modal iframe{width:100%;height:100%;border:0;background:#f6f0ea;display:block}
.lp3-seo-popup-body{margin:0;background:#f6f0ea;color:#2c2723;font-family:inherit}
.lp3-seo-page{padding:24px;max-width:1320px;margin:0 auto}
.lp3-seo-headbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;background:#fffaf6;border:1px solid #eadac8;border-radius:22px;padding:22px}
.lp3-seo-headbar h1{margin:8px 0 6px;font-size:28px;letter-spacing:-.04em}
.lp3-seo-headbar p{margin:0;color:#7a6b60;font-size:14px;line-height:1.65}
.lp3-seo-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.lp3-seo-summary-grid>div{background:#fffaf6;border:1px solid #eadac8;border-radius:18px;padding:14px;min-width:0}
.lp3-seo-summary-grid span{display:block;font-size:12px;color:#8b7c70;margin-bottom:7px;font-weight:800}
.lp3-seo-summary-grid strong{font-size:14px;word-break:break-all}
.lp3-seo-section{background:#fff;border:1px solid #eadac8;border-radius:22px;padding:22px;margin:16px 0;box-shadow:0 8px 24px rgba(56,42,32,.03)}
.lp3-seo-section h2{margin:0 0 14px;font-size:21px;letter-spacing:-.03em}
.lp3-seo-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.lp3-seo-form-grid label,.lp3-seo-section-row label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:900;color:#4a3e36}
.lp3-seo-form-grid label span,.lp3-seo-section-row label span{font-size:12px;color:#7a6b60}
.lp3-seo-form-grid label span em{font-style:normal;color:#9d5262;font-size:11px;margin-left:4px}
.lp3-seo-form-grid input,.lp3-seo-form-grid textarea,.lp3-seo-form-grid select,.lp3-seo-section-row input,.lp3-seo-section-row textarea,.lp3-seo-section-row select{width:100%;border:1px solid #eadac8;border-radius:12px;background:#fffaf6;padding:11px 12px;color:#2c2723;font:inherit;box-sizing:border-box}
.lp3-seo-form-grid textarea,.lp3-seo-section-row textarea{resize:vertical;line-height:1.55}
.lp3-seo-form-grid .is-wide{grid-column:1/-1}
.lp3-seo-section-list{display:grid;gap:14px}
.lp3-seo-section-row{display:grid;grid-template-columns:72px 1fr 1fr 92px;gap:12px;background:#fffaf6;border:1px solid #eadac8;border-radius:18px;padding:14px}
.lp3-seo-section-row .is-wide{grid-column:1/-1}
.lp3-seo-result{border:1px solid #b7e4cf;background:#edfff6;color:#075f3d;border-radius:18px;padding:16px;margin-bottom:14px}
.lp3-seo-result h3{margin:0 0 8px}
.lp3-seo-result pre{white-space:pre-wrap;word-break:break-word;background:#2e2824;color:#fff7ef;border-radius:14px;padding:14px;max-height:260px;overflow:auto}
@media(max-width:1100px){.lp3-seo-summary-grid{grid-template-columns:1fr 1fr}.lp3-seo-headbar{display:block}.lp3-seo-headbar .lp3-actions{margin-top:14px}.lp3-seo-section-row{grid-template-columns:1fr 1fr}.lp3-seo-form-grid{grid-template-columns:1fr}}
@media(max-width:720px){.lp3-seo-modal{padding:10px}.lp3-seo-modal-panel{width:100vw;height:96vh;border-radius:18px}.lp3-seo-page{padding:14px}.lp3-seo-summary-grid,.lp3-seo-section-row{grid-template-columns:1fr}.lp3-seo-headbar .lp3-actions{display:grid;grid-template-columns:1fr}.lp3-seo-headbar .lp3-btn{width:100%}}

/* =========================================================
 * PATCH 2026-05-21 / V3 ADMIN PATCH P35-2 SEO ASSET UPLOAD
 * 목적: SEO/포털 팝업 안에서 OG 이미지·파비콘 업로드/미리보기 UI 보강
 * 보호 범위: 기존 P35 레이어 팝업/사이트관리/실시간 편집 스타일 유지
 * ========================================================= */
.lp3-seo-form-grid small{display:block;margin-top:6px;color:#8b7c70;font-size:11px;line-height:1.5;font-weight:700}
.lp3-seo-form-grid code{background:#f5ede4;border:1px solid #eadac8;border-radius:8px;padding:1px 5px;color:#9d5262;font-size:11px}
.lp3-seo-preview-card{background:#fffaf6;border:1px dashed #d8c4af;border-radius:16px;padding:14px;min-height:132px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.lp3-seo-preview-card span{font-size:12px;color:#7a6b60;font-weight:900}
.lp3-seo-preview-card img{display:block;max-width:100%;max-height:160px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #eadac8}
.lp3-seo-preview-card em{font-style:normal;color:#9a8779;font-size:13px;font-weight:800}
.lp3-seo-preview-card.is-compact{grid-column:1/-1;min-height:auto}
.lp3-favicon-row{display:flex;align-items:center;gap:12px;min-height:42px}
.lp3-favicon-row img{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #eadac8;padding:4px}

/* PATCH 2026-05-22 / P46 INSIGHT MODULE */
.lp3-code-block{white-space:pre-wrap;background:#171717;color:#f4f4f4;border-radius:14px;padding:16px;line-height:1.7;overflow:auto}


/* =========================================================
   PATCH 2026-05-22 / V3 ADMIN PATCH P46-1 INSIGHT INSTALL BUTTON
   목적: 사이트관리 행의 Insight 설치 버튼을 구분 표시
   보호 범위: 기존 버튼 클래스 유지
   ========================================================= */
.lp3-btn-insight{background:#6f4aa8!important;color:#fff!important;border-color:#6f4aa8!important;box-shadow:0 8px 18px rgba(111,74,168,.18)}
.lp3-btn-insight:hover{filter:brightness(.96)}

/* =========================================================
   PATCH 2026-05-22 / V3 ADMIN PATCH P46-14 INSIGHT ADMIN SHORTCUT
   목적: 사이트관리 행의 고객 사이트 Insight 관리자 바로가기 버튼 구분 표시
   수정 범위: 버튼 색상만 추가
   보호 범위: 기존 버튼/테이블/사이트 목록 레이아웃 유지
   ========================================================= */
.lp3-btn-admin-shortcut{
  background:#2f7d65!important;
  color:#fff!important;
  border-color:#2f7d65!important;
  box-shadow:0 8px 18px rgba(47,125,101,.16);
  font-weight:900;
}
.lp3-btn-admin-shortcut:hover{filter:brightness(.96);color:#fff!important;}

/* =========================================================
   PATCH 2026-05-23 / V3 ADMIN PATCH P46-15
   목적: 소냐 작업팩 목적별 생성 UI
   보호 범위: 기존 버튼/카드 기본 스타일 유지, 작업팩 화면 전용 보강
   ========================================================= */
.lp3-packtype-panel{margin:18px 0 18px}
.lp3-workpack-type-grid{margin-top:12px}
.lp3-workpack-type-card{min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.lp3-workpack-type-card h3{margin:0 0 8px;font-size:17px}
.lp3-workpack-type-card.is-recommended{border-color:#e7b7c1;background:linear-gradient(180deg,#fff7f8,#fff)}
.lp3-card-subtle{box-shadow:none;background:#fffdfb}
.lp3-workpack-upload-box{margin-top:14px}
.lp3-form-grid-zip{grid-template-columns:minmax(220px,.6fr) minmax(320px,1fr) auto;align-items:end}
.lp3-field-action{justify-content:flex-end}
@media(max-width:980px){.lp3-form-grid-zip{grid-template-columns:1fr}.lp3-workpack-type-card{min-height:auto}}


/* =========================================================
   PATCH 2026-05-23 / V3 ADMIN PATCH P46-16
   목적: 전체 작업팩 화면에서도 목적별 작업팩 생성 동선을 표시
   보호 범위: 기존 작업팩 카드/폼 스타일 유지, 전체 화면 전용 보강만 추가
   ========================================================= */
.lp3-global-pack-starter{margin:18px 0 20px;padding:18px;border:1px solid #eadac8;border-radius:18px;background:#fffaf6}
.lp3-workpack-type-preview-grid{margin-bottom:14px}
.lp3-global-site-select-box{margin-top:14px;background:#fff!important}
.lp3-form-grid-global-workpack{grid-template-columns:minmax(360px,1fr) auto;align-items:end}
@media(max-width:980px){.lp3-form-grid-global-workpack{grid-template-columns:1fr}.lp3-global-pack-starter{padding:14px}}

/* =========================================================
   PATCH 2026-05-23 / V3 ADMIN PATCH P46-17
   목적: 실제 서버 FTP/SFTP 기준 작업팩 생성 UI
   보호 범위: 기존 작업팩 목록/원본 ZIP 업로드/미리보기 흐름 유지
   ========================================================= */
.lp3-server-workpack-box{margin-top:14px;background:#fffdfb!important;border-color:#cfeada!important}
.lp3-form-grid-server-workpack{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.lp3-form-grid-server-workpack .is-wide{grid-column:1/-1}
.lp3-check-field label{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #eadac8;border-radius:12px;background:#fffaf6;padding:10px 12px;font-weight:800;color:#4c4038}
.lp3-server-workpack-note{margin-top:12px}
@media(max-width:1100px){.lp3-form-grid-server-workpack{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.lp3-form-grid-server-workpack{grid-template-columns:1fr}}

/* =========================================================
   PATCH 2026-05-24 / V3 ADMIN PATCH P54 SEARCH CUSTOMER APPLY
   목적: 사이트관리 행의 검색관리 버튼 구분 표시
   보호 범위: 기존 SEO/Insight/실시간 편집 버튼 스타일 유지
   ========================================================= */
.lp3-btn-search{
  background:#fffaf0!important;
  color:#7a4a17!important;
  border-color:#e6c077!important;
  box-shadow:0 8px 18px rgba(184,130,35,.12);
  font-weight:900;
}
.lp3-btn-search:hover{filter:brightness(.98);color:#7a4a17!important;}


/* =========================================================
   PATCH 2026-05-27 / V3 ADMIN PATCH P58 SLOT EDITOR BUTTON
   목적: 사이트 목록의 Slot Editor 설치 버튼 색상 분리
   수정 범위: 버튼 색상 클래스만 추가
   보호 범위: 기존 실시간 편집/Insight/SEO/검색관리 버튼 스타일 유지
   ========================================================= */
.lp3-btn-slot-editor{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,118,110,.18)}
.lp3-btn-slot-editor:hover{filter:brightness(.96);color:#fff!important;transform:translateY(-1px)}
.lp3-slot-editor-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.lp3-slot-editor-status-card{border:1px solid var(--lp3-line);border-radius:16px;background:#fff;padding:14px}
.lp3-slot-editor-status-card span{display:block;font-size:12px;color:var(--lp3-muted);margin-bottom:6px}.lp3-slot-editor-status-card strong{word-break:break-all}
.lp3-slot-editor-note{background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;border-radius:16px;padding:14px;margin:12px 0}
@media(max-width:980px){.lp3-slot-editor-status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.lp3-slot-editor-status-grid{grid-template-columns:1fr}}


/* =========================================================
   PATCH 2026-05-28 / V3 ADMIN PATCH P59 SLOT EDITOR DIRECT SHORTCUT
   목적: 사이트 목록의 고객 사이트 내부 Slot Editor 바로가기 버튼 구분 표시
   수정 범위: 버튼 색상 클래스만 추가
   보호 범위: 기존 Slot Editor 설치/실시간 편집/Insight/SEO/검색관리 버튼 스타일 유지
   ========================================================= */
.lp3-btn-editor-shortcut{
  background:#0b3b5f!important;
  border-color:#0b3b5f!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(11,59,95,.18);
  font-weight:900;
}
.lp3-btn-editor-shortcut:hover{
  filter:brightness(.96);
  color:#fff!important;
  transform:translateY(-1px);
}