/* ============================================================
   pc-overlay.css - 검색 / 프로필 / 패널 / 채팅 / 등록 시트
   ============================================================ */

/* ===== 검색 오버레이 ===== */
#search-overlay {
    display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%);
    width: 600px; height: 44px;
    background: rgba(253,240,247,0.98); backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,107,157,0.15); z-index: 9999;
    padding: 0 12px; gap: 8px; align-items: center;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 20px rgba(255,107,157,0.15);
}
#search-overlay.show { display: flex; }

/* ===== 프로필 메뉴 ===== */
#profile-menu {
    display: none; position: fixed; top: 50px; right: 24px;
    background: white; border-radius: 16px; padding: 8px;
    min-width: 150px; z-index: 1000;
    box-shadow: 0 8px 32px rgba(255,107,157,0.2);
    border: 1px solid rgba(255,107,157,0.15);
}

/* ===== 스와이프 패널 ===== */
#swipe-panel {
    display: none; position: fixed; top: 44px; left: 50%; transform: translateX(-50%);
    width: 390px; height: calc(100vh - 44px);
    background: #0d0d1a; z-index: 1000;
    box-shadow: 0 4px 30px rgba(0,0,0,0.5);
    overflow-y: auto; border-radius: 0 0 16px 16px;
}
#panel-overlay {
    display: none; position: fixed; top: 0; left: 0;
    width: 100%; height: 100%; background: transparent; z-index: 999;
}
.panel-posts-grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 6px; padding: 12px;
}
.panel-thumb {
    aspect-ratio: 1; background: #f0eaff; border-radius: 8px;
    overflow: hidden; cursor: pointer; position: relative;
}
.panel-thumb img, .panel-thumb video {
    width: 100%; height: 100%; object-fit: cover;
}

/* ===== 채팅 시트 ===== */
#chat-overlay {
    display: none; position: fixed; top: 0; left: 0;
    width: 100%; height: 100%; background: transparent; z-index: 1001;
}
#chat-sheet {
    display: none; position: fixed; top: 44px;
    right: calc(50% - var(--vs-half, 185px) - 380px);
    width: 360px; height: calc(100vh - 44px);
    background: linear-gradient(180deg, #e8e0ff, #f0eaff);
    border-radius: 16px 0 0 16px; z-index: 1002;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(196,77,255,0.2);
}

/* ===== 등록 시트 ===== */
#create-overlay {
    display: none; position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4); z-index: 1001;
}
#create-sheet {
    display: none; position: fixed; bottom: 0;
    left: 50%; transform: translateX(-50%);
    width: 420px; background: white;
    border-radius: 24px 24px 0 0; z-index: 1002;
    max-height: 90vh; overflow-y: auto; flex-direction: column;
}