/**
 * Project: Proposal Workstation Pro
 * File: style.css
 * Version: 3.0.0 (Modern UI/UX Update)
 */
@import url('https://fonts.googleapis.com/css2?family=Pretendard:wght@300;400;500;600;700;800&display=swap');

body { font-family: 'Pretendard', sans-serif; background-color: #f4f7f9; color: #0f172a; }

/* 상태 제어 유틸리티 */
.step-hidden, .modal-hidden { display: none !important; }

/* 커스텀 스크롤바 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 4px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 글래스모피즘 & 카드 스타일 */
.glass-panel { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); }
.modern-card { background: white; border-radius: 16px; box-shadow: 0 4px 20px -2px rgba(0,0,0,0.03); border: 1px solid #edf2f7; transition: all 0.3s ease; }

/* Markdown 렌더링 스타일 */
.markdown-body h3 { font-size: 1.15em; font-weight: 700; margin: 1.2em 0 0.5em; color: #1e293b; padding-bottom: 0.3em; border-bottom: 2px solid #f1f5f9; }
.markdown-body p { margin-bottom: 1em; line-height: 1.6; color: #475569; font-size: 0.95rem; }
.markdown-body ul { list-style: disc; margin-left: 1.5rem; margin-bottom: 1rem; color: #475569; font-size: 0.95rem; }

/* 캔버스 (슬라이드 뷰어) */
.canvas-base { background: white; transform-origin: top left; box-shadow: 0 10px 30px -5px rgba(0,0,0,0.15); border: 1px solid #e2e8f0; overflow: hidden; border-radius: 4px; }

/* 목차(TOC) 테이블 스타일 */
.toc-table th { background: #f8fafc; color: #334155; font-weight: 700; font-size: 0.85rem; padding: 12px; }
.toc-table td { border-bottom: 1px solid #f1f5f9; }
.toc-table input { width: 100%; border: 1px solid transparent; padding: 8px 6px; border-radius: 6px; outline: none; transition: all 0.2s; background: transparent; font-size: 0.9rem; }
.toc-table input:focus { border: 1px solid #818cf8; background: #fff; box-shadow: 0 0 0 3px rgba(129, 140, 248, 0.15); }
.toc-table tr:hover td { background: #f8fafc; }

/* 프로젝트 제목 입력 필드 */
.editable-title { background: transparent; border: 2px solid transparent; border-radius: 8px; transition: all 0.3s; text-align: center; }
.editable-title:hover { background: #f1f5f9; cursor: pointer; }
.editable-title:focus { background: white; border-color: #6366f1; cursor: text; outline: none; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }

/* 유틸리티 */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* 드롭다운 메뉴 애니메이션 */
.dropdown-menu { transform-origin: top right; transition: opacity 0.2s, transform 0.2s; }
.dropdown-menu.hidden { opacity: 0; transform: scale(0.95); pointer-events: none; }
.dropdown-menu.active { opacity: 1; transform: scale(1); pointer-events: auto; }