/* 기존 스타일 그대로 유지 */
body { margin: 0; display: flex; flex-direction: column; height: 100vh; font-family: sans-serif; overflow: hidden; }

header { 
    height: 60px; background: #333; color: white; 
    display: flex; align-items: center; padding: 0 20px; 
    gap: 30px; 
    flex-shrink: 0; 
}

/* 추가된 내비게이션 스타일 */
.sub-nav { display: flex; gap: 15px; flex: 1; }
.nav-item {
    color: #ccc; text-decoration: none; font-size: 0.9rem;
    padding: 8px 12px; border-radius: 4px; transition: all 0.2s;
}
.nav-item:hover { color: white; background: rgba(255, 255, 255, 0.1); }

#fontSelect { margin-left: auto; }

/* 레이아웃 구조 유지 */
main { flex: 1; display: flex; flex-direction: column; overflow: hidden; background: #fff; }
.editor-section { flex: 1; display: flex; overflow: hidden; }

#markdownInput, #renderArea { flex: 1; padding: 25px; border: none; outline: none; font-size: 1.1rem; overflow-y: auto; word-break: break-all; }
#markdownInput { border-right: 1px solid #ddd; background: #f9f9f9; resize: none; }

#renderArea, #renderArea * {
    font-family: var(--selected-font, inherit) !important;
    line-height: 1.6;
}

footer { 
    height: 120px; border-top: 1px solid #ddd; background: #eee; 
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}